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