tipografía - wordpress.com · 2018-09-02 · hay que tener en cuenta varios factores para elegir...
TRANSCRIPT
tipografíaUno
tipografíaUno
Semana 3
SelecciónTipográfica
¿Cómo elegiruna tipografía?
Directores de casting(Tobias Frere Jones)
GAME of THRONES
GAME of THRONES
La tipografía afecta la experiencia
del lector
La preguntaadecuada, sería...
¿Cómo elegiruna buena tipografía?
¡Es simple!*
Hay que tener en cuentavarios factores para
elegir correctamente
(* Es mentira, no es simple)
FuncionalesTécnicosEstéticos
❶Factores funcionales
¿Qué signos tiene?(Mapa de caracteres)
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv
Ww Xx Yy Zz
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv
Ww Xx Yy Zz Áá Éé Íí Óó Úú Üü
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv
Ww Xx Yy Zz Áá Éé Íí Óó Úú Üü({[¡¿.,:;…«»“”-–—•?!]})
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv
Ww Xx Yy Zz Áá Éé Íí Óó Úú Üü({[¡¿.,:;…«»“”-–—•?!]})
1234567890 1234567890
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv
Ww Xx Yy Zz Áá Éé Íí Óó Úú Üü({[¡¿.,:;…«»“”-–—•?!]})
1234567890 1234567890¹²³ ¼½¾ +<=>~¬±×÷− %# $¢£€
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv
Ww Xx Yy Zz Áá Éé Íí Óó Úú Üü({[¡¿.,:;…«»“”-–—•?!]})
1234567890 1234567890¹²³ ¼½¾ +<=>~¬±×÷− %# $¢£€
&@ *†‡©®¶§ ª™/ |
Aa Bb Cc Dd Ee Ff Gg Hh Ii Jj Kk Ll Mm Nn Ññ Oo Pp Qq Rr Ss Tt Uu Vv
Ww Xx Yy Zz Áá Éé Íí Óó Úú Üü({[¡¿.,:;…«»“”-–—•?!]})
1234567890 1234567890¹²³ ¼½¾ +<=>~¬±×÷− %# $¢£€
&@ *†‡©®¶§ ª™/ | abcdefghijklmnñopqrstuvwxyz
Debemos leerpara poder elegir
¿Dónde encuentroel mapa de caracteres?
(myfonts)
¿Tiene otras variantes?(Gama Serial)
Regular
RegularBoldItalicBold Italic
ThinLightBookRegularMediumBoldExtraBold
Thin ItalicLight ItalicBook ItalicItalicMedium ItalicBold ItalicExtraBold Italic
ExtraLightLightRegularSemiBoldBoldExtrabold...
ExtraLightLightRegularSemiBoldBoldExtrabold...
Para diferenciary jerarquizarcontenido
Conocer la versatilidadde la fuente
¿Dónde estánlas gamas seriales?(myfonts/typedia)
¿Qué tan largo esel texto?
¿Qué tamaño (cuerpo)voy a usar?
La importancia de la Legibilidad
¿Se lee bien?
❷Factores técnicos
¿En qué se va a “imprimir”este proyecto?
(Soportes)
ick
Impresos: Papel, tipo de impresiónfinos/gruesos y trampas
typefaces
Pantalla:
Usar Webfonts,Investigar
Para todos los casosconviene testear
❸Factores estéticos
¿Qué quiero comunicar?¿Quién es mi público?
Es subjetivo
Hay fuentes queson más “neutras”
(las clásicas)
Tipografía
Otras tienenmás personalidad
(son más reconocibles)
Tipografía
Versatilidad vs
Personalidad
Suavizadas, rígidasrobustas, mecánicas,
limpias, vintage, gordas,flacas, rotas, etc...
HH H
HH
HHH
HH
HH
Sinestesia(Stephen Coles)
“Mezcla de sentidos”
ej: escuchar coloresAmarillo chillón
Sonido
Sonido
Sonido
Sonido
Colores
Colores
Colores
Colores
Colores
Colores
gusto
Gusto
Tacto...(etc)