0:00:01.089,0:00:05.634 Let’s take a look at the atoms of visual design: letterforms. 0:00:05.634,0:00:09.695 Esta es la letra R, compuesto en Gill Sans. 0:00:09.695,0:00:13.877 Gill Sans fue diseñada por Eric Gill y puesto en libertad en 1928. 0:00:13.877,0:00:17.243 Hay un par de cosas que me gustaría destacar sobre esta carta aquí: 0:00:17.243,0:00:23.023 Uno de ellos es que tiene la característica perceptual de peso consistente a lo largo de todo; 0:00:23.023,0:00:28.016 Sin embargo, el espesor real de la carta varía considerablemente en diferentes partes. 0:00:28.016,0:00:31.361 Por lo tanto, si nos fijamos en algunos puntos de la carta, al igual que la parte inferior, 0:00:33.081,0:00:38.000 se puede ver que son mucho más gruesas que en otros puntos de la carta. 0:00:41.028,0:00:47.048 Y lo que se ve en estos átomos es exactamente lo que vas a ver a lo largo de la totalidad del diseño gráfico, 0:00:47.048,0:00:50.482 y es que vamos a dar algo que se siente perceptualmente equilibrada - 0:00:50.482,0:00:56.524 o puede tener uniformidad perceptual - cuando la realidad puede ser muy diferente. 0:00:56.524,0:01:03.067 Esta carta también fue mi primera misión como un estudiante de diseño gráfico en la Escuela de Rhode Island del diseño: 0:01:03.067,0:01:09.099 Tuvimos que sacar esta carta, un pie de altura, con pintura negro, sobre un fondo blanco. 0:01:09.099,0:01:11.528 Puede parecer un ejercicio tonto, 0:01:11.528,0:01:16.799 pero es una gran manera de comprender íntimamente las curvas y trazos de la letterform, 0:01:16.799,0:01:20.037 y también es muy bueno en la formación tanto de su ojo y el entrenamiento de su mano; 0:01:20.037,0:01:25.058 Tal vez es también un ritual de iniciación que acabo de post-hoc racionalizado. 0:01:25.058,0:01:32.002 De todos modos, moviéndose a lo largo, echemos un vistazo a las diferentes partes de un tipo de letra. 0:01:32.002,0:01:38.006 Un término que puede estar familiarizado con el uso de su equipo es el tamaño del punto o el tamaño de fuente. 0:01:38.006,0:01:40.059 Y lo que es notable acerca de esto es 0:01:40.059,0:01:46.032 parece que un número que debe ser inamovible y consistente a través de todos los tipos de letra, 0:01:46.032,0:01:48.001 pero no lo es. 0:01:48.001,0:01:53.001 La mayor parte de nuestra terminología de los tipos de letra viene de cuando se pusieron en ventaja, 0:01:53.001,0:02:00.005 y el tamaño de punto de un tipo de letra en realidad sólo significa la altura del bloque de plomo que el tipo se puso en, 0:02:00.005,0:02:07.030 que tiene alguna relación con el tamaño de la carta real, pero no es completamente coherente. 0:02:10.016,0:02:12.621 Por ejemplo, se puede ver, para el mismo tamaño de punto, 0:02:12.621,0:02:16.023 aquí está una letra S en Gill Sans, y una letra S en Calibri, 0:02:16.023,0:02:22.393 y puede que el S Calibri es más baja que la Gill Sans S. 0:02:26.762,0:02:29.001 Nuestro segundo término se conduce. 0:02:29.001,0:02:32.524 Si tenemos bloques sólidos de tipo plomo que forman las letras, 0:02:32.524,0:02:39.016 la separación que se obtiene entre las líneas se logra colocando tiras delgadas de plomo entre las líneas, 0:02:39.016,0:02:42.020 y que se llama interlineado. 0:02:42.020,0:02:47.019 Se acostumbra a tener un 20% de su tamaño de fuente como su líder; 0:02:47.019,0:02:51.015 y así, si en su procesador de textos que haya establecido de 10 puntos tipo, 0:02:51.015,0:02:59.036 por lo general se agrega automáticamente un extra de 2 puntos del espacio para poner 12 puntos entre cada línea. 0:02:59.036,0:03:05.045 La altura de las letras minúsculas se denomina la altura de la x, a partir de la "x". 0:03:05.045,0:03:10.032 Algunos tipos de letras tienen una mayor altura de la x, como Lucida Bright o Georgia; 0:03:10.032,0:03:13.691 otros tipos de letra tienen una menor altura de la x, como Baskerville. 0:03:13.691,0:03:16.085 Y esto es importante para el diseño - todo en línea - 0:03:16.085,0:03:23.074 porque los tipos de letra que tienen una mayor altura-x será más fácil de leer en tamaños de punto más pequeños 0:03:23.074,0:03:27.559 y en dispositivos de baja resolución, como la mayoría de las pantallas. 0:03:27.559,0:03:31.079 Por el contrario, los tipos de letra con una X de baja altura, como Baskerville, 0:03:31.079,0:03:37.049 Se utilizan cuando se está tratando de dar elegancia, o un "Bella Park" sentir algo. 0:03:37.049,0:03:39.781 Y surgiendo y cayendo por debajo de la altura de la x 0:03:39.781,0:03:44.960 son los ascendentes - como el tallo superior de la hora y el punto de la i -, 0:03:44.960,0:03:49.560 y sus descendentes - como la g y, p,. 0:03:49.560,0:03:55.214 En general, un tipo de letra que tiene una baja altura de la x tenderán a tener largos ascendentes y descendentes, 0:03:55.214,0:04:01.338 y un tipo de letra que tiene un alto x-altura tenderán a tener más aplastadas ascendentes y descendentes. 0:04:05.754,0:04:08.079 Tipos de letra también pueden variar en su peso. 0:04:08.079,0:04:15.459 Así que aquí tenemos un ejemplo de la luz en la. Izquierda, regular o romano en el centro, y en negrita a la derecha 0:04:15.459,0:04:19.087 A veces, verás como los pesos entre DemiBold o seminegrita, 0:04:19.087,0:04:23.081 y, hasta el más a la derecha de la negrita, verá negro. 0:04:23.081,0:04:25.094 El número seis en la lista son serifs. 0:04:25.094,0:04:33.070 Los remates son los doohiggies en el extremo de las cartas que les dan ese aspecto cincelado. 0:04:33.070,0:04:35.044 [Hay] un par más que son bonus: 0:04:35.044,0:04:39.091 Algunas caras (tipos de letra) también se incluyen versalitas - Seguro que son exactamente lo que parecen, 0:04:39.091,0:04:41.760 versiones más pequeñas de capital [s] y los números. 0:04:41.760,0:04:44.730 Estos pueden ser utilizados como cabeceras, o también se puede utilizar 0:04:44.730,0:04:50.034 para poner las siglas y otros textos capitales dentro de un bloque de texto del cuerpo. 0:04:51.592,0:04:53.540 Y una cosa que usted no puede saber es - 0:04:53.540,0:04:59.677 igual que las letras vienen en mayúsculas y minúsculas, números también lo hacen. 0:04:59.677,0:05:01.094 Estas cifras, que figuran en Neutraface, 0:05:01.094,0:05:06.027 son un ejemplo de algo que acaba de pequeños trazos ascendentes y descendentes; 0:05:06.027,0:05:09.462 en algunos casos estos pueden ser más dramático. 0:05:09.462,0:05:11.037 Números en minúsculas son útiles 0:05:11.037,0:05:17.001 cuando desea que los números de encajar con un bloque grande de texto y no se destacan. 0:05:17.001,0:05:20.048 Una de las preguntas más comunes que me hacen sobre el diseño gráfico es la siguiente: 0:05:20.048,0:05:22.060 "¿Qué tipo de letra se debe usar?" 0:05:22.060,0:05:24.063 Y mucha gente ha oído hablar de una historia 0:05:24.063,0:05:28.082 donde tipografías serif se recomiendan generalmente para el texto principal 0:05:28.082,0:05:32.077 y sans serif son recomendables para los encabezados. 0:05:32.077,0:05:36.956 Y eso es, en general, el consejo no está mal. 0:05:36.956,0:05:41.644 No es una afirmación a menudo repetida de que la razón de que esto es una buena heurística 0:05:41.644,0:05:47.005 es porque serif, con esos doohiggies al final, 0:05:47.005,0:05:52.052 dar a sus ojos algo para agarrarse, y por lo tanto son más fáciles de leer. 0:05:52.052,0:05:55.054 Es una hipótesis interesante. 0:05:55.054,0:05:58.007 Así que busqué en esto un poco para todos ustedes, 0:05:58.007,0:06:00.082 y hay algunos desafíos al tratar de resolver esto. 0:06:00.082,0:06:07.088 Para empezar, las diferencias individuales de los lectores empequeñecer cualquier efecto de manipulación de la tipografía - 0:06:07.088,0:06:09.711 como, algunas personas leen mucho más rápido que otros, 0:06:09.711,0:06:16.033 y por lo que es difícil de medir las diferencias en la legibilidad de tipografías. 0:06:16.033,0:06:19.081 Además, la lectura requiere estar familiarizado: 0:06:19.081,0:06:23.076 No es como nacemos sabiendo lo que es una letra R parece, tenemos que practicar. 0:06:23.076,0:06:28.037 Así que si usted aprende con un estilo de la letra R, es probable que sea más rápido que con una; 0:06:28.037,0:06:33.024 y si usted aprende con otro estilo de la letra R, que será más rápido con que uno. 0:06:34.090,0:06:37.523 Si incluso cuando llegamos allá de todos esos desafíos, 0:06:37.523,0:06:41.026 que puede ser un poco difícil de averiguar exactamente cómo se debe medir esto. 0:06:42.787,0:06:48.018 Bueno, yo no puedo ir tan lejos como para decir que la hipótesis serif es definitivamente falso; 0:06:48.018,0:06:53.026 lo que puedo decir es que hay una gran cantidad de evidencia que apoye que en realidad es real. 0:06:53.026,0:06:56.679 Y Alex Poole hace un gran trabajo de describir esto en su sitio web: 0:06:57.760,0:07:03.047 Él escribe: "Lo que inicialmente parecía una cuestión de puro dicotómica serif frente a sans serif 0:07:03.047,0:07:07.071 ha resultado en un cuerpo de investigación que consiste de las reivindicaciones débiles y reconvencionales, 0:07:07.071,0:07:10.653 y el estudio tras estudio con los resultados de "no diferencia". 0:07:10.653,0:07:16.050 ¿Es cierto que más de un centenar de años de investigación se ha visto empañado por [] repetidas fallas metodológicas 0:07:16.050,0:07:21.041 o son simplemente una tipografía serif "arenque rojo"? 0:07:21.041,0:07:26.035 Parece que escribe con mayúsculas y minúsculas como te dan en una frase - superior e inferior mezclados - 0:07:26.035,0:07:29.773 es más rápido de leer que todas las tapas, probablemente porque 0:07:29.773,0:07:34.257 se obtiene una mayor variación vertical con los ascendentes y descendentes en letras minúsculas, 0:07:34.257,0:07:39.650 y que le da la información de su ojo más, ya que está leyendo. 0:07:39.650,0:07:45.083 También, en general, las fuentes proporcionales parece ser más rápido que las fuentes de monoespaciado, como una máquina de escribir 0:07:45.083,0:07:52.035 Por lo tanto, la fuente typewriter [s] - lento para leer - [pero] eso sólo importa si usted tiene que leer mucho. 0:07:52.650,0:07:59.623 Pero el simple resumen es que, en la práctica, la legibilidad equivale simplemente a lo que estás acostumbrado. 0:08:00.162,0:08:04.670 ¿Qué dicen estas palabras? La mitad inferior está oculta. 0:08:04.670,0:08:08.996 Como muchos de ustedes adivinado, "Yo soy una dona de jalea". 0:08:09.011,0:08:13.472 ¿Y este de aquí? Aquí la mitad superior se oscurece. 0:08:13.472,0:08:15.408 Parece un poco más difícil? 0:08:15.408,0:08:19.027 "Jfk habló en Berlín." 0:08:19.027,0:08:24.715 Resulta que más de la información parece estar codificada en la mitad superior de los textos que en la mitad inferior. 0:08:25.191,0:08:27.450 ¿Y qué nos dice esto? 0:08:27.450,0:08:31.611 [I] apuestas que muchos de ustedes lo vieron como "el gato", 0:08:31.611,0:08:36.039 y menos personas, "TAE CHT". 0:08:36.039,0:08:42.287 Y es que las expectativas juegan un papel muy importante en lo que leemos. 0:08:42.287,0:08:44.029 Y si usted es realmente perceptivo, 0:08:44.029,0:08:52.633 usted se haya dado cuenta de que esas dos letras centrales son en realidad exactamente la misma carta, 0:08:52.633,0:08:57.051 por lo que la única diferencia es lo que estás esperando a ver en cada caso. 0:08:57.051,0:09:01.055 Su probabilidad previa influye en su interpretación 0:09:01.055,0:09:07.017 Por lo tanto, si usted pone todo eso junto y volver a nuestra pregunta inicial de "¿Qué tipo de letra se debe utilizar", 0:09:07.017,0:09:09.078 la respuesta es "depende". 0:09:09.078,0:09:12.161 Si usted está poniendo por una calle larga de texto, 0:09:12.161,0:09:16.351 lo mejor es usar un tipo de letra que mucha gente va a estar familiarizado; 0:09:16.367,0:09:21.455 y si usted está trabajando en línea, use algo que tiene un relativamente alto x-height. 0:09:21.455,0:09:25.084 Por otro lado, si usted está haciendo un logo o un cartel, 0:09:25.084,0:09:29.046 o algo que es corto y la intención de ser dramática, 0:09:29.046,0:09:33.001 entonces usted probablemente querrá usar algo un poco más funky poco como el tipo de letra - 0:09:33.001,0:09:36.651 algo que va a llamar la atención y ser único, memorable. 0:09:37.789,0:09:42.625 Y los tipos de letra - como todo en la vida - [construir] reputación arriba. 0:09:42.625,0:09:46.694 Así que, con el tiempo, ciertos tipos de letra llegado a significar ciertas cosas. 0:09:46.694,0:09:50.910 Y esto es un gran ejemplo de Hoefler y Frere-Jones, escribiendo en su blog. 0:09:50.910,0:09:56.033 Hablan de cómo Baskerville parece que es de una revista literaria 0:09:56.033,0:10:03.071 Optima y parece recordarnos baratos los productos de higiene de 1950. 0:10:03.071,0:10:08.009 Aquí hay dos ejercicios fáciles que usted puede utilizar para mejorar tu ojo tipográfico: 0:10:08.009,0:10:14.046 La primera es: Mira a tu alrededor para todas las diferentes maneras en que el mismo tipo de letra se despliegan; 0:10:14.046,0:10:17.044 que le dará una idea de su alcance. 0:10:17.044,0:10:25.619 Y la segunda es: Mira cómo el mismo texto, con diferentes tipos de letra, realmente cambia su significado. 0:10:27.157,0:10:30.033 En esta clase tenemos mucho terreno por recorrer rápidamente, 0:10:30.033,0:10:33.071 y por lo que lamentablemente no podemos pasar mucho tiempo en la tipografía; 0:10:33.071,0:10:36.056 pero es un tema fascinante, y si usted quisiera aprender más sobre esto, 0:10:36.056,0:10:42.035 hay muchos grandes libros y recursos de diseño en línea, y están creciendo rápidamente. 0:10:42.035,0:10:48.005 Éstos son sólo algunos que me parecen especialmente buenos.