Transcripciones
1. Introducción: En este módulo corto, comenzaremos a
mirar la tipografía para el diseño de UI para nuestro proyecto. Esta semana estaremos describiendo y hablando de un
par de tipografías. Para ello, necesitaremos
conocer la anatomía de la tipografía. Entonces hablaremos de todos
los bits de tipografías y cómo hablar de
ellos, cómo llamarlos. Entonces también veremos la historia de
las tipografías y cómo se
han clasificado
diferentes tipos de letra. Por último, empezaremos a
tocar por qué podrías elegir una tipografía
en lugar de otra. Las tipografías componen casi todo
tu diseño cuando estás creando
un diseño de interfaz de usuario. Por lo que es realmente importante
que sepas trabajar con ellos. Y antes de que puedas empezar a
trabajar con ellos, necesitas entender
cuáles son. Necesitas poder
hablar de ellos con tu cliente y necesitas
saber qué estás mirando. Entonces, empecemos con
esta base vital.
2. Importancia de la tipografía: Estás por supuesto, ya tomando un
curso online en tipografía web. No voy a
sermonearte demasiado sobre lo importante que es
este tema. Ya lo sabes, por
eso estás aquí. Hace muchos años, Oliver, ¿verdad? Einstein hizo el punto
muy válido
de que Internet es 95% de tipografía. Entonces, por lo tanto,
realmente necesitamos asegurarnos de que
estamos consiguiendo eso bien. En los años transcurridos desde entonces, Internet sigue
muy lleno de tipografía, y la mayor parte es bastante malo. buena tipografía tiene
algunos efectos en la eficiencia y eficacia
de nuestra lectura en línea, pero también
nos afecta emocionalmente. Ahora si queremos ser buenos diseñadores,
bien redondeados, y queremos crear
diseños que tengan
carácter que sean únicos,
que transmitan el mensaje de la marca. Pero también queremos crear un
sitio web que tenga mínimo. Entonces queremos tratar de transmitir todas esas otras cosas en la topografía
porque técnicamente, podríamos hacer una página web
con solo teclear en ella, siempre y cuando podamos usar la tipografía lo suficientemente
bien como para transmitir
ese mensaje de branding, tener carácter, ser
único y seguir siendo legible. Entonces tal vez eso es todo lo que necesitamos. No necesitamos exagerar
con otros bits del diseño. Me parece infinitamente fascinante acerca de cómo la
gente intentará adivinar de qué se
trata Steve Jobs que le
hizo crear un software tan
exitoso. La gente dirá, bueno, Apple hace productos que solo
son más fáciles de usar. Algo en lo que personalmente no
veo evidencia. La gente dice, bueno, los productos Apple se sienten familiares y
cómodos para nosotros. Nos hablan de una manera que
entendemos por qué eso puede ser cierto. Entonces tenemos que adivinar otra vez, necesitamos adivinar, o
¿cómo hizo Apple eso? ¿ Cómo hizo eso Steve Jobs? Y tal vez fueron
las opciones de tipo o los colores o algo que ver con los diseños de las páginas. Entonces tenemos que adivinar otra vez, ¿qué habilidades
desarrolló Steve Jobs para ser tan
bueno haciendo eso? Bueno, si quisiéramos emular
el éxito de Steve Jobs, lugar de tomar tres conjeturas en
lugar de tomar tres conjeturasseguidas para decidir qué
habilidades debemos aprender. Podríamos simplemente mirar
su CV o su currículum. Y aprenderíamos
que estudió caligrafía,
estudió tipografías. Esa fue la habilidad que
desarrolló para ser tan bueno. A lo mejor estudiar topografía nos
hace mejores al ver los detalles importantes
que otras personas echan de menos. A lo mejor nos da más de una comprensión de cómo
diseñar diseños en su conjunto. A lo mejor nos da algunas ideas
técnicas. Todo es especulación realmente. Si quisiéramos intentar emular fundador de la
compañía tecnológica más exitosa de nuestro tiempo. Podríamos querer al menos
aprender un poco sobre la tipografía. A veces puede sentirse como un
pequeño detalle insignificante, si una tipografía
funciona con otra, o si ese es el tamaño
exacto correcto. Pero estos diminutos detalles se suman. Y la tipografía es
la mayor parte de lo que estamos
viendo en un sitio web
o una aplicación web, esos
pequeños detalles insignificantes, molestos se suman y nos
hacen sentir incómodos
y
nos hacen no como usarla y hacer que el producto se sienta como un trabajo duro. tipografía es los
ladrillos y mortero el
bloque de construcción más básico de un sitio web. Y conforma algo así como 95% de todos los sitios web
y aplicaciones. Si no estás seguro de la importancia de
estudiar topografía, tal vez vale la pena
recordarte que el CEO de la compañía
tecnológica más exitosa de nuestro tiempo estudió tipografía.
3. Typeface o fuentes: En algunas etapas a
lo largo de este curso, les
estaré dando algo de
terminología, algunas palabras nuevas. Un glosario si quieres. Este es uno de esos videos. Vamos a definir
qué es una tipografía,
qué es la topografía,
qué es una fuente, y qué es un glifo. Ahora una tipografía es
la obra de arte general. Si hablas de Verdana
aérea, Times New Roman, estás
hablando de una tipografía. Una fuente, por otro lado, es una pieza de software que
instalas en tu
computadora para que
puedas usar la tipografía si
quisieras, por ejemplo,
usar una tipografía en algún
software de diseño de tu computadora, irías a una página web que vende la tipografía y
comprarías varios archivos de fuentes de los sitios web
de Matt. Estos archivos de fuentes
incluirían una versión en negrita de un tipo de letra y una
versión en cursiva del tipo de letra. Y cada uno estará disponible en
formato de archivo como un punto T, T F o un punto ETF, o un punto w OFF. Este archivo se denomina fuente. Recordar la
diferencia entre estos dos términos no es demasiado importante porque incluso si
trabajas en un estudio de diseño, a menudo
llamarás a
la tipografía de la fuente y tal vez uses ambas
palabras indistintamente. Pero para el resto de este curso, me referiré a la
tipografía usando el término correcto. El tipo de letra es la obra de arte, la fuente es el archivo. Similar a cómo una
canción es una pieza musical y un MP3 es un archivo. Alguien podría escuchar
una pieza musical y decir, me gusta mucho que este MP3 no
sea completamente inexacto, pero probablemente haya una mejor
manera de expresarlo. Diría que me
gusta mucho esta canción. La topografía es
posiblemente dos cosas. Es seleccionar la tipografía. Y es también cómo
usamos la tipografía, los diversos tamaños, alturas de línea, longitudes de
línea, pero
también cómo y cuándo usamos la versión negrita
de la tipografía, tipografía es las
decisiones que nosotros hacer cuando usamos la tipografía en un futuro no
muy lejano, vas a estar
elaborando un sistema tipográfico. Esto es topografía. Vas a estar seleccionando
qué tipo de letra usas, pero también vas a
estar tomando decisiones sobre cómo se usará. En tanto que usted está tomando
esas decisiones. Eres un
diseñador tipo o gráfico o tipógrafo. Y la última nueva pieza de vocab que quiero
darte es la palabra glifo. Un glifo es el
símbolo individual en un archivo de fuente. Es posible que desee referirse
a esto como una letra, pero eso no es del todo
exacto porque algunos de ellos son números y algunos de ellos
son puntos gramaticales, y algunos de ellos
no son de esas cosas. Glifo es un término que usamos
para explicarlos todos. Un glifo es el símbolo individual en la tipografía
en el archivo de fuente. Ya sea una
letra, un número, un símbolo gramatical,
o cualquier otra cosa. Una tipografía es la obra de arte. Verdana es una tipografía. Fuente es el archivo
que instalas en tu computadora o en tu sitio web para que puedas
acceder a ese tipo de letra. tipografía es el arte de elegir una tipografía y
elegir cómo se usa. Y un glifo es el
símbolo individual en un archivo de fuente.
4. Tipografía web: Hasta hace muy poco, la tipografía
web y topografía
impresa han sido
tratadas exactamente igual. Ha habido un conjunto de libros, un conjunto de tutoriales. Todo el mundo ha aprendido
un tipo de tipografía, pero la tipografía web es significativamente diferente
para imprimirla tipo. Existen algunas restricciones
a la tipografía web. Específicamente,
cada fuente que utilices va a ralentizar
la carga de tu página web. Estás restringido a usar solo fuentes para las que tienes licencias
web, que pueden ser más caras. Hay algunas cosas
que son simplemente diferentes con la tipografía web, necesitamos
pensar en el motor de
render de los navegadores y
cómo se va a ver en la pantalla en
lugar de pensar en la impresora o la
tinta que estamos usando. Y hay algunas
cosas que simplemente son mejores con la tipografía
en la web, gente tiene una opción de qué tipo de pantalla la
van a leer. En realidad pueden controlar
el tamaño del tipo. A veces hay algunas reglas
que son simplemente diferentes. Por ejemplo, textos de gran tamaño como podrías ver en un spread de
doble página de una revista. No va a funcionar en
una pantalla de teléfono móvil. Las reglas de cómo ese
trabajador bastante diferente cuando el texto se renderiza en
la computadora del usuario, no
sabemos si algo
va a salir mal. Por lo que necesitamos programar
en retroceso y
pensar en lo que sucede cuando
un archivo no se carga. Por ejemplo, un usuario podría tener una conexión
a internet increíblemente rápida. Voy a tener
una conexión a
Internet increíblemente lenta en el mundo de la impresión. Esto sería como si lo
imprimieran en calidades
completamente diferentes de papel. Y por supuesto,
está el problema de que cada usuario potencialmente puede estar
usando un navegador diferente. Este es un gran problema para la
tipografía porque los navegadores que aunque se
actualizan con bastante regularidad y se mantienen al día
con muchos de los roles. En ocasiones con algo
así como topografía que muchas veces puede olvidar cosas
y dejarlas atrás. Y a veces
los navegadores pueden ser muy, muy lentos para adaptar
nuevas convenciones. O el navegador
no siempre renderiza bien
nuestro tipo o cómo lo dicen
las reglas, debería renderizarlas. No podemos confiar en una
computadora de la misma manera que podemos confiar en nuestras
impresoras en nuestro papel. Y probablemente la mayor, la
diferencia más sustancial entre topografía
impresa
y la tipografía web es cuando alguien está haciendo las decisiones tipográficas
para una pieza de diseño impreso, a menudo se les da
el texto exacto y luego les toca
darle estilo y
averiguar cómo encaja en la página en línea. Esto no es posible. Los periódicos podrían imprimir
múltiples artículos al día. Normalmente el diseñador,
el tipógrafo, trabaja el sistema antes de que se escriba
el artículo. Como tipógrafo. Para la tipografía web,
es tu trabajo crear un sistema tipográfico en
lugar de tomar
contenido existente y diseñarlo, necesitas crear un
sistema que se aplique a escenarios
ligeramente diferentes para asegúrate de que el texto
siempre se vea bien. ¿ Se ve bien
cuando el titular tiene diez palabras de largo y cuando es
una palabra de largo, por ejemplo. Si bien los fundamentos absolutos
para lo que hace
legible la topografía y lo que la hace lucir bien son los mismos a través de la
impresión y la web. Hay muchas, muchas cosas
que son bastante diferentes. Queremos aprender tipografía web como una disciplina completamente
separada. Una de las principales diferencias es que la topografía para la web normalmente
se diseña
antes de tener el contenido en lugar de después.
5. Comunicación no verbal: Si alguna vez has asistido a capacitación de
ventas o capacitación de
habla pública de algún tipo, probablemente
hayas
escuchado el comentario. 93% de la comunicación
es no verbal, mientras que eso no está exactamente mal, es una simplificación excesiva. Está basado en una serie de
experimentos realizados por un tipo llamado Albert Mehrabian
en la UCLA en 1972. Mehrabian categorizó
peor
en base a lo negativos o
positivos que sonaban. Por ejemplo, la palabra placer es probablemente
una palabra bastante positiva, mientras que la palabra tragedia
es toda una palabra negativa. Mehrabian combina entonces
las palabras con expresiones
faciales
positivas o negativas para ver cómo se sentía la gente. Si ellos, por ejemplo, escuché la palabra tragedia, pero cuando alguien tenía una expresión facial bastante
positiva, Mehrabian también intentó esto
variando el tono de la voz. Por ejemplo, alguien podría decir una
palabra
bastante positiva como placer, pero en un tono negativo de voz. Posteriormente, Mehrabian miró los datos y concluyó que 55% de nuestra comunicación se
basa en información visual, 38% en el tono de la voz
y el 7% en la
palabra real mostrada. El motivo por el que comenta, 93% de la comunicación es no verbal es quizás
una simplificación excesiva, es porque solo estaba probando cuánta emoción se
comunicaba y
realmente no información en absoluto . También estaba probando en
algo que no es realmente un escenario del mundo real. Y por supuesto, una sola
palabra sacada de contexto generalmente no
tiene mucho sentido por sí sola. Si confiamos completamente en los experimentos de
Mehrabian, podríamos concluir que al
decir una sola palabra, la forma en que lo dices podría ser más importante que la palabra que dices. Pero si fueras a
decir una frase entera, o de hecho un
párrafo entero es probablemente más importante qué
palabras elijas. Ahora, si volvemos a
mirar nuestros sitios web, probablemente
sea bastante
injusto decir que nuestras elecciones tipográficas son más importantes que las palabras elegidas. Pero aunque ese comentario, 93% de la comunicación es no verbal es una simplificación
masiva, masiva. Es importante para
nosotros recordar que una gran cantidad
de comunicación, al
menos es no verbal, y una gran cantidad de esa
comunicación no verbal es emocional. El modo en que las personas se sienten acerca la empresa y la
aplicación que están utilizando se
comunica en gran medida a través las elecciones tipográficas
en lugar de las palabras utilizadas. Si queremos que un lector confíe en nuestra empresa y sienta
una conexión emocional, es vital que hagamos
buenas elecciones tipográficas. Otras investigaciones
encontraron resultados similares al mirar la memoria. Esencialmente la gente
recuerda los visuales mejor de lo que
recuerdan las palabras reales. Si queremos que la gente
recuerde lo que hemos escrito, nuevo, el tipo de gráfica que las elecciones van a
ser realmente importantes. Algunos artistas, particularmente artistas abstractos
como Jackson Pollock, por ejemplo, creen
que las palabras son una
representación ineficaz de la culpa. Que son una forma débil de comunicación
porque hay que confiar en el significado de una cantidad
finita de símbolos,
palabras, arte abstracto
como un intento de
comunicarse más auténticamente
a un nivel más profundo. Porque en cuanto usamos palabras, se malinterpretan y
se tergiversan. Y por lo tanto
confiamos un poco
menos en ellos con algo
como topografía con aprovechar
el poder de esa comunicación
inconsciente o subconsciente. Hay algo increíblemente
audaz y confiado una marca que elige la topografía
con mucho carácter. Porque por mucho que lo intenten, están inconscientemente
metiendo partes de su personalidad
en esa decisión. Y esa pequeña parte de su personalidad
no puede ser mentira. tanto que las palabras que
elijan escribir con él pueden ser con bastante facilidad aliadas. Por esta razón, soy un firme
creyente en la teoría que hay más verdad en la ficción que en la no ficción. Si alguien escribe una
autobiografía entonces naturalmente de alguna manera tratando de
persuadirte de algo en sus vidas. Pero cuando alguien escribe ficción, inadvertidamente vierte su verdadera personalidad
en el libro. Creo que podemos aprender mucho más
sobre la raza humana a partir de la
lectura de ficción que de la
lectura de libros sobre antropología. De igual forma, creo que se puede aprender
tanto de una marca por sus elecciones tipográficas que las palabras que
eligen escribir en ella. Sería absurdo
de nosotros sugerir que el 93% de la comunicación es no verbal o incluso sugerir la topografía es
más importante que las palabras elegidas a menos que
tengamos una aplicación con una sola
palabra en la aplicación. No obstante, la
comunicación no verbal, cosas como la topografía o la
comunicación en un nivel
muy diferente. Se están
comunicando a nivel emocional. Y eso es muy importante
para nuestra aplicación. Si por ninguna otra razón, porque confiamos en los mensajes comunicados a nivel
emocional.
6. Anatomía del tipo: Mejorar nuestro vocabulario
sobre tipografías. No sólo nos va a hacer mejores trabajando con la tipografía, también nos va a hacer
mejores en comunicarnos con nuestro equipo o comunicarnos
con nuestros clientes. Por esa razón, es
importante que nos tomemos algún tiempo para aprender todos los nombres de la
anatomía de la tipografía. lo primero que hay que hablar
es de cómo definimos la altura. Ahí están las alturas generales de los glifos en la tipografía, pero también está la altura del tope, y así es como de altas son las letras
mayúsculas. Entonces tenemos la altura x. Esta es la altura de
una letra minúscula. No necesariamente la
altura exacta de una x minúscula, porque a veces
diferentes x estilizadas podrían no ser exactamente la
misma que la altura x. Estamos mejor pensando en
la altura x es la altura
de las letras minúsculas. Y cuando hablamos la altura de las letras
minúsculas, esto no incluye a
los ascendentes y descendentes. Estos son los bits en los que
se puede pensar que van debajo o por encima de la línea. Una H minúscula, por ejemplo, tiene un ascendente que se pega arriba por encima de la altura x de
la letra minúscula. Y una g minúscula
tiene un descendiente que baja por debajo de
la letra minúscula. Nos referimos a la línea que
compone la letra ha
sido el trazo. Entonces podríamos hablar
del ancho del trazo, hablando de lo
amplia que es la línea. A la línea vertical principal como en una T mayúscula se
le llama el tallo. Cualquier línea horizontal como
la que está en el medio de una a mayúscula se
llama el travesaño. Cualquier letra era el trazo
principal es curvado, a veces se conoce como una columna vertebral, como por ejemplo, S
mayúscula tiene una columna vertebral. A las áreas redondeadas como en una O o una a se les
llama el tazón. El área cerrada dentro del
tazón se llama contador. Y si esta área está
abierta como una E o una C, llamamos contador abierto. A veces tipografía
tiene estos pies pequeños, estos sombreros, los llamamos serifs. Y si no tiene un serif, nos referimos al final de
la letra como terminal. Siempre que las serifs sobresalgan ligeramente aumentando el
ancho de la letra, lo llamaríamos un rebasamiento. Y cualquier línea diagonal, si tenemos una línea diagonal que se pega de la letra, lo
llamamos brazo, y uno que se
pega de una letra, lo
llamamos rezago. Déjanos como una M y N o una H, tener lo que llamamos un hombro, una
parte superior derecha redondeada de la letra. Y una carta como una cola
tiene una cola que sobresale. En ocasiones, la tipografía podría agregar algunas pequeñas
líneas decorativas que no son necesarias para
identificar la letra. Podríamos llamar a esto un swash. Tener estos nuevos términos y nuestro vocabulario para
hablar de nuestras tipografías. Nos va a hacer mucho
más fácil
tomar decisiones y tener
conversaciones. Por ejemplo, podríamos
decir que Helvetica, tener una gran altura x podría hacerlo legible
a un tamaño pequeño. Pero esto reduce las alturas
del ascendente en una h minúscula. Así que la minúscula h y minúscula n se parecen
mucho más. Podríamos decir que
aunque Futura utiliza geométricas
muy simples
que podrían hacer una O, una E, a, C, y una a a similares. También vale la pena señalar que el SEA tiene un contador muy
grande, lo que se ve distintivamente diferente a esas
otras letras. Una fuente sans serif
no tiene serifs y por lo tanto no
tiene rebasamientos. Podemos tener una versión más
condensada, lo que la hará
mucho más apropiada dentro de los botones o en los menús. Hay tres ejemplos de
conversaciones que ahora puedes tener, ya sea en tu propia cabeza con tus clientes o
con tus compañeros sobre tipos de letra que
probablemente podrías haber
tenido hace cinco minutos. Echa un vistazo a algunas
tipografías a tu alrededor e identifica la diferente anatomía en cada letra de la tipografía. Y mira cuáles son las ventajas y desventajas de
tener esas características para cada tipo de letra. Aprender a comunicarse
sobre la anatomía de las tipografías va a
facilitar mucho la toma de
decisiones, sobre todo con un equipo. Dedique algún tiempo
familiarizándose con estas palabras. Cada pequeño detalle de una carta tiene algún tipo de nombre único. A menudo las personas que diseñaron letra usan bastante estos
nombres. Como tipógrafo
o diseñador web, probablemente no tuvieras que
usarlos demasiado, pero vale la pena
pasar un poco de tiempo aprendiendo estos. En realidad, en general,
probablemente nos interesen más las cualidades de la
tipografía, la forma general, anchas que son, lo grueso que es el trazo, cuál es el contraste y el
grosor del trazo, si tiene serifs o no. Pero en algún momento vas
a usar todas estas palabras. Así que asegúrate de conocerlos.
7. Prensa de impresión: En el siglo XV, un hombre alemán llamado
Johannes Gutenberg creó tipo
móvil o
la imprenta o así
va la historia europea al menos. La imprenta fue, por supuesto, inventada mucho antes en China. El problema en China
es que son
demasiados personajes
para que sea útil. Haciendo costoso
crear una imprenta, pero también haciendo que sea bastante tiempo
organizar todas las letras. Y lo
que es más importante, hace que sea mucho más difícil reducir el
tamaño de las letras. En Europa alrededor de la época de
Gutenberg, mayoría de los libros se veían así, un estilo de texto que hoy llamamos letra
negra. Y muy,
muy raramente verías a alguien usar esto más, aparte de la Alemania nazi, que lo usó como una especie de
rechazo a cualquier cosa nueva o moderna porque estaban en
contra de las ideas globalizadas. Y a veces estudios de tatuaje. Posiblemente porque la letra negra
se ve bastante decorativa o tienes un dorso
entero y solo quieres ponerle
seis letras. Pero cuando estás tratando de
imprimir toda una página de un libro, en realidad no
es un tipo
particularmente útil. Es un poco demasiado decorativo
para hacer dos pequeños, pero también tiene estas líneas negras duras muy
gruesas
que significan a medida que las haces pequeñas y metes más
letras juntas, crea un
área muy densa de contraste en la página que
no es invitante a un lector o fácil de leer. Probablemente la imprenta no
hubiera sido mucha utilidad si no fuera
por Nicholas Jensen. Y Nicholas Jensen no
habría sido de mucha utilidad si no
fuera por el estilo de caligrafía
minúscula humanista de Verona en el siglo XV en el renacimiento Italia se
referían a letra
negra es de
los últimos días Moderna. Mi latín no es perfecto, pero esto significa letras modernas. Y se les hace referencia a
lo que los romanos usaban como los últimos días y los TK. Los romanos acababan
de tener las letras mayúsculas. Por lo que hicieron
mucha experimentación para decidir cómo se ven
las letras minúsculas, y como resultado, crearon
algo que parecía mucho
más moderno que la letra negra. Jensen pasa algún
tiempo observando y experimentando con estas nuevas cartas
renacentistas y algunas de las decisiones que
tomó en aquel entonces en el siglo XV
de la acción
hasta hoy sobre cómo decidimos cómo
se ve un final o un D. Jensen creó un tipo de letra
que se puede cortar mucho,
mucho más pequeño que el tipo de letra
negra, y por lo tanto mucho
más económico para caber mucho más letras en una página y por lo tanto
más información. Se puede difundir por toda Europa mucho más barata
y eficiente. Todavía puedes usar una forma de la tipografía de
Jensen hoy. Podría, por ejemplo, por Adobe Jensen, esta
tipografía aquí. Si lo hicieras,
tal vez te estés preguntando ¿por qué estoy pagando algo que tiene alrededor de 500
años y fuera de derechos de autor? Bueno, en realidad el esfuerzo al que se ha dedicado
Adobe
para recrear esta tipografía es mucho más de
lo que pensarías. Ya ves si tomas un viejo libro impreso
escrito en Jensen, en realidad cada E no es lo mismo. Hay diminutas discrepancias en los diferentes cortes
de la carta. Para que Adobe cree
una sola letra, necesitan escanear en cientos de Jensen 0s y luego averiguar
aproximadamente cuál es el promedio. Hay varias razones por las que
cada E de la página no era idéntica mientras no eran necesariamente todos cortes
exactamente iguales. Y una de esas razones es
en realidad que la gente estaba tan acostumbrada a leer páginas
manuscritas que la monotonía
de compartir de ver una página de símbolos idénticos
uniformes
enviaría a dormir a los cerebros de las personas. No podían comprometerse ni
interactuar con ese material. Cuanto menos novedosa sea la huella
de cada palabra en la página, menos novedosa es la
huella y nuestros cerebros, menos
probabilidades tenemos de
recordarla y comprometernos con el material. También nos deja tener
diferentes tamaños fueron capturados ligeramente
diferente porque si la forma en que funciona esa percepción, no
vemos una E grande y una pequeña e de la misma
tipografía ha sido idéntica. En realidad aparecen ligeramente diferente cuando
son más pequeños. Algo que llamamos espera
óptica. manera realista, si quisieras
volver a crear un tipo de letra
como Jensen hoy, tendrías que recrear
múltiples archivos de fuentes, uno para textos de 16 píxeles de alto, y luego un archivo de fuente completamente
separado para textos de
20 píxeles de alto. Por ejemplo, con un corte
ligeramente diferente, un peso
óptico ligeramente diferente. Porque una tipografía que muestra a 20 píxeles no parece una versión ligeramente más grande de una tipografía que se muestra en 16 píxeles. No es así como funciona la percepción. Hablaremos de
esto más tarde, pero esta es la tipografía Jensen, y esto es lo que ahora
llamamos un serif de estilo antiguo. Probablemente no usarías
realmente a Jensen porque tiene demasiadas
implicaciones de la época, a
menos que quisieras crear un diseño que parezca tener un fracaso del siglo
XV. Probablemente elegirías algo
más parecido a Garamond si quisieras una tipografía
serif de estilo antiguo. El invento de
la imprenta trajo todo un nuevo reto. ¿ Cómo podemos reducir el tamaño de las letras
y aún así hacerlas legibles y aún así hacer que sea cómodo y
agradable de leer. Por suerte, esto
ya fue resuelto por calígrafos en Italia
alrededor de la misma época. Y así se crearon tipografías como Jensen
o Garamond, que son muy cómodas
y fáciles de leer. Incluso un más pequeño de 16
píxeles de altura en nuestra página, el tablero de imprenta. Otros retos que incluyen
lo monótono que parecía ver una página de símbolos
idénticos en ella, y también cómo la espera
óptica es diferente para personajes más grandes
y pequeños. Estos son problemas
que sí resolvimos en momento y
desde entonces nos hemos olvidado. De hecho, mucha gente dice
que los tipógrafos o
los últimos 200 años
de especie de se pusieron perezosos.
8. Serif: Podemos categorizar las
tipografías serif en algunas categorías. En primer lugar, tenemos
para serif viejo como Jensen o Garamond,
acabamos de hablar. Siguiendo de eso tenemos serifs
transicionales
como Baskerville que hablaremos en breve. Y luego tenemos serifs modernos
como Bodoni y Diderot. Cuanto más moderna es la tipografía, más contraste
entre las anchuras de línea, más viejo estilo o
tradicional, más humanista, más
parece que el ancho de línea se mezcla
entre sí como si dibujara a mano con un bolígrafo. Echemos un vistazo en primer lugar a
estas tipografías transicionales como Baskerville. Ahora John Baskerville vivió
en Birmingham, Inglaterra, y hacia el final de su vida, decidió invertir
todo su dinero
en tratar de mejorar los procesos de
impresión. Por lo que trató de
mejorar la tinta y el papel para tratar de obtener una mirada
consistente en la página. Y en realidad, mientras mejoraba el papel de impresión y la tinta
como casi como un escaparate, creó esta
tipografía, Baskerville, que podría tener líneas
muy finas y líneas bastante gruesas en el mismo
papel y aspecto bastante bueno. Puede que no haya sido posible imprimir con Baskerville hasta que la calidad de la tinta y el
papel hubiera mejorado lo suficiente para que esto se vería nítido
y limpio en la página, la gente odiaba la
tipografía de los balones de baloncesto en el tiempo, la gente dijo que era
bastante difícil ver esas líneas muy delgadas. Dijeron que hasta le dolía
los ojos. Probablemente muchas
prensas de imprenta eran
probablemente un poco celosas. Y seamos realistas,
sus libros sólo cuestan más porque
estaban impresos con tinta y papel de
mayor calidad. El baloncesto es
síntoma de tipografía metálica en su mayoría desaparecen, pero surgió de
vuelta en Francia no mucho antes de la
Revolución Francesa cuando se utilizó para el material para se imprimieran
algunas
ideas revolucionarias, el hecho de que se
viera diferente, fresco y moderno lo
hizo perfecto para expresar estas ideas
revolucionarias. Y no mucho después otro
diseñador francés lo crea, lo hizo esta tipografía que
es casi sinónimo la Revolución Francesa y con ideas
mucho más modernistas, muy parecidas a una italiana
tipografía llamada Bodoni. Hizo un Bodoni son a la vez
igual de populares. Cuando pensamos en las tipografías serif
modernas, si ponemos las tres una
al lado de la otra, podemos ver cómo
las tres etapas de las tipografías serif progresivamente menos
humanistas y mayores contrastes a medida que la gente consigue acostumbrado a mirar
cosas que no están escritas a mano y acostumbrarse a identificar los
diferentes contrastes al mirar
tipo pequeño en una página, recientemente
escuché a alguien
referirse a la diferencia en ha sido como la diferencia de estilo
del Renacimiento, la roca y los errores
de iluminación. Hay una etapa final
de la tipografía serif, que es el serif egipcio, a veces llamado el serif de losa, como Rockwell por ejemplo. Esto se hizo popular en algún momento
alrededor de la época victoriana cuando queríamos que nuestros
carteles tuvieran lindos encabezados grandes y punchosos. Y se veía muy audaz y confiado en la
parte superior de nuestro póster. En el siglo XXI, nuevas tipografías muy raramente encajan cómodamente en
una categorización. Por ejemplo, la tipografía que
utilicé para encabezados a
lo largo de este curso, en un par de otros
cursos es
ésta la cual es una cuña serif. No encaja en ninguna de esas otras categorías que tiene estas grandes serifs triangulares, que creo que
lo hace parecer ultra moderno. Tradicionalmente, encajamos las
fuentes serif en tres categorías, estilo
antiguo, transitorio
y moderno. Se puede pensar en
estos como ser como Garamond, Baskerville,
y Bodoni, con cada generación volviéndose poco menos
humanista y teniendo un
contraste ligeramente más grueso usando Serifs de uno de estos
tres periodos de la historia. Le da un
carácter distinto de esa época. actualidad, hay todo
tipo de nuevos tipos de serifs como Slab Serif
y cuña serif, pero no
caben cómodamente en ninguna de
esas categorías.
9. Sans Serif Typeface: A principios
del siglo XX, artistas
vanguardistas
querían rechazar todo lo que había llegado
antes y crear diseños nuevos y
sencillos para todo. Los puristas no querían nada
en una forma de letra que distraiga del símbolo puro más
básico debajo. Naturalmente, los diseñadores comenzaron
a quitar las serifs. Ahora sabemos que
estas pequeñas serifs probablemente nos ayuden a reconocer
una letra de otra. Pero también en general la página de
maquillaje se ve un poco más desordenada,
un poco más compleja. Y en 1927, Paul
Renner creó Futura. Esta tipografía compuesta
enteramente de formas geométricas, hizo que fuera increíblemente rápido
para nosotros percibir, para meterla en nuestro cerebro. Y si
nada más, se
ajusta perfectamente al estilo de la época. Si no fuera por el
hecho de que vivió en Alemania poco después en 1927, los nazis tomaron el
control de Alemania. Y como hablábamos antes, les encantaba la letra negra,
les encantaba la anticuada. No querían nada
nuevo ni de aspecto moderno. Futura en realidad se hizo popular o alrededor
del resto del mundo y se convirtió en una tipografía internacional después de la Segunda Guerra Mundial, Helvetica fue creada
en Suiza, y esta es ahora
la tipografía
más popular, más utilizada en el mundo. Se ve genial, tan
grande como quieras, y se puede leer bastante pequeña. Es muy minimalista, pero aún tiene un
poco de carácter. Y el carácter fue exactamente lo que motivó a eric Gill
a crear Gill Sans. Ahora esto tiene todas las ventajas
de una fuente sans serif, pero le tiene un ligero sentimiento
Humanístico. Estas fuentes sans serif fueron todas un éxito masivo en el mundo que surgieron después de
la Segunda Guerra Mundial. Un mundo que tenía hambre
de cambio y quería aceptar la globalización
del mundo. Y luego inventamos computadoras, computadoras con muy
baja resolución para unas pantallas pixeladas. Y así, naturalmente, sans
serifs se hizo aún más popular porque
eran fáciles de
renderizar en estos monitores de mala
calidad. Tipografías como Vedanta fueron creadas para ser una especie
de Helvética para la computadora donde cada
píxel era considerado para asegurarse de que se viera bien cuando se renderizaba en una pantalla de
computadora pixelada. Posteriormente, arial también se
creó por la misma razón, después de décadas de
mirar a pantallas con texto todo escrito en Verdana y ahora
especie de luce bastante anticuado. Si hoy viste un sitio web y todos los textos fueron
escritos en Verdana, podrías pensar que solo eres
tiempo viajado atrás 30 años, los días de considerar
una tipografía para ser más moderna solo porque es
sans serif hace tiempo que se han ido. De hecho, podrían
parecer un poco anticuados porque cualquier cosa renderizada
en una pantalla y san-serif, se
parece a lo que estabas
mirando en los años noventa Así como como
varias fuentes serif nos
recuerdan periodos en la historia. La mayoría de las fuentes sans serif
también nos recordaban lo que ahora es realmente
un período histórico. Y por supuesto, se
crean nuevas
clasificaciones y nuevas tipografías todo el tiempo. El tipo Gotham fue creado alrededor del
año 2 mil y Estados Unidos
se hizo popular debido a la campaña política de Obama. Usar una nueva tipografía de
vanguardia es hacer tanto de una declaración política
como usar una vieja. Alemania nazi usando la
antigua carta negra estaba haciendo una
declaración política sobre los valores
tradicionales y lo que
creían que era importante
tanto como la Revolución Francesa usando Baskerville
y luego deducir, estamos haciendo una declaración sobre
lo avanzado que eran y cómo
querían ser parte de un nuevo mundo. Gotham encaja perfectamente la campaña
política de Barack Obama. Barack Obama estaba
tratando de ser visto como algo nuevo y diferente. No parecía ser una nueva opción porque
usaba un san-serif. Parecía ser una nueva opción
porque usaba Gotham. Sus carteles no habrían
tenido ese tipo de impactos si estuvieran escritos en
Helvetica o Gill Sans. La relevancia de las clasificaciones de
tipografía es mucho menos importante
con las nuevas tipografías. De hecho,
los diseñadores de tipografía a menudo se dividen en diferentes
clasificaciones o crean otras nuevas. No hay una clasificación
que se ajuste a nuestros tiempos modernos. Del mismo modo que la moda en otras
industrias se ha
acelerado increíblemente también lo ha hecho
la moda en las tipografías. Los diseñadores comenzaron a crear tipografías
sans serif a principios
del siglo XX. Y realmente se hicieron populares después de la
Segunda Guerra Mundial cuando gente esperaba
un nuevo mundo internacional, globalizado, las fuentes
san-serif no necesariamente se volvieron más populares porque eran
más fáciles de leer. Probablemente podríamos decir, es más fácil percibirlos, asimilarlos
en nuestros cerebros, pero probablemente un poco difícil
diferenciar entre ellos
o reconocer las letras. Pero también se hicieron más
populares porque eran fáciles de renderizar en monitores de computadora
de baja calidad. Hoy en día, esto probablemente hace que
algunas fuentes san-serif parezcan tan fechadas como
Garamond Vedanta también, ahora
es una pieza de historia ya se
diseñan y crean
nuevas tipografías, a menudo trascienden
géneros o clasificaciones.
10. Resumen: tipografía es la voz de nuestra aplicación de marca
o de un servicio. Algunas voces son más claras, pero la voz más clara
podría no ser la más atractiva o
la más memorable. ¿ Necesitas una voz
con más carácter? Y si es así, ¿qué personaje? Cada tipografía, como cada
voz tiene una personalidad. Cualquiera que sea la tipografía
que elijamos, expresará
algo que necesitamos para asegurarnos de que
exprese lo correcto. Una tipografía habla desde
un tiempo y un lugar. Tenemos que escoger el correcto. Y a medida que avanzamos más hacia un sistema tipográfico completo, es posible que necesitemos usar
múltiples tipos de letra y ellos necesitan funcionar bien y
complementarse entre sí.
Rob Sutcliffe, UI Designer / Developer
