Fundamentos de diseño

TIPOGRAFÍA
 ¿Qué es la tipografía?

“typos”: golpe, marca o forma,

“graphia”: cualidad de escribir.

“el arte de diseñar las letras”. Disciplina que

estudia la representación gráfica de las letras
para que el lenguaje escrito sea efectivo.
 TIPOGRAFÍA como La escritura con un
conjunto de caracteres de letras y números
que han sido elaborados previamente y que
cuentan con un estilo y unas
características en común
 La personalidad tipográfica
La tipografía nos puede ayudar a transmitir
aún más con la identidad visual de la marca
(Personalidad de la marca).

Femenino Moderno
TIPOS DE TIPOGRAFÍAS
VARIANTES DE UNA FUENTE
Podemos clasificar a las fuentes tipográficas por su morfología
en 4 grandes grupos:

Con serifa (romanas) Sin serifa (palo seco) Cursivas

(manuscritas) Decorativas (exposición)
Serif (Romanas)

Cuentan con remates o terminales,

que son esos pequeños adornos
ubicados en los extremos de los
trazos de los caracteres.

Son serias y tradicionales, Se

asocian a lo académico o
institucional. Ideales para párrafos
largos, ya que los pequeños
terminales ayudan a que se cree una
Ejemplos: Times New Roman, Garamond o
línea imaginaria bajo el texto que
Book Antigua.
facilita mucho la lectura.
Sans - Serif (Palo seco)
Se caracterizan por la ausencia de
remates y terminales.
Suelen asociarse con la tipografía
comercial, ofrecen un resultado muy
bueno para la impresión de titulares o
poco texto, en publicidad. Evoca
modernidad, seguridad, neutralidad y
minimalismo.

Aunque no cuente con la línea invisible,

es muy recurrida para textos en
pantalla y textos en tamaños
Ejemplos: Helvética, Arial.
pequeños. Gracias a la ausencia de
terminales, esta tipografía puede
resultar más legible en textos de
pequeño tamaño.
Scrip (cursivas)
Imitan la caligrafía a mano, por lo
que también se les puede
denominar como tipografías
caligráficas.

Este tipo de tipografías cuentan con

una tendencia itálica o cursiva claro.
Las letras se ligan entre sí y
encontramos curvas más
pronunciadas que en las tipografías
con serifa o de palo seco.

Como se ligan con la caligrafía, Ejemplos: Blackadder ITC, Freestyle Script.

cuentan con una personalidad algo
más humana y cercana.
Decorativas (exposición)
Se les denomina como tipografías
Pueden llegar a transmitir descuido o
display. Son consideradas como
desinterés en el diseño
divertidas, más frescas. de Pueden
transmitir una gran variedad
sensaciones.

Cuentan con carácter y personalidad

fuertes. Llaman más la atención. Pero,
la legibilidad es muy poca.

No se ajustan a los tres conjuntos

anteriores. Se crean para fines
específicos donde la legibilidad no se
tiene demasiado en cuenta. No son
idóneas para párrafos de texto.
Slab Serif (Bloque)

También llamada de remate en

bloque o egipcia, se caracteriza por
tener unos remates muy gruesos,
hasta mas que le letra.

Las letras slab serif están más

emparentadas con las sans serif
que con las romanas, aunque
tengan remates.
FAMILIA DE FUENTES
LA FAMILIA DE FUENTES son un
conjunto de caracteres, alfabéticos o
no, que cuentan con unas
características comunes en su
estructura y en su estilo. Esto nos
permite identificarlas como una
misma familia

Los miembros que integran una

misma familia tipográfica se parecen
entre sí, pero cuentan con algunos
rasgos propios como variaciones de
peso, inclinación y proporción.
 Las variables tipográficas

Opciones que podemos encontrar dentro de una

misma familia tipográfica.

Son modificaciones de la morfología de la tipografía,

es decir de su forma. Actúan sobre el grosor del trazo,
el ancho o proporción del carácter y la inclinación del
eje vertical de los caracteres de una misma familia
tipográfica.
 Las variables tipográficas

• Establecer una • Satisfacer las necesidades

jerarquía visual en que pueden surgir a la hora
nuestras de comunicar visualmente
composiciones. con tipografías.
El peso como variable tipográfica
Denominada también como variable de grosor o tono, afecta
directamente al trazo de los caracteres. Se modifica la relación entre el
ancho del trazo y los espacios vacíos dentro de cada signo tipográfico.

