[Script Info] Title: [Events] Format: Layer, Start, End, Style, Name, MarginL, MarginR, MarginV, Effect, Text Dialogue: 0,0:00:01.09,0:00:05.63,Default,,0000,0000,0000,,Let’s take a look at the atoms of visual design: letterforms. Dialogue: 0,0:00:05.63,0:00:09.70,Default,,0000,0000,0000,,Esta es la letra R, compuesto en Gill Sans. Dialogue: 0,0:00:09.70,0:00:13.88,Default,,0000,0000,0000,,Gill Sans fue diseñada por Eric Gill y puesto en libertad en 1928. Dialogue: 0,0:00:13.88,0:00:17.24,Default,,0000,0000,0000,,Hay un par de cosas que me gustaría destacar sobre esta carta aquí: Dialogue: 0,0:00:17.24,0:00:23.02,Default,,0000,0000,0000,,Uno de ellos es que tiene la característica perceptual de peso consistente a lo largo de todo; Dialogue: 0,0:00:23.02,0:00:28.02,Default,,0000,0000,0000,,Sin embargo, el espesor real de la carta varía considerablemente en diferentes partes. Dialogue: 0,0:00:28.02,0:00:31.36,Default,,0000,0000,0000,,Por lo tanto, si nos fijamos en algunos puntos de la carta, al igual que la parte inferior, Dialogue: 0,0:00:33.08,0:00:38.00,Default,,0000,0000,0000,,se puede ver que son mucho más gruesas que en otros puntos de la carta. Dialogue: 0,0:00:41.03,0:00:47.05,Default,,0000,0000,0000,,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, Dialogue: 0,0:00:47.05,0:00:50.48,Default,,0000,0000,0000,,y es que vamos a dar algo que se siente perceptualmente equilibrada - Dialogue: 0,0:00:50.48,0:00:56.52,Default,,0000,0000,0000,,o puede tener uniformidad perceptual - cuando la realidad puede ser muy diferente. Dialogue: 0,0:00:56.52,0:01:03.07,Default,,0000,0000,0000,,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: Dialogue: 0,0:01:03.07,0:01:09.10,Default,,0000,0000,0000,,Tuvimos que sacar esta carta, un pie de altura, con pintura negro, sobre un fondo blanco. Dialogue: 0,0:01:09.10,0:01:11.53,Default,,0000,0000,0000,,Puede parecer un ejercicio tonto, Dialogue: 0,0:01:11.53,0:01:16.80,Default,,0000,0000,0000,,pero es una gran manera de comprender íntimamente las curvas y trazos de la letterform, Dialogue: 0,0:01:16.80,0:01:20.04,Default,,0000,0000,0000,,y también es muy bueno en la formación tanto de su ojo y el entrenamiento de su mano; Dialogue: 0,0:01:20.04,0:01:25.06,Default,,0000,0000,0000,,Tal vez es también un ritual de iniciación que acabo de post-hoc racionalizado. Dialogue: 0,0:01:25.06,0:01:32.00,Default,,0000,0000,0000,,De todos modos, moviéndose a lo largo, echemos un vistazo a las diferentes partes de un tipo de letra. Dialogue: 0,0:01:32.00,0:01:38.01,Default,,0000,0000,0000,,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. Dialogue: 0,0:01:38.01,0:01:40.06,Default,,0000,0000,0000,,Y lo que es notable acerca de esto es Dialogue: 0,0:01:40.06,0:01:46.03,Default,,0000,0000,0000,,parece que un número que debe ser inamovible y consistente a través de todos los tipos de letra, Dialogue: 0,0:01:46.03,0:01:48.00,Default,,0000,0000,0000,,pero no lo es. Dialogue: 0,0:01:48.00,0:01:53.00,Default,,0000,0000,0000,,La mayor parte de nuestra terminología de los tipos de letra viene de cuando se pusieron en ventaja, Dialogue: 0,0:01:53.00,0:02:00.00,Default,,0000,0000,0000,,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, Dialogue: 0,0:02:00.00,0:02:07.03,Default,,0000,0000,0000,,que tiene alguna relación con el tamaño de la carta real, pero no es completamente coherente. Dialogue: 0,0:02:10.02,0:02:12.62,Default,,0000,0000,0000,,Por ejemplo, se puede ver, para el mismo tamaño de punto, Dialogue: 0,0:02:12.62,0:02:16.02,Default,,0000,0000,0000,,aquí está una letra S en Gill Sans, y una letra S en Calibri, Dialogue: 0,0:02:16.02,0:02:22.39,Default,,0000,0000,0000,,y puede que el S Calibri es más baja que la Gill Sans S. Dialogue: 0,0:02:26.76,0:02:29.00,Default,,0000,0000,0000,,Nuestro segundo término se conduce. Dialogue: 0,0:02:29.00,0:02:32.52,Default,,0000,0000,0000,,Si tenemos bloques sólidos de tipo plomo que forman las letras, Dialogue: 0,0:02:32.52,0:02:39.02,Default,,0000,0000,0000,,la separación que se obtiene entre las líneas se logra colocando tiras delgadas de plomo entre las líneas, Dialogue: 0,0:02:39.02,0:02:42.02,Default,,0000,0000,0000,,y que se llama interlineado. Dialogue: 0,0:02:42.02,0:02:47.02,Default,,0000,0000,0000,,Se acostumbra a tener un 20% de su tamaño de fuente como su líder; Dialogue: 0,0:02:47.02,0:02:51.02,Default,,0000,0000,0000,,y así, si en su procesador de textos que haya establecido de 10 puntos tipo, Dialogue: 0,0:02:51.02,0:02:59.04,Default,,0000,0000,0000,,por lo general se agrega automáticamente un extra de 2 puntos del espacio para poner 12 puntos entre cada línea. Dialogue: 0,0:02:59.04,0:03:05.04,Default,,0000,0000,0000,,La altura de las letras minúsculas se denomina la altura de la x, a partir de la "x". Dialogue: 0,0:03:05.04,0:03:10.03,Default,,0000,0000,0000,,Algunos tipos de letras tienen una mayor altura de la x, como Lucida Bright o Georgia; Dialogue: 0,0:03:10.03,0:03:13.69,Default,,0000,0000,0000,,otros tipos de letra tienen una menor altura de la x, como Baskerville. Dialogue: 0,0:03:13.69,0:03:16.08,Default,,0000,0000,0000,,Y esto es importante para el diseño - todo en línea - Dialogue: 0,0:03:16.08,0:03:23.07,Default,,0000,0000,0000,,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 Dialogue: 0,0:03:23.07,0:03:27.56,Default,,0000,0000,0000,,y en dispositivos de baja resolución, como la mayoría de las pantallas. Dialogue: 0,0:03:27.56,0:03:31.08,Default,,0000,0000,0000,,Por el contrario, los tipos de letra con una X de baja altura, como Baskerville, Dialogue: 0,0:03:31.08,0:03:37.05,Default,,0000,0000,0000,,Se utilizan cuando se está tratando de dar elegancia, o un "Bella Park" sentir algo. Dialogue: 0,0:03:37.05,0:03:39.78,Default,,0000,0000,0000,,Y surgiendo y cayendo por debajo de la altura de la x Dialogue: 0,0:03:39.78,0:03:44.96,Default,,0000,0000,0000,,son los ascendentes - como el tallo superior de la hora y el punto de la i -, Dialogue: 0,0:03:44.96,0:03:49.56,Default,,0000,0000,0000,,y sus descendentes - como la g y, p,. Dialogue: 0,0:03:49.56,0:03:55.21,Default,,0000,0000,0000,,En general, un tipo de letra que tiene una baja altura de la x tenderán a tener largos ascendentes y descendentes, Dialogue: 0,0:03:55.21,0:04:01.34,Default,,0000,0000,0000,,y un tipo de letra que tiene un alto x-altura tenderán a tener más aplastadas ascendentes y descendentes. Dialogue: 0,0:04:05.75,0:04:08.08,Default,,0000,0000,0000,,Tipos de letra también pueden variar en su peso. Dialogue: 0,0:04:08.08,0:04:15.46,Default,,0000,0000,0000,,Así que aquí tenemos un ejemplo de la luz en la. Izquierda, regular o romano en el centro, y en negrita a la derecha Dialogue: 0,0:04:15.46,0:04:19.09,Default,,0000,0000,0000,,A veces, verás como los pesos entre DemiBold o seminegrita, Dialogue: 0,0:04:19.09,0:04:23.08,Default,,0000,0000,0000,,y, hasta el más a la derecha de la negrita, verá negro. Dialogue: 0,0:04:23.08,0:04:25.09,Default,,0000,0000,0000,,El número seis en la lista son serifs. Dialogue: 0,0:04:25.09,0:04:33.07,Default,,0000,0000,0000,,Los remates son los doohiggies en el extremo de las cartas que les dan ese aspecto cincelado. Dialogue: 0,0:04:33.07,0:04:35.04,Default,,0000,0000,0000,,[Hay] un par más que son bonus: Dialogue: 0,0:04:35.04,0:04:39.09,Default,,0000,0000,0000,,Algunas caras (tipos de letra) también se incluyen versalitas - Seguro que son exactamente lo que parecen, Dialogue: 0,0:04:39.09,0:04:41.76,Default,,0000,0000,0000,,versiones más pequeñas de capital [s] y los números. Dialogue: 0,0:04:41.76,0:04:44.73,Default,,0000,0000,0000,,Estos pueden ser utilizados como cabeceras, o también se puede utilizar Dialogue: 0,0:04:44.73,0:04:50.03,Default,,0000,0000,0000,,para poner las siglas y otros textos capitales dentro de un bloque de texto del cuerpo. Dialogue: 0,0:04:51.59,0:04:53.54,Default,,0000,0000,0000,,Y una cosa que usted no puede saber es - Dialogue: 0,0:04:53.54,0:04:59.68,Default,,0000,0000,0000,,igual que las letras vienen en mayúsculas y minúsculas, números también lo hacen. Dialogue: 0,0:04:59.68,0:05:01.09,Default,,0000,0000,0000,,Estas cifras, que figuran en Neutraface, Dialogue: 0,0:05:01.09,0:05:06.03,Default,,0000,0000,0000,,son un ejemplo de algo que acaba de pequeños trazos ascendentes y descendentes; Dialogue: 0,0:05:06.03,0:05:09.46,Default,,0000,0000,0000,,en algunos casos estos pueden ser más dramático. Dialogue: 0,0:05:09.46,0:05:11.04,Default,,0000,0000,0000,,Números en minúsculas son útiles Dialogue: 0,0:05:11.04,0:05:17.00,Default,,0000,0000,0000,,cuando desea que los números de encajar con un bloque grande de texto y no se destacan. Dialogue: 0,0:05:17.00,0:05:20.05,Default,,0000,0000,0000,,Una de las preguntas más comunes que me hacen sobre el diseño gráfico es la siguiente: Dialogue: 0,0:05:20.05,0:05:22.06,Default,,0000,0000,0000,,"¿Qué tipo de letra se debe usar?" Dialogue: 0,0:05:22.06,0:05:24.06,Default,,0000,0000,0000,,Y mucha gente ha oído hablar de una historia Dialogue: 0,0:05:24.06,0:05:28.08,Default,,0000,0000,0000,,donde tipografías serif se recomiendan generalmente para el texto principal Dialogue: 0,0:05:28.08,0:05:32.08,Default,,0000,0000,0000,,y sans serif son recomendables para los encabezados. Dialogue: 0,0:05:32.08,0:05:36.96,Default,,0000,0000,0000,,Y eso es, en general, el consejo no está mal. Dialogue: 0,0:05:36.96,0:05:41.64,Default,,0000,0000,0000,,No es una afirmación a menudo repetida de que la razón de que esto es una buena heurística Dialogue: 0,0:05:41.64,0:05:47.00,Default,,0000,0000,0000,,es porque serif, con esos doohiggies al final, Dialogue: 0,0:05:47.00,0:05:52.05,Default,,0000,0000,0000,,dar a sus ojos algo para agarrarse, y por lo tanto son más fáciles de leer. Dialogue: 0,0:05:52.05,0:05:55.05,Default,,0000,0000,0000,,Es una hipótesis interesante. Dialogue: 0,0:05:55.05,0:05:58.01,Default,,0000,0000,0000,,Así que busqué en esto un poco para todos ustedes, Dialogue: 0,0:05:58.01,0:06:00.08,Default,,0000,0000,0000,,y hay algunos desafíos al tratar de resolver esto. Dialogue: 0,0:06:00.08,0:06:07.09,Default,,0000,0000,0000,,Para empezar, las diferencias individuales de los lectores empequeñecer cualquier efecto de manipulación de la tipografía - Dialogue: 0,0:06:07.09,0:06:09.71,Default,,0000,0000,0000,,como, algunas personas leen mucho más rápido que otros, Dialogue: 0,0:06:09.71,0:06:16.03,Default,,0000,0000,0000,,y por lo que es difícil de medir las diferencias en la legibilidad de tipografías. Dialogue: 0,0:06:16.03,0:06:19.08,Default,,0000,0000,0000,,Además, la lectura requiere estar familiarizado: Dialogue: 0,0:06:19.08,0:06:23.08,Default,,0000,0000,0000,,No es como nacemos sabiendo lo que es una letra R parece, tenemos que practicar. Dialogue: 0,0:06:23.08,0:06:28.04,Default,,0000,0000,0000,,Así que si usted aprende con un estilo de la letra R, es probable que sea más rápido que con una; Dialogue: 0,0:06:28.04,0:06:33.02,Default,,0000,0000,0000,,y si usted aprende con otro estilo de la letra R, que será más rápido con que uno. Dialogue: 0,0:06:34.09,0:06:37.52,Default,,0000,0000,0000,,Si incluso cuando llegamos allá de todos esos desafíos, Dialogue: 0,0:06:37.52,0:06:41.03,Default,,0000,0000,0000,,que puede ser un poco difícil de averiguar exactamente cómo se debe medir esto. Dialogue: 0,0:06:42.79,0:06:48.02,Default,,0000,0000,0000,,Bueno, yo no puedo ir tan lejos como para decir que la hipótesis serif es definitivamente falso; Dialogue: 0,0:06:48.02,0:06:53.03,Default,,0000,0000,0000,,lo que puedo decir es que hay una gran cantidad de evidencia que apoye que en realidad es real. Dialogue: 0,0:06:53.03,0:06:56.68,Default,,0000,0000,0000,,Y Alex Poole hace un gran trabajo de describir esto en su sitio web: Dialogue: 0,0:06:57.76,0:07:03.05,Default,,0000,0000,0000,,Él escribe: "Lo que inicialmente parecía una cuestión de puro dicotómica serif frente a sans serif Dialogue: 0,0:07:03.05,0:07:07.07,Default,,0000,0000,0000,,ha resultado en un cuerpo de investigación que consiste de las reivindicaciones débiles y reconvencionales, Dialogue: 0,0:07:07.07,0:07:10.65,Default,,0000,0000,0000,,y el estudio tras estudio con los resultados de "no diferencia". Dialogue: 0,0:07:10.65,0:07:16.05,Default,,0000,0000,0000,,¿Es cierto que más de un centenar de años de investigación se ha visto empañado por [] repetidas fallas metodológicas Dialogue: 0,0:07:16.05,0:07:21.04,Default,,0000,0000,0000,,o son simplemente una tipografía serif "arenque rojo"? Dialogue: 0,0:07:21.04,0:07:26.04,Default,,0000,0000,0000,,Parece que escribe con mayúsculas y minúsculas como te dan en una frase - superior e inferior mezclados - Dialogue: 0,0:07:26.04,0:07:29.77,Default,,0000,0000,0000,,es más rápido de leer que todas las tapas, probablemente porque Dialogue: 0,0:07:29.77,0:07:34.26,Default,,0000,0000,0000,,se obtiene una mayor variación vertical con los ascendentes y descendentes en letras minúsculas, Dialogue: 0,0:07:34.26,0:07:39.65,Default,,0000,0000,0000,,y que le da la información de su ojo más, ya que está leyendo. Dialogue: 0,0:07:39.65,0:07:45.08,Default,,0000,0000,0000,,También, en general, las fuentes proporcionales parece ser más rápido que las fuentes de monoespaciado, como una máquina de escribir Dialogue: 0,0:07:45.08,0:07:52.04,Default,,0000,0000,0000,,Por lo tanto, la fuente typewriter [s] - lento para leer - [pero] eso sólo importa si usted tiene que leer mucho. Dialogue: 0,0:07:52.65,0:07:59.62,Default,,0000,0000,0000,,Pero el simple resumen es que, en la práctica, la legibilidad equivale simplemente a lo que estás acostumbrado. Dialogue: 0,0:08:00.16,0:08:04.67,Default,,0000,0000,0000,,¿Qué dicen estas palabras? La mitad inferior está oculta. Dialogue: 0,0:08:04.67,0:08:08.100,Default,,0000,0000,0000,,Como muchos de ustedes adivinado, "Yo soy una dona de jalea". Dialogue: 0,0:08:09.01,0:08:13.47,Default,,0000,0000,0000,,¿Y este de aquí? Aquí la mitad superior se oscurece. Dialogue: 0,0:08:13.47,0:08:15.41,Default,,0000,0000,0000,,Parece un poco más difícil? Dialogue: 0,0:08:15.41,0:08:19.03,Default,,0000,0000,0000,,"Jfk habló en Berlín." Dialogue: 0,0:08:19.03,0:08:24.72,Default,,0000,0000,0000,,Resulta que más de la información parece estar codificada en la mitad superior de los textos que en la mitad inferior. Dialogue: 0,0:08:25.19,0:08:27.45,Default,,0000,0000,0000,,¿Y qué nos dice esto? Dialogue: 0,0:08:27.45,0:08:31.61,Default,,0000,0000,0000,,[I] apuestas que muchos de ustedes lo vieron como "el gato", Dialogue: 0,0:08:31.61,0:08:36.04,Default,,0000,0000,0000,,y menos personas, "TAE CHT". Dialogue: 0,0:08:36.04,0:08:42.29,Default,,0000,0000,0000,,Y es que las expectativas juegan un papel muy importante en lo que leemos. Dialogue: 0,0:08:42.29,0:08:44.03,Default,,0000,0000,0000,,Y si usted es realmente perceptivo, Dialogue: 0,0:08:44.03,0:08:52.63,Default,,0000,0000,0000,,usted se haya dado cuenta de que esas dos letras centrales son en realidad exactamente la misma carta, Dialogue: 0,0:08:52.63,0:08:57.05,Default,,0000,0000,0000,,por lo que la única diferencia es lo que estás esperando a ver en cada caso. Dialogue: 0,0:08:57.05,0:09:01.06,Default,,0000,0000,0000,,Su probabilidad previa influye en su interpretación Dialogue: 0,0:09:01.06,0:09:07.02,Default,,0000,0000,0000,,Por lo tanto, si usted pone todo eso junto y volver a nuestra pregunta inicial de "¿Qué tipo de letra se debe utilizar", Dialogue: 0,0:09:07.02,0:09:09.08,Default,,0000,0000,0000,,la respuesta es "depende". Dialogue: 0,0:09:09.08,0:09:12.16,Default,,0000,0000,0000,,Si usted está poniendo por una calle larga de texto, Dialogue: 0,0:09:12.16,0:09:16.35,Default,,0000,0000,0000,,lo mejor es usar un tipo de letra que mucha gente va a estar familiarizado; Dialogue: 0,0:09:16.37,0:09:21.46,Default,,0000,0000,0000,,y si usted está trabajando en línea, use algo que tiene un relativamente alto x-height. Dialogue: 0,0:09:21.46,0:09:25.08,Default,,0000,0000,0000,,Por otro lado, si usted está haciendo un logo o un cartel, Dialogue: 0,0:09:25.08,0:09:29.05,Default,,0000,0000,0000,,o algo que es corto y la intención de ser dramática, Dialogue: 0,0:09:29.05,0:09:33.00,Default,,0000,0000,0000,,entonces usted probablemente querrá usar algo un poco más funky poco como el tipo de letra - Dialogue: 0,0:09:33.00,0:09:36.65,Default,,0000,0000,0000,,algo que va a llamar la atención y ser único, memorable. Dialogue: 0,0:09:37.79,0:09:42.62,Default,,0000,0000,0000,,Y los tipos de letra - como todo en la vida - [construir] reputación arriba. Dialogue: 0,0:09:42.62,0:09:46.69,Default,,0000,0000,0000,,Así que, con el tiempo, ciertos tipos de letra llegado a significar ciertas cosas. Dialogue: 0,0:09:46.69,0:09:50.91,Default,,0000,0000,0000,,Y esto es un gran ejemplo de Hoefler y Frere-Jones, escribiendo en su blog. Dialogue: 0,0:09:50.91,0:09:56.03,Default,,0000,0000,0000,,Hablan de cómo Baskerville parece que es de una revista literaria Dialogue: 0,0:09:56.03,0:10:03.07,Default,,0000,0000,0000,,Optima y parece recordarnos baratos los productos de higiene de 1950. Dialogue: 0,0:10:03.07,0:10:08.01,Default,,0000,0000,0000,,Aquí hay dos ejercicios fáciles que usted puede utilizar para mejorar tu ojo tipográfico: Dialogue: 0,0:10:08.01,0:10:14.05,Default,,0000,0000,0000,,La primera es: Mira a tu alrededor para todas las diferentes maneras en que el mismo tipo de letra se despliegan; Dialogue: 0,0:10:14.05,0:10:17.04,Default,,0000,0000,0000,,que le dará una idea de su alcance. Dialogue: 0,0:10:17.04,0:10:25.62,Default,,0000,0000,0000,,Y la segunda es: Mira cómo el mismo texto, con diferentes tipos de letra, realmente cambia su significado. Dialogue: 0,0:10:27.16,0:10:30.03,Default,,0000,0000,0000,,En esta clase tenemos mucho terreno por recorrer rápidamente, Dialogue: 0,0:10:30.03,0:10:33.07,Default,,0000,0000,0000,,y por lo que lamentablemente no podemos pasar mucho tiempo en la tipografía; Dialogue: 0,0:10:33.07,0:10:36.06,Default,,0000,0000,0000,,pero es un tema fascinante, y si usted quisiera aprender más sobre esto, Dialogue: 0,0:10:36.06,0:10:42.04,Default,,0000,0000,0000,,hay muchos grandes libros y recursos de diseño en línea, y están creciendo rápidamente. Dialogue: 0,0:10:42.04,0:10:48.00,Default,,0000,0000,0000,,Éstos son sólo algunos que me parecen especialmente buenos.