Módulo 1: Definición de tipografía
La palabra proviene del griego typos, que significa sello, y graphein que
significa escritura, por lo tanto su significado es escribir con sellos. El origen
de esta palabra está relacionado con la imprenta de Johannes Gutenberg,
aunque la impresión con tipos móviles ya se utilizaba en China desde antes.
Gutenberg creó una aleación entre plomo, antimonio y estaño para hacer
tipos móviles resistentes.
La tipografía esencialmente se relaciona con el lenguaje y la comunicación
pues a partir del sonido con el que nos comunicamos surge el símbolo y del
símbolo la [Link] puede entender con diferentes definiciones según el
contexto en el que se utilice, algunos ejemplos son:
1. La tipografía como técnica. Brinda las herramientas para crear su
estructura formal y composición, además también es necesario el
pensamiento creativo para que logre sus fines comunicativos.
2. Tipografía como arte. Para Paul Grant el oficio de la tipografía puede
enseñarse, sin embargo la expresión (el arte) lo tiene que crear cada
persona (diseñador). Stanley Morrison consideraba a la tipografía como
el arte de disponer el material de impresión, con ello las letras y
caracteres adquieren plasticidad para comunicar un mensaje
específico.
3. Tipografía como disciplina. Agrupa un conjunto de saberes,
habilidades y reglas orientadas a estructurar el lenguaje visual de las
letras y caracteres para que cumplan su propósito comunicativo de la
manera más eficaz posible. Se utiliza por ejemplo en el marketing o la
fotografía.
4. Tipografía es un oficio. Se aprende a través de un maestro con
experiencia y de la práctica con el manejo y selección de tipos
5. Tipografía como elemento decorativo. Las formas de su construcción
son flexibles y por lo tanto pueden adquirir una personalidad icónica.
6. Tipografía como profesión relacionada al diseño gráfico. El propósito
de los tipógrafos es regular las funciones lingüísticas, estilísticas y
visuales para poder crear composiciones de texto estéticas y legibles.
[Link]ía como medio de comunicación. Ayuda a dirigir al lector
mediante la organización de la información. Tiene dos dimensiones:
1. Lingüística es la representación del lenguaje verbal, e encarga de la
legibilidad, tamaño de letra, interlineado, espacio de columna, traking
y kerning.
2. Visual son los signos gráficos que tienen características formales,
estructurales y decorativas que expresan y provocan emociones en el
lector.
8. Tipografía como expresión del pensamiento. Los pensamientos y
saberes se expresan en palabras impresas porque perduran más en el
tiempo que la comunicación oral.
9. Tipografía como expresión de una época. El diseño de las letras a
partir de la invención de la imprenta está influencia por su contexto
histórico y cultural. Por ejemplo, en la revolución industrial el diseño de
las letras cambió al quitarles los patines.
10. Tipografía en la academia. Es la materia que se encarga del
estudio de su historia, funciones, anatomía, reproducción, calculo
tipográfico.
Elemento clave de la comunicación visual. La tipografía está sometida
a comunicar por medio de la letra impresa.
Breve historia de la tipografía
La protoescritura surgió a principios del tercer milenio antes de Cristo.
Son las primeras manifestaciones gráficas de la humanidad que
después evolucionaron para convertirse en alfabetos. Eran signos en
soportes como barro, madera, piedra, hueso, etc. La escritura
cuneiforme del 3000 a.C. es considerada el primer sistema de
escritura, con ella se redactaron leyes, contratos, textos de
contabilidad. Estas representaciones gráficas evolucionaron, se
sintetizaron y esquematizaron hasta volverse ideogramas.
Nota:
Ideograma es aquel signo esquemático no lingüístico que representa
globalmente conceptos o mensajes simples.
El alfabeto latino proviene del alfabeto fenicio del año 1200 a.C. se
baso en el sistema jeroglífico de los egipcios. Posteriormente los
griegos adoptaron el alfabeto fenicio y le agregaron las vocales.
La escritura lapidaria romana requería de una solemnidad que se daba
tanto por los soportes (mármol y piedra), como por la forma de los
caracteres, al ser hechos con cincel, los artesanos marcaban dónde
debían iniciar y terminar los trazos de la letra, a partir de estas marcas
se crearon los patines. Por la misma naturaleza de los soportes las
formas de las letras se simplificaron a formas básicas, cuadrado,
círculo y triángulo.
Otro tipo importante de escritura es la epigráfica romana, tenía tres
tipos: la capital cuadrada, la capital rústica y la cursiva romana. Eran
escrituras rápidas, usadas para diferentes fines pero todos requerían
de rapidez para difundir información.
Escritura uncial y semiuncial tienden hacia formas curvas, tienen
modulación e inclinación, permitieron un mayor número de letras por
línea y tienen un mayor cuidado estético.
Las minúsculas provienen de la escritura minúscula carolina del año
800 d.C. era usada para correspondencia durante el imperio Carolingio,
era una escritura express pues podía escribirse y leerse rápidamente.
De esta escritura se derivan la escritura gótica, usada en el Norte de
Europa, y la escritura humanística, usada más en Italia.
En la antigüedad hacer libros era costoso y tardado, las bibliotecas
eran un tesoro muy preciado, pero en 1440 Johannes Gutenberg
inventa la fundición de tipos móviles con la intención de acelerar el
largo proceso que suponía la producción manuscrita de un libro.
En el siglo XV los renacentistas optaron por reinterpretar las formas de
las escrituras griegas y romanas para publicar textos clásicos. Aldo
Manuzio, un editor veneciano de la época creó la importante tipografía
Bembo, además de crear tipos móviles de las primeras itálicas. En los
siglos posteriores, XVI y XVII se perfeccionaron las familias
tipográficas, se creó la tipografía Garamond.
En el siglo XVIII la tipografía se diseña y crea se una manera separada
a los rasgos caligráficos En éste periodo surgió el sistema de normal-
ización de las medidas tipográficas y las familias tipográficas Didot y
Bodoni.
En el siglo XIX la industrialización y migración a las ciudades propició la
aparición de publicidad, carteles y publicaciones, por lo que se busca
sintetizar las formas para llamar la atención del lector, así surgen las
tipografías egipcias y las grotescas o de palo seco.
Tipografía Clarendon Sale Serif
En el siglo XX fue una mezcla entre abrazar la tradición tipográfica y
buscar formas nuevas, de esa búsqueda surgieron las tipografías Gill
Jans en 916, Futura en 1932, Univers en 1957 y la Helvetica en 1959.
En 1970 aparece el sistema de composición optomecánico, los tipos
móviles de plomo se dejan de usar rápidamente y la herramienta da
nuevas formas a las tipografías de la época.
Finalmente en 1990 surge la posibilidad de la autoedición, a partir de
ahí los diseñadores pueden realizar sus propias tipografías y modificar
o usar las de otros. Actualmente es posible realizar una tipografía
propia con PostScript.
Proyecto 1.
Realizar un cartel tipográfico sobre la definición de tipografía en
tamaño tabloide.
Proceso de diseño:
1. Elección tipográfica. Adobe Garamond Pro. Es una interpretación
digital de las tipografías romanas de Claude Garamond y de las
tipografías cursivas de Robert Granjon. Es una tipografía clásica,
patinada y con mucha legibilidad. Es de tipo OpenType.
3. Bocetaje. Se realizaron 3 propuestas de cartel utilizando diferentes
conceptos y una misma tipografía con el objetivo de comunicar la
definición de la palabra. El primero fue una lluvia de letras, desorden,
como si se cayeran las letras de una página. El segundo fue basado en
el diseño internacional. El tercero fue mucho más simple, tiene mucho
más texto y se asemeja a una página de un libro.
Módulo 2: Anatomía de la letra
Los componentes que definen a la tipografía son su estructura, su
anatomía y sus proporciones, y están conformados por una serie de
trazos repetidos y combinados entre sí con base en un conjunto de
reglas de proporción y estilísticas, mostrando las características de su
diseño.
Los trazos de la estructura de la letra pueden ser curvos, horizontales,
verticales o diagonales, y aunque son parecidos existen algunas
diferencias en cuanto a la modulación y el contraste de sus trazos
según su estilo.
Construcción de la letra
La palabra estructura proviene del latín estructus. Las letras tienen
estructura y rige sus funciones. Las siluetas definen su forma
fundamental, se le viste y se reconoce un estilo de letra.
La construcción tipográfica surge de la combinación de trazo de las
figuras básicas, el espacio interno de letra y del que la rodea se llama
contraforma. La imagen de la letra se conoce como forma. Hay letras
que se construyen con trazos horizontales y verticales rectos, ejemplo
F. Otras con líneas diagonales, ej W. Otras con con diagonales, rectas y
curvas como la k p n g. Otras con curvas, como la C.
Existen 4 trazos básicos en la construcción tipográfica de letras
mayúsculas y minúsculas:
Los trazos rectos, curvos, semicurvos y diagonales. Las letras pueden
clasificarse como redondas, rectas, oblicuas y mixtas.
Estructura tipográfica.
Modulación: la inclinación del trazo de los rasgos principales de la
letra. Crea el contraste entre los trazos finos y gruesos. Puede ser
vertical u oblicua.
Proporción tipográfica: se refiere a establecer normas para una
relación armoniosa entre las partes y tamaños de la letra. Relación
armoniosa entre ancho y alto de la letra y su construcción geométrica.
Regularidad, alternancia, proporción
Regularidad: altura contante de las letras.
Alternancia: perfiles de las formas y contraformas, diferenciación de
anchos. Alternancia de los grosores de trazo y su modulación.
Proporción: orden de relación de ancho y alto.
Formas geométricas: el régimen estructural de las letras. La estructura
de la letra es su esqueleto.
Contorno: la línea que delimita la forma de la letra. En la c hay
contorno ext e int.
Cuerpo: área contenida entre los contornos.
Anatomía
Componentes principales de la letra
Astas: líneas resultantes de la combinación de figuras básicas.
Estructura de las astas: grosor del trazo y su dirección y posición.
Uniformes: grosor constante
Moduladas: grosor diferente
Astas: verticales: convergentes, transversales, quebradas y curvas
Astas de minúsculas: centrales, ascendentes y descendentes
Remates: rasgos que le dan su forma final. Son casi exclusivamente
ornamentales.
Los terminales son un acento estilísticos.
Según su forma podemos distinguir: patines o serifas, ganchos,
lágrimas, gotas, botón, espuela, uñas, banderas.
Ápice, vertice, hombro, apofice
La forma de las letras como las astas y los remates determinan que
cada letra pertenezca a un estilo o famila.
MONOGRAMAS
Significa Mono único y grama escrito. Son marcas o símbolos formados
por letras o cifras y suelen representar las iniciales
Se constituyen por tipografía color y formas. Son muy antiguos, los
encontramos en sellos, logos, monedas (la más antigua data del 350
ac), billetes.
Artistas y artesanos los utilizaban como firma. Tienen mucha
prestancia: son fácilmente recordables. La diferencia con las siglas es
que en las siglas las letras están separadas y no crean un símbolo.
Ej monograma de tolkien
Cómo diseñar un monograma para un logo?
1. Conoce tu esencia: Antes de elegir una tipografía, define qué
valores, personalidad y mensaje quieres transmitir. ¿Tu identidad
es formal y profesional, o más informal y creativa? ¿Buscas
transmitir seriedad, elegancia, modernidad, o accesibilidad?
2. Investiga tipografías: Explora diferentes tipos de tipografías y
sus características. Las tipografías pueden ser serifas (con
pequeños adornos en los extremos de las letras), sans serif (sin
adornos), script (similares a la escritura a mano) o display
(diseñadas para atraer la atención).
3. Elige una tipografía que refleje tu identidad:
• Serifas: Suelen transmitir una sensación de tradición, confianza
y profesionalismo.
• Sans Serif: Ofrecen una apariencia moderna, limpia y accesible.
• Script: Evocan elegancia, creatividad y un toque personal.
• Display: Son llamativas y pueden ayudar a destacar un mensaje
o identidad única.
4. Considera la legibilidad y versatilidad: Asegúrate de que la
tipografía elegida sea fácil de leer en diferentes tamaños y
medios. También considera cómo se verá en diferentes
aplicaciones, como en tarjetas de presentación, sitios web y redes
sociales.
5. Prueba y ajusta: Experimenta con diferentes combinaciones de
tipografías y ajusta el espaciado, el tamaño y el color para ver
cómo se alinean con tu identidad visual. Es importante que te
sientas cómodo y que la tipografía se sienta auténtica y coherente
con tu marca o personalidad.
6. Crea una guía de estilo: Una vez que hayas elegido la tipografía
adecuada, documenta cómo debe usarse en diferentes contextos.
Esto asegura consistencia en todos los materiales y aplicaciones
visuales.
Notas:
1. Estudia la forma de las letras. Evitar trazos demasiado finos.
2. Usar letras quasimétricas
3. Ópticamente equilibrado
4. Considerar las posibles aplicaciones
5. Orden de los caracteres. Debe leerse el orden correcto
Módulo 3: Principios de composición en la tipografía
Según Harris A. los tipos también pueden usarse como elementos
gráficos para comunicar diferentes conceptos o mensajes. El
monograma es un signo formado por caracteres tipográficos, se usan
como marca, logotipo o simplemente un símbolo de distinción.
La composición tipográfica consiste en la manipulación de los tipos
para que muestren un concepto específico asignado por el diseñador.
Para esto es necesario conocer los elementos tipográficos (vistos en el
módulo anterior) y las técnicas correctas para su manipulación. Para
poder componer tipográficamente hay que tener en cuenta los
siguientes puntos:
1. Jerarquía tipográfica. Permite obtener diseños más eficientes
porque facilita la identificación del orden de lectura al lector,
ordena los elementos para evitar confusiones. Para esto es
necesario que como diseñador se tenga claro cuál es el orden del
contenido, qué es lo más importante, para obtener respuesta a
estas incógnitas se puede hacer una lista de los elementos por
orden de importancia. Ya con esa información se establece un
punto focal con la información que va primera en orden de
importancia, después ya se acomodan los demás elementos. Un
ejemplo de mala jerarquía tipográfica es la tarjeta de los Óscar de
Best Actress.
2. Tamaño tipográfico. Aumentar o disminuir el tamaño apoya o resta
énfasis según su importancia. Los elementos más grandes tienen
mayor importancia y atención mientras que los elementos pequeños
están en un segundo nivel de atención.
3. Color y contraste. El color puede potenciar el discurso, además de
llamar la atención debe ser un apoyo en la clasificación de la
información en la lectura. Es importante contemplar que además de la
psicología del color, hay que evitar ciertas particularidades como los
colores complementarios que pueden dificultar la lectura.
4. Elección tipográfica. Identificar la personalidad del diseño y en base
a eso buscar tipografías con características afines. Otro punto
sumamente importante es buscar una tipografía que cuente con una
amplia gama de signos tipográficos necesarios para la redacción de un
texto, por ejemplo, es frecuente encontrar tipografías decorativas que
carecen de acentos. Otra recomendación es no usar más de tres
fuentes tipográficas, de ser posible utilizar una sola familia tipográfica
con variedad de estilos para una armonía visual.
5. Espacios en blanco. Existen 3 niveles en los textos. El nivel primario,
de los titulares, el secundario es el de los subtítulos y textos pequeños
y el terciario es el del cuerpo principal de texto. Cada nivel debe
contrastar con los otros, para ello se usan las consideraciones
anteriormente mencionadas. Para garantizarse el orden de lectura
deben de separarse y agruparse diferentes elementos, el espacio en
blanco es esa separación, hay que cuidar los espacios entre letras,
entre palabras y entre líneas para asegurar una buena lectura,
evitando confusiones o asociaciones de ideas incorrectas.
6. Alineación, direccionalidad y disposición. La forma natural de la
lectura es en occidente de arriba a abajo y de izquierda a derecha,
pero esto varía dependiendo la cultura.
Consideraciones para combinar tipografías:
1. Buscar contraste. Evitar tipografías muy similares, procurar que
tengan rasgos distintivos que las diferencien de manera evidente.
El contraste se puede obtener de varias formas, por estilo, tamaño,
grosor, color o combinando tipografías serif con fans serif.
2. Respeta la jerarquía visual. Hay que guiar correctamente el ojo del
lector para ello hay que apoyarse en las variables tipográficas, el
tamaño, el contraste, el interlineado, etc.
3. Vigilar la legibilidad. Es conveniente hacer pruebas de escalamiento
y pensar en el contexto donde será usado para que no pierda
legibilidad. Las tipografías con patines necesitan por lo menos de
10 a 12 pt para leerse correctamente, mientras que las palo seco
funcionan en pantallas con puntajes más pequeños.
4. Usar las variantes de una familia tipográfica. Podemos ceñirnos a
una misma tipografía, haciendo uso de las variables tipográficas, o
podemos aprovecharnos de una familia tipográfica perteneciente a
la misma super familia.
5. Contemplar la estructura de las letras. Es preferible que los rasgos
estructurales de las tipografías que busquemos emparejar sean
similares, por ejemplo que el ojal inferior de la g sea similar en
ambas o que la altura de la X sea la misma.
6. Contemplar la personalidad tipográfica. Esto refuerza la jerarquía
tipográfica y apoya el mensaje visualmente, ayudando al lector a
un seguir un orden de lectura correcto.
Módulo 4: Forma y contraforma tipográfica