tipografía - WordPress.com · Hay que tener en cuenta varios factores para elegir correctamente (*...

100
tipografía Uno

Transcript of tipografía - WordPress.com · Hay que tener en cuenta varios factores para elegir correctamente (*...

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

Bien...

Juego

SelecciónTipográfica