Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas...

Diseño tipográfico


Formas básicas y efectos ópticos


OTanual



a a a aa a a a

Cuerpo 120 pt

Gill SansHelveticaIbarra RealTimes New Roman



Frederick William Goudy

Tan sólo los trazos completamente horizontales coinciden con las guías.



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.



EFuturaPaul Renner1929

Peso visual en la distribución de la forma.

Trazos horizontales menos anchos, trazo intermedio más corto y ligeramente alto.



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.



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



El mejor sistema para mantener la coherencia de la escritura es repetir módulos en las letras que tengan una estructura similar.

Frederick Goudy



El mejor sistema para mantener la coherencia de la escritura es repetir módulos en las letras que tengan una estructura similar.



El ancho de las astas y los blancos internos, son inversamente proporcionales.


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.


Helvetica Minion Pro

Ambas redondas, en el mismo cuerpo.

Garamond

ITCAdobe

a b c p ea b c p e



El trazado de las letras sigue los principios de la ortogonalidad.



Distribución métrica de las distintas partes de la letra.

Ascendente 744Mayusculas 544Ojo medio 348Descendente - 256


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.


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


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


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


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


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

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 ç


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.



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.



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


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.

El País

Majerit 2007 Mario FelicianoTimes New Roman 2002


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.


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


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


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.



VerdanaMathew Carter1990


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.


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 ç



“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!”


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.


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



Mathew CarterGeorgia1996

Diseño tipográfico Fontab 5.0 para Windows Hints para True Type Franklin Gothic estrecha

Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas...

Documents

Transcript of Diseño tipográfico - Inicio · Diseño tipográfico Fuentes creadas para pantalla son concebidas...