Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas...
Transcript of Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas...
![Page 1: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/1.jpg)
Diseño tipográfico
![Page 2: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/2.jpg)
Diseño tipográfico
Formas básicas y efectos ópticos
![Page 3: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/3.jpg)
Diseño tipográfico
OTanual
Formas básicas y efectos ópticos
![Page 4: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/4.jpg)
Diseño tipográfico
a a a aa a a a
Cuerpo 120 pt
Gill SansHelveticaIbarra RealTimes New Roman
![Page 5: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/5.jpg)
Diseño tipográfico
Formas básicas y efectos ópticos
Frederick William Goudy
Tan sólo los trazos completamente horizontales coinciden con las guías.
![Page 6: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/6.jpg)
Diseño tipográfico
Formas básicas y efectos ópticos
![Page 7: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/7.jpg)
Diseño tipográfico
Formas básicas y efectos ópticos
Ilusión óptica de Oppel-Kundt La figura está formada por dos espacios del mismo ancho, uno lleno de líneas verticales y el otro simplemente tiene líneas en los bordes. Nuestro cerebro percibe como más ancho el espacio lleno de rayas que el espacio que solo tiene líneas a ambos lados
Ilusión óptica de Helmholtz Un cuadrado con líneas horizontales parece ser más alto y más delgado que un cuadrado del mismo tamaño formado de líneas verticales.
![Page 8: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/8.jpg)
Diseño tipográfico
Formas básicas y efectos ópticos
EFuturaPaul Renner1929
Peso visual en la distribución de la forma.
Trazos horizontales menos anchos, trazo intermedio más corto y ligeramente alto.
![Page 9: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/9.jpg)
Diseño tipográfico
Formas básicas y efectos ópticos
El ancho de los trazos rectos verticales no es el mismo que el de las formas curvas. Deben ser ajustados ópticamente.
Recta, 48 pt.Curva, 58 pt.
![Page 10: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/10.jpg)
Diseño tipográfico
Formas básicas y efectos ópticos
Deben repetirse los mismos anchos en cada variedad de forma.
Ancho contraforma curva
Ancho contraforma recta
Ancho formas curvasverticales
Ancho formas rectas verticales
Ancho formas curvas horizontales
Ancho en la unión de astas y horizontales
![Page 11: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/11.jpg)
Diseño tipográfico
Formas básicas y efectos ópticos
El mejor sistema para mantener la coherencia de la escritura es repetir módulos en las letras que tengan una estructura similar.
Frederick Goudy
![Page 12: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/12.jpg)
Diseño tipográfico
Formas básicas y efectos ópticos
El mejor sistema para mantener la coherencia de la escritura es repetir módulos en las letras que tengan una estructura similar.
![Page 13: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/13.jpg)
Diseño tipográfico
Formas básicas y efectos ópticos
El ancho de las astas y los blancos internos, son inversamente proporcionales.
![Page 14: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/14.jpg)
Diseño tipográfico
Diseño tipográfico a partir de un original digitalizado
Plantilla en Illustrator de 1.100 x 3.000 puntos.Guías para formas rectas y curvas.
![Page 15: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/15.jpg)
Diseño tipográfico
Helvetica Minion Pro
Ambas redondas, en el mismo cuerpo.
Garamond
ITCAdobe
a b c p ea b c p e
![Page 16: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/16.jpg)
Diseño tipográfico
Diseño tipográfico a partir de un original digitalizado
El trazado de las letras sigue los principios de la ortogonalidad.
![Page 17: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/17.jpg)
Diseño tipográfico
Diseño tipográfico a partir de un original digitalizado
Distribución métrica de las distintas partes de la letra.
Ascendente 744Mayusculas 544Ojo medio 348Descendente - 256
![Page 18: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/18.jpg)
Diseño tipográfico
El espacio para la “n” tiene en cuenta que la prosa derecha es algo inferiora la izquierda ya que la primera tiene mas blanco en el “arco”.
El espacio para la “o”se obtiene dando los mismosvalores en la prosaizquierda y en la derecha.
Es necesario vincular a las formas básicas al resto de caracterescon la misma métrica. Cada forma tendrá su espaciado.
![Page 19: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/19.jpg)
Diseño tipográfico
![Page 20: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/20.jpg)
Diseño tipográfico
a b c d e f g h i j k l m n ñ o p q r s t u v w x y z ç1 2 3 4 5 6 7 8 9 0 . , : ; - * + @ % ?
HitchcockFontMatt Terich
![Page 21: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/21.jpg)
Diseño tipográfico
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p q r s t u v w x y z ç1 2 3 4 5 6 7 8 9 0 . , : ; - ^ * + @ \ ª º % & ( ) = ¿ ?
Webdings
![Page 22: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/22.jpg)
Diseño tipográfico
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p q r s t u v w
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p q r s t u v
a b c d e f g h i j k l m n ñ o p q r s t u v w x y z ç
Claude Garamond diseñó tipos inspirados en los de Francesco Griffo. Más tarde Jacques Sabon llevó las matrices de Garamond a la imprenta Egenolff Berner de Frankfurt.
Monotype GaramondAdobe Garamond
![Page 23: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/23.jpg)
Diseño tipográfico
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p q r
Claude Garamond diseñó tipos inspirados en los de Francesco Griffo. Más tarde Jacques Sabon llevó las matrices de Garamond a la imprenta Egenolff Berner de Frankfurt.
ITC GaramondAdobe Garamond
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p q r s t u
a b c p ea b c p e
![Page 24: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/24.jpg)
Diseño tipográfico
En 1970 John Stan dibujó un Garamond para la ITC que tuvo un gran éxito. Aparte de su desproporcionado ojo medio, sus letras o y O estaban basadas en círculos perfectos. Se diseño en muchos y variados pesos [de super fina a super negra], un concepto completamente ajeno a toda la tipografía del siglo XVI.
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p q r
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p
a b c d e f g h i j k l m n ñ o p q r s t u v w x y z ç
![Page 25: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/25.jpg)
Diseño tipográfico
En 1970 John Stan dibujó un Garamond para la ITC que tuvo un gran éxito. Aparte de su desproporcionado ojo medio, sus letras o y O estaban basadas en círculos perfectos. Se diseño en muchos y variados pesos [de super fina a super negra], un concepto completamente ajeno a toda la tipografía del siglo XVI.
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p q r
![Page 26: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/26.jpg)
Diseño tipográfico
Beatrice Warde
En un artículo, al que debe su reputación, es donde da cuenta de la verdadera autoría de los caractères de l’Université conservados en la Imprimerie Nationale y erróneamente atribuidos a Claude Garamond y que en realidad fueron creados por Jean Jannon punzonista e impresor de la Academia protestante de Sedan.
El impacto de este artículo en el mundo tipográfico facilitó a Beatrice Warde su contratación en la casa Monotype, en realidad contrataron a Paul Beajuon y cuando vieron que se trataba de una mujer la sorpresa fue enorme, donde se hizo cargo de la revista de la empresa The Monotype Recorder a la que convirtió, además de un órgano de difusión corporativo, en un foro de investigación y discusión sobre creación tipográfica y el diseño de libros e impresos.
![Page 27: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/27.jpg)
Diseño tipográfico
![Page 28: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/28.jpg)
Diseño tipográfico
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p q r s t u v w x y z ç1 2 3 4 5 6 7 8 9 0 . , : ; - ^ * + @ \ ª º % & ( ) = ¿ ?
Joaquín IbarraSiglo XVIII
Grabó caracteres en estilo romano clásico, transicional y moderno. Fue Impresor de Carlos III.
Primera edición de la Real Academia del Quijote entre 1777 y 1780.
Ibarra Real2009
![Page 29: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/29.jpg)
Diseño tipográfico
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p q r s1 2 3 4 5 6 7 8 9 0
John BaskervilleSiglo XVIII
Mrs EavesZuzana Licko1989
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p q r s t1 2 3 4 5 6 7 8 9 0
Licko diseñó Mrs Eaves. Sarah Eaves, Mrs Eaves, fue llaves de Baskerville y, más tarde, su esposa.
![Page 30: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/30.jpg)
El País
Majerit 2007 Mario FelicianoTimes New Roman 2002
![Page 31: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/31.jpg)
Diseño tipográfico
Akzidenz Grotesk
También conocida como Berthold Akzidenz Grotesk u Odd-job Sansserif, es un tipo de letra paloseco o sans serif diseñado por la fundidora de tipos H. Berthold de la ciudad de Berlín en 1896.
Akzidenz
De lo que le aconteció a don Quijote en Sierra Morena. Rara historia.
De lo que le aconteció a don Quijote en Sierra Morena. Rara Historia.
![Page 32: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/32.jpg)
Diseño tipográfico
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p q r s t u v w x y z ç1 2 3 4 5 6 7 8 9 0
FuturaPaul Renner1927
La mejor expresión de la nueva tipografía sería la Futura de Paul Renner, producida por la fundición Bauer en 1927.
A B C D E F G H I J K L M N Ña b c d e f g h i j k l m n ñ o p1 2 3 4 5 6 7 8 9 0
![Page 33: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/33.jpg)
Diseño tipográfico
A B C D E F G H I J K L M N ÑA B C D E F G H I J K L M N ÑO P Q R S T U V W X Y Z ÇO P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o pa b c d e f g h i j k l m n ñ o pq r s t u v w x y z ç . , : º ªq r s t u v w x y z ç . , : º ª1 2 3 4 5 6 7 8 9 0 & $ = #1 2 3 4 5 6 7 8 9 0 & $ = #
HelveticaUnivers
![Page 34: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/34.jpg)
Diseño tipográfico
Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones.
El diseñador ha considerado cada caracter individualmente optimizando no solo las formas sino también sus alturas e interletrados para que funcionen dentro de los límites determinados por la grilla definida por la pantalla.
Características
Formas más abiertasMayor espacio interiorLetras más anchasMayor ojo medioInterletrado más sueltoDeben encajar en la retícula de pixeles. RasterizaciónDiferencia entre caracteres similares: j i l 1
Las san serif son más legibles.
![Page 35: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/35.jpg)
Diseño tipográfico
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p q r s t u v w x y z ç1 2 3 4 5 6 7 8 9 0 . , : ; - ^ * + @ \ ª º % & ( ) = ¿ ?
VerdanaMathew Carter1990
![Page 36: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/36.jpg)
Diseño tipográfico
Diseñada para Microsoft por Matthew Carter especialmente para ser mostrada en pantalla.
Fue optimizada por Tom Rickner de Monotype. Las curvas y diagonales fueron meticulosamente ajustadas para que los píxeles sean claros, legibles y agradables a tamaños pequeños, consiguiendo una fusión perfecta entre forma y función.
Los caracteres más confusos como la “I” mayúscula, “J”, “L”, “i” o la “l” minúscula fueron individualizados y los amplios espacios entre las letras consiguen una legibilidad excepcional.
VerdanaMathew Carter1990
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p q r s t u v w x y z ç
![Page 37: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/37.jpg)
Diseño tipográfico
VerdanaMathew Carter1990
“Al ser concebida Verdana como fuente de pantalla, quisimos experimentar primero con el bitmap probando en diversas aplicaciones en las que Microsoft trabajando. Le dimos vueltas a diferentes dibujos, pesos, estilos y tamaños. Al final tratamos de que todos opinaran sobre un pequeño conjunto de letras bitmaps y, sólo cuando esto sucedió, volvimos atrás y creamos las curvas alrededor de esos dibujos. Fue entonces cuando le di las curvas a Tom Rickner, de Monotype, para que hiciera los hints ¡que produjeran los bitmaps que yo había diseñado anteriormente!”
![Page 38: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/38.jpg)
Diseño tipográfico
Verdana ante Frutiger: espacios interiores más grandes, mayor ojo medio y caracteres más anchos.
Verdana frente a Futura presenta ajustes en los interletrados para evitar problemas de espaciado. Verdana produce palabras más largas.
Los caracteres similares de Verdana poseen elementos diferenciadores para dotarla de mayor legibilidad.
![Page 39: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/39.jpg)
Diseño tipográfico
La tipografía Arial fue diseñada en 1990 por el equipo de Monotype para Microsoft cuando lanzó el formato estándar “True Type” para Windows 3.1.
El éxito del sistema operativo haría que la Arial sea actualmente una de las tipografías más usadas junto con la Helvética o la Times.
Se trata de un tipo funcional, simple y muy versátil. Una de las que posee mejor “hints” o instrumentos de rasterización ya que Microsoft hizo muchísimos esfuerzos en optimizarla.
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p q r s t u v w x y z ç
MonotypeArial1990
![Page 40: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/40.jpg)
Diseño tipográfico
A B C D E F G H I J K L M N Ñ O P Q R S T U V W X Y Z Ça b c d e f g h i j k l m n ñ o p q r s t u v w x y z ç1 2 3 4 5 6 7 8 9 0 . , : ; - ^ * + @ \ ª º % & ( ) = ¿ ?
Mathew CarterGeorgia1996
![Page 41: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/41.jpg)
Diseño tipográfico Fontab 5.0 para Windows Hints para True Type Franklin Gothic estrecha
![Page 42: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/42.jpg)
Diseño tipográfico
![Page 43: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/43.jpg)
Diseño tipográfico
![Page 44: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/44.jpg)
Diseño tipográfico
![Page 45: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/45.jpg)
Diseño tipográfico
![Page 46: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/46.jpg)
Diseño tipográfico
![Page 47: Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas para ser vistas en bajas resoluciones. El diseñador ha considerado cada caracter](https://reader033.fdocument.pub/reader033/viewer/2022042321/5f0b6a0b7e708231d43066e3/html5/thumbnails/47.jpg)
Diseño tipográfico