TIPOGRAFÍA

Es la letra prefabricada. Creada con

antelación para su reproducción infinita.

Se pone énfasis en lo funcional, en la

decodificación del signo.

Su proceso de creación es lento y

laborioso, pero su utilización y
reproducción es rápida y aveces
inmediata.

Sigue reglas de creación y de aplicación.

Es un sistema complejo de formas. Es la

letra estandarizada, homogénea.

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2
Se refiere también al sistema de impresión, basado en un bloque de metal o madera
con la figura de una letra invertida en relieve y que, dispuesto en otros bloques,
forme líneas de texto. Luego de ser entintados, estos signos se traspasan al papel
mediante presión.

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

¿Qué es la TIPOGRAFÍA en Diseño?
Es la destreza, el oficio y la industria de la elección y el uso de
tipos de letras y signos, para desarrollar una labor de
comunicación.

Se trata de una actividad que se encarga de todo lo referente

a los símbolos, los números y las letras de un contenido que se
disponen en soporte físico o digital.

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

CLASIFICACIÓN de Tipografías

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

¿Qué podemos transmitir usando una u otra?
Al igual que ocurre con los colores o con las fotografías, las
tipografías también transmiten emociones y sensaciones.

Ejercen una influencia en el mensaje qué queremos transmitir y así,

ya que no será lo mismo un texto o documento formal que uno
más relajado, informal y juvenil.

Los públicos se sentirán más apelados e identificados con una

forma de tipografía y no con otra.

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

 Texto
Lorem ipsum dolor sit amet, consectetur adipiscing
elit. Integer non molestie mauris, eu rutrum mi. Sed
quis accumsan ex, vel congue diam. Etiam efficitur
orci a massa gravida imperdiet. Mauris consequat
vulputate magna, in aliquam eros blandit in. Vestibu-
lum iaculis vitae massa id tristique. Integer lobortis
velit quis ligula egestas, id dapibus ex varius. Vivamus
imperdiet ante et mi blandit, at laoreet urna ornare.
Suspendisse semper justo eu urna facilisis, ac tristique
quam hendrerit.

> Debe LEERSE pero no VERSE > Debe LEERSE y VERSE

> La prioridad está puesta en la > Reconocimiento individualizado de
legibilidad las letras

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

 Texto

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

TEXTO > Serif

> Tipografías con remates o terminales.

> Suele ser percibida como seria, tradicional, respetable o

institucional.

> Se utiliza para textos largos ya que, la línea imaginaria que

crean bajo el texto y que ayuda a guiar al ojo hace que la lectura
sea más cómoda que en las tipografías sin remate.

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

TEXTO > Sans Serif

> No poseen serifas y apenas presentan contraste entre sus

trazos.

> Ofrecen muy buenos resultados en las impresiones de poco

texto y es la indicada para visualizaciones en pantalla.

> Transmiten modernidad, seguridad, alegría, neutralidad o

minimalismo.

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

DISPLAY > Script Casual

> Está basada en la escritura, se inspira en el fluido del trazo

manual.

> Estas fuentes transmiten gestualidad, personalidad y

creatividad.

> Frecuentemente usadas para invitaciones o titulares, para

causar una sensación descontracturada, o la idea de lo de autor.

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

DISPLAY > Caligráficas

> Está basada en las estructuras clasicas y el fluido del trazo

creado en la caligrafía.

> Estas fuentes transmiten elegancia, afecto, presencia.

> Son frecuentemente usadas para invitaciones, diplomas,

etiquetas para causar una sensación de sobriedad e importancia.

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

DISPLAY > Góticas

> También conocida como fracturada, se basa en la caligrafía del

medioevo.

> Tiene trazos gruesos con ascendentes y descendentes cortos,

y remates muy elaborados.

> Se usan en diseños con toque histórico importante, así bien las
podemos encontrar en packaging, como pueden ser la cerveza.

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

DISPLAY > Decorativas

> Se caracterizan por tener una personalidad muy fuerte, y por

tanto, ser muy únicas.

> El uso de ésta se limita a títulos cortos o diseños especiales.