La tipografía bold o negrita presenta un grosor de trazo mayor, mientras

que la tipografía light presenta un grosor del trazo menor.
La proporción como variable tipográfica

La variable de ancho o proporción afecta

directamente a la estructura de los caracteres.
Hace referencia a la modificación del ancho
de la letra. En principio el trazo no varía.
La proporción como variable tipográfica
Las tipografías condensadas y expandidas han sido diseñadas desde cero,
al igual que las regulares. No debemos deformar la escala de nuestras
tipografías si necesitamos condensadas o expandidas.

La variación de tamaño en sentido vertical no se considera como variable

tipográfica, ya que se corresponde con una simple modificación del cuerpo
tipográfico.
La inclinación como variable tipográfica

La variable tipográfica de inclinación modifica el eje

de los caracteres. Hace referencia al ángulo de
inclinación de la tipografía.

Cambia la estructura y se altera el ritmo. La

inclinación del eje vertical puede variar según el
diseño de la familia tipográfica pero generalmente
se encuentra entre los 8 y los 16º de inclinación.
La inclinación como variable tipográfica
Dentro de la variable tipográfica de inclinación vamos a poder reconocer
dos tipos. Las oblicuas y las itálicas.

• Las tipografías con variable oblicua cuenta con la misma morfología

que la tipografía regular. Tan sólo cuenta con el eje inclinado.
La inclinación como variable tipográfica
Dentro de la variable tipográfica de inclinación vamos a poder reconocer
dos tipos. Las oblicuas y las itálicas.

• Las tipografías con variable itálica presentan además una morfología

propia con algunas reminiscencias a la caligrafía.
Tipografías versalitas
Estas tipografías cuentan
con alfabetos que
mantienen la altura de
caja alta (mayúsculas) a
la misma altura que las
de caja baja
(minúsculas).

Las versalitas son

tipografías que pueden
ser de gran utilidad si por
ejemplo lo necesitamos
por valor estético.
COMBINACIONES
TIPOGRÁFICAS
¿Cómo combinar fuentes?

1. Fuentes complementarias:
Tipografías opuestas se equilibran

2. Jerarquía visual: Lo primero que

quiero que vean

3. El contexto: Donde aparecerá…

4. Serif + sans serif: se ven bien

juntas, y más cuando se
contrastan los tamaños.
¿Cómo combinar fuentes?

5. 0 conflicto: Que las tipografías

sean diferentes no implica que
combinen

6. No juntes fuentes similares:

Fuentes que no tengan contraste

7. La familia es lo mas importante:

Usa las familias de fuentes.
¿Cómo combinar fuentes?

8. Cantidad de fuentes:
Dependiendo del proyecto
• Logos: 3 Tope, 2 max.
• Post redes sociales: 4 Tope,
3 Max.
• Otros proyectos: debes
medir la cantidad, que no
se vea cargado.

La práctica hace al maestro

Tipografías para
REDES SOCIALES
Post publicitario para
redes sociales
Tipografías recomendadas:
• Títulos: Serif, Sans-serif y
caligráficas.
• Párrafos: Serif y Sans serif.

Tamaño de fuente:
• Títulos: 72pt a 100pt
(recomendado)
• Párrafos: Min. 48pt, max.
60pt

Cantidad de texto:
• Max. 60 caracteres
• 2 párrafos max. De 4 líneas
max.
 RECOMENDACIONES

Prefiera aquellas comunes a sus lectores.

• Así no tendrán que esforzarse en decodificarlas...
Prefiera aquellas comunes a
sus lectores.
• Así no tendrán que
esforzarse en
decodificarlas...

Evite aquellas que no sean

legibles en dispositivos
donde el tamaño del área
de presentación es limitada
 USO DE MAYÚSCULAS
• ESCRIBIR EN MAYÚSCULAS dificulta la lectura y por ende la comprensión.

• Palabras en mayúsculas ocupan hasta 30% más de espacio y retrasan la

velocidad de lectura entre 13 y 20%.
RITMO EN LA ESCRITURA

Variar es crear ritmo…

Descargar fuentes
• Google fonts
• Befonts
• Dafonts