Páginas

Tipografía: principios de buenas prácticas

El diseñador y fundador de MetaDesign 
Erik Spiekermann 
dijo una vez que quería ser “Ministro de Tipografía” porque con el auge de la informática se había dado cuenta de que el arte de la tipografía estaba siendo practicado por cualquiera, y que muchos de los diseños que encontraba eran un insulto a su “sensibilidad tipográfica”. 


erik spiekermann typography principles

Por eso Spiekermann aconseja 
mirar aprender practicar
para así lograr unos buenos estándares en esta faceta del diseño...


En este sentido, por tanto, cabe definir una serie de principios de buenas prácticas en tipografía, para que un texto sea 
claro conciso y visualmente atractivo


--> Sobre la selección de la fuente <--

1º.- A menudo es mejor utilizar un tipo clásico con un historial probado, cuyos caracteres tienen una coherencia y proporciones legibles que facilitan la lectura. 

2º.- Para destacar partes del texto, tampoco se recomienda utilizar demasiados tipos diferentes a la vez porque se puede confundir al lector que llegará un momento en que no sea capaz de diferenciar qué es importante y qué no al no haber una jerarquía clara.
3º.- Al mismo tiempo, para destacar por ejemplo una frase, tampoco se debe escoger una fuente que se parezca demasiado a la fuente principal porque entonces no destacará lo suficiente y parecerá un error tipográfico. Aquí sí es necesario que exista cierto contraste, para lo cual es un buen recurso utilizar una fuente en cursiva, o una fuente parecida pero que se distinga, por ejemplo, en tener o no tener serifas...



--> Sobre tamaños, jerarquías y pesos <--

4º.- De la misma manera, en un mismo texto se debe evitar utilizar muchos tamaños de letra distintos. Así, basta con dos o tres tamaños, por ejemplo, y que se perciba bien la diferencia entre ellos. 


5º.- Respecto a los pesos, también se debe evitar utilizar fuentes con pesos muy dispares entre sí: una fuente muy “light” apenas se distinguirá del fondo y una demasiado “bold” resultará poco reconocible a menos que se utilice en un tamaño grande, con lo cual se estaría descompensando del resto del texto. 

Así, por ejemplo, para el cuerpo del texto es mejor utilizar los tipos de letra con pesos intermedios y reservar las versiones “extendidas” y “condensadas” para títulos o subtítulos...
imágenes: Erik Spiekermann

Tipografía: clasificación de los tipos de letra, 2ª parte

Vista en el post anterior la evolución histórica de los tipos de letra (ver), en el tutorial de hoy vamos a ver cómo se clasifican las fuentes en función de dos de sus características principales: su peso y su ancho. 
El peso es el grosor de la letra, y el ancho es la cantidad de espacio que ocupa. Básicamente, en función del peso la letra podrá ser light (fina) o bold" (gruesa), mientras que en función del ancho podrá ser extended o condensed (ancha o apretada)

Algunas fuentes han sido y son diseñadas con un peso y un ancho determinados. Así, por ejemplo, Impact es una fuente condensada y de mucho peso:



 Pero también es frecuente que una misma fuente sea diseñada en distintas versiones según peso y ancho. Así, por ejemplo, la tipografía Gill Sans...



La podemos encontrar en sus versiones “normal”...


condensed”...


Y en esta otra versión “condensed bold”, es decir, condensada y a la vez gruesa...


que, como veis, también hace más “pesada” su lectura ;)

Finalmente, algunas letras también incluyen otras variaciones como por ejemplo esta Arial Bold Rounded, gruesa y con los bordes redondeados...





¿Qué fuente debemos elegir en cada caso? ¿Cómo combinar las distintas fuentes?
lo veremos en el próximo tutorial sobre TIPOGRAFÍA:
"Principios de buenas prácticas en tipografía" (ver)

Tipografía: clasificación de los tipos de letra, 1ª parte

Una vez que hemos analizado al detalle las distintas partes de una letra, es decir, su anatomía (ver) lo que vamos a ver en el tutorial es la 
CLASIFICACIÓN DE LOS TIPOS DE LETRA

En primer lugar, las fuentes se clasifican en categorías, según características visuales pero también históricas, categorías que nos dan una pista sobre cómo se construyen, ayudándonos a identificarlas con más facilidad.

Así, por ejemplo, las fuentes llamadas "OLD STYLE" son las antiguamente conocidas como “venecianas”. Sus mayúsculas están inspiradas en las letras romanas, y sus minúsculas en las tipografías del siglo XV.
Se identifican por sus formas redondeadas y por tener serifas angulosas en la parte superior de las minúsculas. 
Un ejemplo es la Garamond


Tipografía: clasificación de los tipos de letra, garamond old style


Hacia el siglo XVIII, la tipografía evolucionó a un estilo más moderno pero entre medias se crearon otras fuentes llamadas “de transición” como por ejemplo la Baskerville



