Return to Video

Lecture 7.2: Typography (10:47)

  • 0:01 - 0:06
    Let’s take a look at the atoms of visual design: letterforms.
  • 0:06 - 0:10
    Esta es la letra R, compuesto en Gill Sans.
  • 0:10 - 0:14
    Gill Sans fue diseñada por Eric Gill y puesto en libertad en 1928.
  • 0:14 - 0:17
    Hay un par de cosas que me gustaría destacar sobre esta carta aquí:
  • 0:17 - 0:23
    Uno de ellos es que tiene la característica perceptual de peso consistente a lo largo de todo;
  • 0:23 - 0:28
    Sin embargo, el espesor real de la carta varía considerablemente en diferentes partes.
  • 0:28 - 0:31
    Por lo tanto, si nos fijamos en algunos puntos de la carta, al igual que la parte inferior,
  • 0:33 - 0:38
    se puede ver que son mucho más gruesas que en otros puntos de la carta.
  • 0:41 - 0:47
    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:47 - 0:50
    y es que vamos a dar algo que se siente perceptualmente equilibrada -
  • 0:50 - 0:57
    o puede tener uniformidad perceptual - cuando la realidad puede ser muy diferente.
  • 0:57 - 1:03
    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:
  • 1:03 - 1:09
    Tuvimos que sacar esta carta, un pie de altura, con pintura negro, sobre un fondo blanco.
  • 1:09 - 1:12
    Puede parecer un ejercicio tonto,
  • 1:12 - 1:17
    pero es una gran manera de comprender íntimamente las curvas y trazos de la letterform,
  • 1:17 - 1:20
    y también es muy bueno en la formación tanto de su ojo y el entrenamiento de su mano;
  • 1:20 - 1:25
    Tal vez es también un ritual de iniciación que acabo de post-hoc racionalizado.
  • 1:25 - 1:32
    De todos modos, moviéndose a lo largo, echemos un vistazo a las diferentes partes de un tipo de letra.
  • 1:32 - 1:38
    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.
  • 1:38 - 1:40
    Y lo que es notable acerca de esto es
  • 1:40 - 1:46
    parece que un número que debe ser inamovible y consistente a través de todos los tipos de letra,
  • 1:46 - 1:48
    pero no lo es.
  • 1:48 - 1:53
    La mayor parte de nuestra terminología de los tipos de letra viene de cuando se pusieron en ventaja,
  • 1:53 - 2:00
    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,
  • 2:00 - 2:07
    que tiene alguna relación con el tamaño de la carta real, pero no es completamente coherente.
  • 2:10 - 2:13
    Por ejemplo, se puede ver, para el mismo tamaño de punto,
  • 2:13 - 2:16
    aquí está una letra S en Gill Sans, y una letra S en Calibri,
  • 2:16 - 2:22
    y puede que el S Calibri es más baja que la Gill Sans S.
  • 2:27 - 2:29
    Nuestro segundo término se conduce.
  • 2:29 - 2:33
    Si tenemos bloques sólidos de tipo plomo que forman las letras,
  • 2:33 - 2:39
    la separación que se obtiene entre las líneas se logra colocando tiras delgadas de plomo entre las líneas,
  • 2:39 - 2:42
    y que se llama interlineado.
  • 2:42 - 2:47
    Se acostumbra a tener un 20% de su tamaño de fuente como su líder;
  • 2:47 - 2:51
    y así, si en su procesador de textos que haya establecido de 10 puntos tipo,
  • 2:51 - 2:59
    por lo general se agrega automáticamente un extra de 2 puntos del espacio para poner 12 puntos entre cada línea.
  • 2:59 - 3:05
    La altura de las letras minúsculas se denomina la altura de la x, a partir de la "x".
  • 3:05 - 3:10
    Algunos tipos de letras tienen una mayor altura de la x, como Lucida Bright o Georgia;
  • 3:10 - 3:14
    otros tipos de letra tienen una menor altura de la x, como Baskerville.
  • 3:14 - 3:16
    Y esto es importante para el diseño - todo en línea -
  • 3:16 - 3:23
    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
  • 3:23 - 3:28
    y en dispositivos de baja resolución, como la mayoría de las pantallas.
  • 3:28 - 3:31
    Por el contrario, los tipos de letra con una X de baja altura, como Baskerville,
  • 3:31 - 3:37
    Se utilizan cuando se está tratando de dar elegancia, o un "Bella Park" sentir algo.
  • 3:37 - 3:40
    Y surgiendo y cayendo por debajo de la altura de la x
  • 3:40 - 3:45
    son los ascendentes - como el tallo superior de la hora y el punto de la i -,
  • 3:45 - 3:50
    y sus descendentes - como la g y, p,.
  • 3:50 - 3:55
    En general, un tipo de letra que tiene una baja altura de la x tenderán a tener largos ascendentes y descendentes,
  • 3:55 - 4:01
    y un tipo de letra que tiene un alto x-altura tenderán a tener más aplastadas ascendentes y descendentes.
  • 4:06 - 4:08
    Tipos de letra también pueden variar en su peso.
  • 4:08 - 4:15
    Así que aquí tenemos un ejemplo de la luz en la. Izquierda, regular o romano en el centro, y en negrita a la derecha
  • 4:15 - 4:19
    A veces, verás como los pesos entre DemiBold o seminegrita,
  • 4:19 - 4:23
    y, hasta el más a la derecha de la negrita, verá negro.
  • 4:23 - 4:25
    El número seis en la lista son serifs.
  • 4:25 - 4:33
    Los remates son los doohiggies en el extremo de las cartas que les dan ese aspecto cincelado.
  • 4:33 - 4:35
    [Hay] un par más que son bonus:
  • 4:35 - 4:39
    Algunas caras (tipos de letra) también se incluyen versalitas - Seguro que son exactamente lo que parecen,
  • 4:39 - 4:42
    versiones más pequeñas de capital [s] y los números.
  • 4:42 - 4:45
    Estos pueden ser utilizados como cabeceras, o también se puede utilizar
  • 4:45 - 4:50
    para poner las siglas y otros textos capitales dentro de un bloque de texto del cuerpo.
  • 4:52 - 4:54
    Y una cosa que usted no puede saber es -
  • 4:54 - 5:00
    igual que las letras vienen en mayúsculas y minúsculas, números también lo hacen.
  • 5:00 - 5:01
    Estas cifras, que figuran en Neutraface,
  • 5:01 - 5:06
    son un ejemplo de algo que acaba de pequeños trazos ascendentes y descendentes;
  • 5:06 - 5:09
    en algunos casos estos pueden ser más dramático.
  • 5:09 - 5:11
    Números en minúsculas son útiles
  • 5:11 - 5:17
    cuando desea que los números de encajar con un bloque grande de texto y no se destacan.
  • 5:17 - 5:20
    Una de las preguntas más comunes que me hacen sobre el diseño gráfico es la siguiente:
  • 5:20 - 5:22
    "¿Qué tipo de letra se debe usar?"
  • 5:22 - 5:24
    Y mucha gente ha oído hablar de una historia
  • 5:24 - 5:28
    donde tipografías serif se recomiendan generalmente para el texto principal
  • 5:28 - 5:32
    y sans serif son recomendables para los encabezados.
  • 5:32 - 5:37
    Y eso es, en general, el consejo no está mal.
  • 5:37 - 5:42
    No es una afirmación a menudo repetida de que la razón de que esto es una buena heurística
  • 5:42 - 5:47
    es porque serif, con esos doohiggies al final,
  • 5:47 - 5:52
    dar a sus ojos algo para agarrarse, y por lo tanto son más fáciles de leer.
  • 5:52 - 5:55
    Es una hipótesis interesante.
  • 5:55 - 5:58
    Así que busqué en esto un poco para todos ustedes,
  • 5:58 - 6:00
    y hay algunos desafíos al tratar de resolver esto.
  • 6:00 - 6:07
    Para empezar, las diferencias individuales de los lectores empequeñecer cualquier efecto de manipulación de la tipografía -
  • 6:07 - 6:10
    como, algunas personas leen mucho más rápido que otros,
  • 6:10 - 6:16
    y por lo que es difícil de medir las diferencias en la legibilidad de tipografías.
  • 6:16 - 6:19
    Además, la lectura requiere estar familiarizado:
  • 6:19 - 6:23
    No es como nacemos sabiendo lo que es una letra R parece, tenemos que practicar.
  • 6:23 - 6:28
    Así que si usted aprende con un estilo de la letra R, es probable que sea más rápido que con una;
  • 6:28 - 6:33
    y si usted aprende con otro estilo de la letra R, que será más rápido con que uno.
  • 6:34 - 6:38
    Si incluso cuando llegamos allá de todos esos desafíos,
  • 6:38 - 6:41
    que puede ser un poco difícil de averiguar exactamente cómo se debe medir esto.
  • 6:43 - 6:48
    Bueno, yo no puedo ir tan lejos como para decir que la hipótesis serif es definitivamente falso;
  • 6:48 - 6:53
    lo que puedo decir es que hay una gran cantidad de evidencia que apoye que en realidad es real.
  • 6:53 - 6:57
    Y Alex Poole hace un gran trabajo de describir esto en su sitio web:
  • 6:58 - 7:03
    Él escribe: "Lo que inicialmente parecía una cuestión de puro dicotómica serif frente a sans serif
  • 7:03 - 7:07
    ha resultado en un cuerpo de investigación que consiste de las reivindicaciones débiles y reconvencionales,
  • 7:07 - 7:11
    y el estudio tras estudio con los resultados de "no diferencia".
  • 7:11 - 7:16
    ¿Es cierto que más de un centenar de años de investigación se ha visto empañado por [] repetidas fallas metodológicas
  • 7:16 - 7:21
    o son simplemente una tipografía serif "arenque rojo"?
  • 7:21 - 7:26
    Parece que escribe con mayúsculas y minúsculas como te dan en una frase - superior e inferior mezclados -
  • 7:26 - 7:30
    es más rápido de leer que todas las tapas, probablemente porque
  • 7:30 - 7:34
    se obtiene una mayor variación vertical con los ascendentes y descendentes en letras minúsculas,
  • 7:34 - 7:40
    y que le da la información de su ojo más, ya que está leyendo.
  • 7:40 - 7:45
    También, en general, las fuentes proporcionales parece ser más rápido que las fuentes de monoespaciado, como una máquina de escribir
  • 7:45 - 7:52
    Por lo tanto, la fuente typewriter [s] - lento para leer - [pero] eso sólo importa si usted tiene que leer mucho.
  • 7:53 - 8:00
    Pero el simple resumen es que, en la práctica, la legibilidad equivale simplemente a lo que estás acostumbrado.
  • 8:00 - 8:05
    ¿Qué dicen estas palabras? La mitad inferior está oculta.
  • 8:05 - 8:09
    Como muchos de ustedes adivinado, "Yo soy una dona de jalea".
  • 8:09 - 8:13
    ¿Y este de aquí? Aquí la mitad superior se oscurece.
  • 8:13 - 8:15
    Parece un poco más difícil?
  • 8:15 - 8:19
    "Jfk habló en Berlín."
  • 8:19 - 8:25
    Resulta que más de la información parece estar codificada en la mitad superior de los textos que en la mitad inferior.
  • 8:25 - 8:27
    ¿Y qué nos dice esto?
  • 8:27 - 8:32
    [I] apuestas que muchos de ustedes lo vieron como "el gato",
  • 8:32 - 8:36
    y menos personas, "TAE CHT".
  • 8:36 - 8:42
    Y es que las expectativas juegan un papel muy importante en lo que leemos.
  • 8:42 - 8:44
    Y si usted es realmente perceptivo,
  • 8:44 - 8:53
    usted se haya dado cuenta de que esas dos letras centrales son en realidad exactamente la misma carta,
  • 8:53 - 8:57
    por lo que la única diferencia es lo que estás esperando a ver en cada caso.
  • 8:57 - 9:01
    Su probabilidad previa influye en su interpretación
  • 9:01 - 9:07
    Por lo tanto, si usted pone todo eso junto y volver a nuestra pregunta inicial de "¿Qué tipo de letra se debe utilizar",
  • 9:07 - 9:09
    la respuesta es "depende".
  • 9:09 - 9:12
    Si usted está poniendo por una calle larga de texto,
  • 9:12 - 9:16
    lo mejor es usar un tipo de letra que mucha gente va a estar familiarizado;
  • 9:16 - 9:21
    y si usted está trabajando en línea, use algo que tiene un relativamente alto x-height.
  • 9:21 - 9:25
    Por otro lado, si usted está haciendo un logo o un cartel,
  • 9:25 - 9:29
    o algo que es corto y la intención de ser dramática,
  • 9:29 - 9:33
    entonces usted probablemente querrá usar algo un poco más funky poco como el tipo de letra -
  • 9:33 - 9:37
    algo que va a llamar la atención y ser único, memorable.
  • 9:38 - 9:43
    Y los tipos de letra - como todo en la vida - [construir] reputación arriba.
  • 9:43 - 9:47
    Así que, con el tiempo, ciertos tipos de letra llegado a significar ciertas cosas.
  • 9:47 - 9:51
    Y esto es un gran ejemplo de Hoefler y Frere-Jones, escribiendo en su blog.
  • 9:51 - 9:56
    Hablan de cómo Baskerville parece que es de una revista literaria
  • 9:56 - 10:03
    Optima y parece recordarnos baratos los productos de higiene de 1950.
  • 10:03 - 10:08
    Aquí hay dos ejercicios fáciles que usted puede utilizar para mejorar tu ojo tipográfico:
  • 10:08 - 10:14
    La primera es: Mira a tu alrededor para todas las diferentes maneras en que el mismo tipo de letra se despliegan;
  • 10:14 - 10:17
    que le dará una idea de su alcance.
  • 10:17 - 10:26
    Y la segunda es: Mira cómo el mismo texto, con diferentes tipos de letra, realmente cambia su significado.
  • 10:27 - 10:30
    En esta clase tenemos mucho terreno por recorrer rápidamente,
  • 10:30 - 10:33
    y por lo que lamentablemente no podemos pasar mucho tiempo en la tipografía;
  • 10:33 - 10:36
    pero es un tema fascinante, y si usted quisiera aprender más sobre esto,
  • 10:36 - 10:42
    hay muchos grandes libros y recursos de diseño en línea, y están creciendo rápidamente.
  • 10:42 - 10:48
    Éstos son sólo algunos que me parecen especialmente buenos.
Title:
Lecture 7.2: Typography (10:47)
Video Language:
English
lvaraico added a translation
stanford-bot added a translation

Spanish subtitles

Revisions