> Son transgresoras y originales, pero poco legibles.

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

FAMILIA y FUENTE Tipográfica

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

 FUENTE TIPOGRÁFICA FAMILIA TIPOGRÁFICA
Es el set completo del alfabeto, con una Es el conjunto de fuentes que comparten
variable determinada. características formales, pero que difieren
en atributos como el peso, amplitud e
Está compuesta por varios caracteres en inclinación.
mayúsculas, minúsculas, números, signos de
puntuación, letras acentuadas, etc. en una
variable de peso, proporción e inclinación
específica.

TIMES NEW ROMAN

Times New Roman Regular Times New Roman Regular

Times New Roman Italic Times New Roman Italic
Times New Roman Bold Times New Roman Bold
Times New Roman Bold Italic Times New Roman Bold Italic

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

 VARIABLES TIPOGRÁFICA

Sirven para jerarquizar o distinguir textos o

palabras en un texto, cuando se utiliza una
misma familia tipográfica.

DE PESO DE PROPORCIÓN DE INCLINACIÓN

Modificaciones en el grosor Cambios en el ancho de las Alternativas inclinadas

y espesor de los trazos. letras.

Itálicas
Extra Light Condensada
Regular
Light Extendida
Book
Medium
Bold
Black

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

COMBINACIÓN TIPOGRÁFICA
Contraste y Armonía

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

CONTRASTE ARMONÍA
El contraste (estar en contra) se tiene que notar, tiene que ser Dos fuentes tipográficas son armónicas
evidente. si tienen empatía una con otra, que se
observa a partir de semejanzas.
Sirve para dar expresión y para la creación de un todo coherente
Semejanzas formales:
Se puede lograr por:
- Altura de x: Que compartan
similar altura de x, sin variar el
tamaño tipográfico.

- Estructura: La forma en que está

constituida las letras.

- Proporción: Que compartan

similar aspecto de tamaño

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

ALINEACIÓN DE TEXTOS

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2

ALINEACIÓN ALINEACIÓN ALINEACIÓN A L I N E A C I Ó N
IZQUIERDA DERECHA CENTRADA J U S T I F I C A DA

Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed
diam nonummy nibh euismod
tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud .
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed
diam nonummy nibh euismod
tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud .
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed
diam nonummy nibh euismod
tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud .
Lorem ipsum dolor sit amet,
consectetuer adipiscing elit, sed
diam nonummy nibh euismod
tincidunt ut laoreet dolore magna
aliquam erat volutpat. Ut wisi enim
ad minim veniam, quis nostrud .

Exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea
commodo consequat. Duis autem
vel eum iriure dolor in hendrerit in
vulputate velit esse molestie
consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros
et accumsan et iusto odio.
Exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea
commodo consequat. Duis autem
vel eum iriure dolor in hendrerit in
vulputate velit esse molestie
consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros
et accumsan et iusto odio.
Exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea
commodo consequat. Duis autem
vel eum iriure dolor in hendrerit in
vulputate velit esse molestie
consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros
et accumsan et iusto odio.
Exerci tation ullamcorper suscipit
lobortis nisl ut aliquip ex ea
commodo consequat. Duis autem
vel eum iriure dolor in hendrerit in
vulputate velit esse molestie
consequat, vel illum dolore eu
feugiat nulla facilisis at vero eros et
accumsan et iusto odio.

Dignissim qui blandit praesent Dignissim qui blandit praesent Dignissim qui blandit praesent Dignissim qui blandit praesent
luptatum zzril delenit augue duis luptatum zzril delenit augue duis luptatum zzril delenit augue duis luptatum zzril delenit augue duis
dolore te feugait nulla facilisi. dolore te feugait nulla facilisi. dolore te feugait nulla facilisi. dolore te feugait nulla facilisi.

Alinear correctamente un texto guiará y facilitará la lectura y la interpretación por

parte del lector.
Es necesario considerar qué tipo de alineación utilizar según la cantidad de texto a
diagramar y el soporte a utilizar.

TALLER NOCIONES BÁSICAS DE DISEÑO GRÁFICO CLASE 2