baskerville font

(fijaos, por ejemplo, en las serifas intermedias de la letra “w”)


Las fuentes "MODERN" se caracterizarían por un mayor contraste entre los trazos finos y los trazos gruesos, y por que las serifas se unen a los palos horizontalmente. Un ejemplo es la Bodoni...


bodoni modern type

que como veis no sólo tiene las serifas rectas y delgadas, sino que es además un tipo de letra más estilizada que las anteriores


Las fuentes llamadas "SLAB SERIF" o “egipcias” se crearon a partir de 1815. Se caracterizan por tener también serifas rectas pero más gruesas. Un ejemplo es la Rockwell


slab serif font, baskerville


Por último, las fuentes "SANS SERIF" son las que, como su nombre indica, no tienen serifas. Además el ancho de trazo tiende a condensarse. Un ejemplo es la Arial


fuentes sans serif, arial

__________________________________________________

Próximo tutorial sobre TIPOGRAFÍA:
"Clasificación de los tipos de letra, 2ª parte" (ver)

Tipografía: anatomía de una letra


Cada letra, al igual que nuestro propio cuerpo, está formada por partes, cada una con un nombre. Lo que vamos a aprender en este tutorial de hoy es la

TERMINOLOGÍA BÁSICA DE LA FORMA DE LAS LETRAS

tipografia, anatomia de una letra, terminologia partes

Anillo: trazo curvado que encierra un blanco interno
Ápice: pico del triángulo en la “a” mayúscula
Asta ascendente: trazo de las minúsculas, que supera la altura de la letra “x”
Asta descendente: trazo de las minúsculas que se prolonga por debajo de la línea base
Barra: trazo horizontal que conecta los lados de una letra 
Blanco interno: espacio rodeado completa o parcialmente por una letra
Brazo: trazo horizontal proyectado abierto por uno o ambos lados, como en la “e” mayúscula
Bucle: mitad inferior de la “g” minúscula
Cola: trazo diagonal o bucle al final de una letra
Cuello: trazo que conecta el anillo y el bucle de la “g” minúscula
Espolón: proyección, más pequeña que una serifa, que refuerza el punto situado al final de un trazo curvado
Hombro: trazo curvado que se proyecta a partir de un palo
Ojo: contorno de la “e” minúscula
Oreja: pequeño trazo que se extiende por la parte superior  derecha del anillo de la “g” minúscula
Palo: trazo vertical o diagonal principal de una letra
Pierna: trazo diagonal en la mitad inferior de la “k” minúscula
Trazo ultrafino: trazo más delgado de un tipo, de anchos variables
Serifa: trazos cortos que se proyectan desde o hacia los trazos principales de las letras
Terminal: parte final de todo trazo que no termina en una serifa

Finalmente, aunque cada fuente tiene unas características que la diferencian visualmente de las demás, tiene unos puntos de referencia comunes a los que todas se ajustan. Así, por ejemplo, todas siguen una línea base, la altura de la letra “x”, que es la que determina la altura del resto de las minúsculas.

__________________________________________________

Próximo tutorial sobre TIPOGRAFÍA
"Clasificación de los tipos de letra, 1ª parte" (ver

Fotografía editorial: "Pop Rocks", Erin D. Garcia

Amarillo limón, naranja, rosa, aguamarina, azul añil...
Una explosión de colores Pop en el "set" creado para este reportaje de la revista FOAMbajo la dirección artística de Erin D. García. La fotografía es obra de JUCO PHOTO.

Fotografía editorial, "Pop Rocks", Erin D. Garcia

Pop Art colors, editorial photo by Juco Photo











imágenes: Béhance

INSPIRACIÓN: "denim color palettes"

Recursos e ideas en colores para diseñadores y artistas gráficos:
10 paletas de colores inspiradas en un tejido que nunca pasa de moda y al que nadie se resiste
EL "DENIM"
INSPIRACIÓN: "denim color palettes"











Arte gráfico: Eric Stanton y el estilo "pulp"

Eric Stanton es un dibujante estadounidense conocido por ser el creador de los llamados "comics para adultos", un pionero del arte del fetichismo.
Los expertos en arte gráfico lo llaman el Rembrandt de las "novelas pulp", las llamadas "novelas baratas" de contenido erótico de los años 50, 60 y 70.Novelas que incluso llegó a tener que publicar de modo casi clandestino. 
Y es que sus ilustraciones están llenas de color, de imaginativos detalles, pero sobre todo de mujeres exhuberantes. Mujeres fatales ataviadas con ceñidos corpiños, armadas de fustas y expertas en "bondage".
Dominatrices que se hacen fuertes en un mundo de hombres...
 o simples caricaturas de las fantasías de dominación?

Arte gráfico: Eric Stanton y el estilo "pulp"

eric stanton pulp style

eric stanton illustrations