SlideShare una empresa de Scribd logo
1 de 44
Tip
grafía
La tipografía (del griego τύπος típos,
golpe o huella, y γράφω gráfο, escribir) es
la forma gráfica de expresar el lenguaje.
Se puede ver como el arte y técnica del
manejo y selección de tipos,
originalmente de plomo, para crear
trabajos de impresión.
Tipografía
Medio para escribir una idea
y brindarle forma visualTipografía
La esencia del buen
diseño gráfico consiste
en comunicar por medio de la
palabra escrita, combinada a
menudo con un dibujo o con fotografías.
A lo largo de los siglos, el arte de exhibir
la palabra escrita ha evolucionado hasta
ser un campo sofisticado del diseño
TiposyDiseño
TiposyDiseño
EscriturasAntiguas
Código Fonético
con Símbolos
Pictograma
Símbolo representativo
Ideograma
Imágenes e ideas para
construir un contenido
Transición: Los símbolos se estilizan y
paulatinamente comienzan a asociarse
las formas con sonidos del lenguaje
hablado
Fonograma
Uso de signos formales y abstractos
que corresponden a sonidos
EscriturasAntiguas
Los Fenicios
Líbano al oeste del Mediterráneo 1,600 A.C
22 consonantes
Los Griegos
Líbano al oeste del Mediterráneo
24 consonantes y vocales
a b g d e z h q i k l m n
x o p r s t u j c y w
EscriturasAntiguas
Alfabeto cirílico
Base de más de 50 lenguas
de Rusia, Asia Centro
y Este de Europa
33 letras (21
consonantes,
10 vocales,2 sin
sonido)
Alfabeto romano
Se formó a partir del griego
Se difundió por todo
el imperio 26 letras
Impresor alemán
Primera imprenta y
uso de tipos móviles
Gutenberg
Tipografía
Conjunto de caracteres, letras,
números, símbolos, puntuación,
etc., que tienen el mismo diseño
distintivo. Se miden por medio de
puntos.
Fuente
Medio físico de la producción del
tipo de letra, por código
informático, película litográfica,
metal,
o tallado en madera.
TipoyFuente
Cursiva
Trazada sobre un eje
inclinado entre 7 y 20
grados.
Oblicua
Versiones inclinadas de sus
homólogas redondas.
CursivayOblicua
Serifas
Serif
Da un efecto de tranquilidad, autoridad, dignidad y
firmeza; contiene un pequeño embellecimiento (pequeños
patines, pies o terminaciones) en los extremos de un
carácter llamado enlace, lo que permite al ojo seguir la
línea fácilmente, sobretodo en bloques de texto amplios,
modifica el significado del texto y añade connotaciones
SinSerifas
Sans Serif
ó Palo Seco
Crea el efecto de modernidad, sobriedad, alegría y
seguridad, es más neutra y aunque son muy
populares, dificultan la lectura de textos largos, por lo
que se usan sólo en casos de textos muy cortos
donde existiera una razón para ello. Estas fuentes
tienden a reflejar una imagen moderna, limpia, o
No contiene adornos y actualmente se
utilizan en muchos tipos de publicaciones
de texto impreso.
EstilosdeLetra
Extendida
Cursiva
Redonda
Condensada
Negrita
Fina o light
Clasificaciones Block
(Old English, Goudy Text, Fraktur)
Roman
(Garamond, Souvenir, Bakersville)
Gothic
(Grotesque, Folio, Din)
Script
(Cooper Black, Berkeley, Bodoni)
Graphic
VariantesdelaFamilia
Mayúsculas (altas)
Minúsculas (bajas)
Versalitas y versalitas
Normal (plan)
Light
Bold
Heavy
Italic
Bold,Italic
Condensada
Extendida
Romanas
Las fuentes Romanas son
regulares, tienen una gran armonía
de proporciones, presentan un
fuerte contraste entre elementos
rectos y curvos y sus remates les
proporcionan un alto grado de
Times, Caslon, Garamond
Baskerville, Caledonia
Didot, Bodoni, Fenice
Lubalin, Atymie
Alinea, Baltra1
PaloSeco
Las fuentes Palo Seco se caracterizan por reducir los
caracteres a su esquema esencial. Las mayúsculas se
vuelven a las formas fenicias y griegas y las minúsculas
están conformadas a base de líneas rectas y círculos
unidos, reflejando la época en la que nacen, la
industrialización y el funcionalismo.
Futura, Avant Garde, Kabel,
Eras, Helvetica, Univers
Gill Sans
RotuladasoScript Las fuentes rotuladas advierten más o menos
claramente el instrumento y la mano que los creó, y la
tradición caligráfica o cursiva en la que se inspiró el
creador.
Commercial Script, Zapf Chancery
Old English, Fraktur, Wedding Text
Brush, Mistral, Balloon
Caligráficas
Góticas
Cursivas
Decorativas
Estas fuentes no fueron concebidas
como tipos de texto, sino para un
uso esporádico y aislado.
Neon, Croissant,
Buster
Bauhaus, Art Deco,
Capitulares
a primera letra de la primera palabra de un párrafo
se compone en un tamaño mayor en puntos y se
alinea con la parte superior de la primera línea de
texto.
L
Ligaduras
Une dos o tres
caracteres
independientes
para formar una
sola unidad.
Anula la
interferencia la
combinación de
ff, fl, ffl, fi
Términos
Interlineado: Espacio entre líneas de bloque de un
texto
Espaciado: Interlineado y tracking de cada tipo
Tracking: Espacio que separa las letras
Kerning: Espacio entre dos letras
natomí
ade la letra
Anatomía
Afgxb
kQoCola Brazo
Cola
Curv
a
Blanco
Interno
Ojal Descendent
e
Remate Basa
Anillo
Ligadura
Barra
Cartela
Asta montante Ascendente Blanco interno
Oreja
AlturaX
Vértice
Cartela
Curva de la serifa que conecta el asta T
AstaDiagonal
Diagonal de la letra como la N,M o Y
LigaduraoCuello
Dirección en que un hasta curva compensa el
AstaModuladao
Fina
Asta más delgada con un ancho variable V
AstaModuladao
Fina
Incluye total o parcialmente un ojo interior p
Barbilla
Parte terminal en ángulo de la G
AlturadelaX
Distancia entre la línea base y la línea
media de las letras de caja baja. Es plana
en su parte superior e inferior. Para situar
el lugar adecuado las imágenes y bloques
Cuadratín
En la caja tipográfica es una pieza de metal cuadrada que
tiene tantos puntos por lado de acuerdo al cuerpo del tipo.
Es decir, el cuadratín de cuerpo 7, tiene 7 puntos de lado;
los cuadratines de 10, diez pt, etc. Se ubica entre las letras
para formar espacios, intervalos o blancos
Cuadratín
Cuadratín: M es una unidad de medida que se deriva del
ancho del molde de la M. Para sangrar párrafos. Medio
cuadratín: N es una unidad de medida para resaltar cláusulas.
Guión corto: Un tercio del cuadratín. Separar partes de una
LegibilidadenRótulos
El aspecto más importante
de la tipografía, es el
público al cual va dirigido el
texto, y que sea capaz de
leerlo perfectamente, sin
ningún inconveniente.
Quién lo leerá y desde
dónde y a qué distancia lo
leerá.
Tener en cuenta factores
muy importantes tales
como; la luz, la distancia, la
altura de colocación del
texto etc.
LegibilidadenRótulos
El diseño de la letra
Los tipos de diseño clásicos
latinos, son los que ofrecen
mayor legibilidad. Las letras
redondas y minúsculas
suelen ser las
más legibles.
Espaciado entre letra y
letra
Un título o un rótulo cuyas
letras se peguen materialmente
unas a otra no ofrece buena
legibilidad, aunque algunos
grafistas defienden esta fórmula,
atentos solamente al efecto
plástico.
LegibilidadenRótulos
El tamaño de la letra
Una letra de tamaño grande es más
legible que otra de tamaño más
pequeño. Pero existe un tamaño
ideal para el texto impreso pequeño
que anima y favorece la lectura, la
letra del cuerpo diez o doce.
Por ejemplo para un cartel que se
observará a 10 metros, la altura de
la letra debe ser, al menos de 2,5
cm.
Mientras que para una valla
publicitaria que deba leerse a
60 metros, la altura de la letra
deberá ser al menos de 15 cm.
LegibilidadenTextos
Longitud de la línea
Una línea muy larga, impresa
en un cuerpo de letra más bien
pequeño, en la que se incluyen
muchas palabras, entorpece la
lectura, por la dificultad que
supone pasar de una línea a
otra.
Calidad de impresión
Una impresión deficiente con
fallos, remosqueados, exceso
o falta de tinta, o presión
excesiva, puede perjudicar
notablemente la legibilidad.
Colores adecuados
Los tipos negros sobre fondo
blanco, reflejan mayor
legibilidad, el efecto contrario,
texto blanco sobre fondo
negro, nos hacen perder
Alineación
del Texto
AlineadoalaIzquierda
Recomendable para textos largos.
Crea una letra y un espacio entre
palabras muy equilibrado y
uniforme. Esta clase de alineación
de textos es probablemente la más
legible.
AlineadoalaDerecha
Se encuentra en sentido
contrario del lector
porque resulta difícil
encontrar la nueva línea.
Este método puede ser
adecuado para un texto
que no sea muy extenso
Justificado Alineado a la derecha y
a la izquierda. Puede
ser muy legible, si el (la)
diseñador (a) equilibra
uniformemente todos
los espacios entre las
letras y las palabras,
para evitar molestos
vacíos que son
denominados ríos que
rompen el curso del
texto.
Centrado
Proporcionan
al texto una apariencia
muy formal y son ideales cuando
se usan mínimamente. Se debe evitar
configurar textos demasiado
largos con esta alineación
MuchasGracias
This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.

Más contenido relacionado

La actualidad más candente

La actualidad más candente (20)

Paleta tipográfica
Paleta tipográficaPaleta tipográfica
Paleta tipográfica
 
Jerarquias tipograficas
Jerarquias tipograficasJerarquias tipograficas
Jerarquias tipograficas
 
Tipografia
TipografiaTipografia
Tipografia
 
Manual tipografico
Manual tipograficoManual tipografico
Manual tipografico
 
Tipografia
TipografiaTipografia
Tipografia
 
Ejemplos de Conceptos Tipográficos
Ejemplos de Conceptos TipográficosEjemplos de Conceptos Tipográficos
Ejemplos de Conceptos Tipográficos
 
Unidad 3 Tipografia y color
Unidad 3 Tipografia y colorUnidad 3 Tipografia y color
Unidad 3 Tipografia y color
 
Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos
 
Concepto, tipos y uso de la tipografía
Concepto, tipos y uso de la tipografíaConcepto, tipos y uso de la tipografía
Concepto, tipos y uso de la tipografía
 
Fuente Tipografica
Fuente TipograficaFuente Tipografica
Fuente Tipografica
 
Partes de la Letra
Partes de la LetraPartes de la Letra
Partes de la Letra
 
Tipografía y sus familias
Tipografía y sus familiasTipografía y sus familias
Tipografía y sus familias
 
Tipografia
TipografiaTipografia
Tipografia
 
Trabajo De La Tipografía
Trabajo De La TipografíaTrabajo De La Tipografía
Trabajo De La Tipografía
 
Tipografía
TipografíaTipografía
Tipografía
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia2
Tipografia2Tipografia2
Tipografia2
 
Tipografia
TipografiaTipografia
Tipografia
 
La tipografía
La tipografíaLa tipografía
La tipografía
 
Julio cesar
Julio cesarJulio cesar
Julio cesar
 

Similar a La tipografía (20)

Tipografía
TipografíaTipografía
Tipografía
 
Tipografa td
Tipografa tdTipografa td
Tipografa td
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografia
TipografiaTipografia
Tipografia
 
Tipografías
TipografíasTipografías
Tipografías
 
T4.carolinayricardo.tipografia
T4.carolinayricardo.tipografiaT4.carolinayricardo.tipografia
T4.carolinayricardo.tipografia
 
Diseño Editorial
Diseño Editorial Diseño Editorial
Diseño Editorial
 
Tipografia
TipografiaTipografia
Tipografia
 
Familias tipográficas 1004
Familias tipográficas 1004Familias tipográficas 1004
Familias tipográficas 1004
 
Salazar elena elizabeth
Salazar elena elizabethSalazar elena elizabeth
Salazar elena elizabeth
 
Taller2
Taller2Taller2
Taller2
 
Id s7
Id s7Id s7
Id s7
 
Tipografias
TipografiasTipografias
Tipografias
 
Tipografía
TipografíaTipografía
Tipografía
 
Lady 10 04
Lady 10 04Lady 10 04
Lady 10 04
 
Presentación
Presentación Presentación
Presentación
 
Infograma 01
Infograma 01Infograma 01
Infograma 01
 
La palabra
La palabraLa palabra
La palabra
 
Librolettering2
Librolettering2Librolettering2
Librolettering2
 
Histora tipografia- LUIS GARCIA
Histora tipografia- LUIS GARCIAHistora tipografia- LUIS GARCIA
Histora tipografia- LUIS GARCIA
 

Más de Ministerio de Educación Pública de Costa Rica

Más de Ministerio de Educación Pública de Costa Rica (15)

Principios del Color
Principios del ColorPrincipios del Color
Principios del Color
 
Gestalt y Percepcion Visual
Gestalt y Percepcion VisualGestalt y Percepcion Visual
Gestalt y Percepcion Visual
 
La Escuela Bauhaus
La Escuela Bauhaus La Escuela Bauhaus
La Escuela Bauhaus
 
Historia del Diseño Gráfico
Historia del Diseño GráficoHistoria del Diseño Gráfico
Historia del Diseño Gráfico
 
El Proceso de las Relaciones Públicas
El Proceso de las Relaciones PúblicasEl Proceso de las Relaciones Públicas
El Proceso de las Relaciones Públicas
 
La Campaña de Relaciones Públicas
La Campaña de Relaciones PúblicasLa Campaña de Relaciones Públicas
La Campaña de Relaciones Públicas
 
Teoría de Medios
Teoría de MediosTeoría de Medios
Teoría de Medios
 
Plan de Campaña Publicitaria
Plan de Campaña PublicitariaPlan de Campaña Publicitaria
Plan de Campaña Publicitaria
 
Promoción de Ventas
Promoción de VentasPromoción de Ventas
Promoción de Ventas
 
Política de precios
Política de preciosPolítica de precios
Política de precios
 
Análisis documental y entrevista
Análisis documental y entrevistaAnálisis documental y entrevista
Análisis documental y entrevista
 
Encuestas y grupos focales
Encuestas y grupos focalesEncuestas y grupos focales
Encuestas y grupos focales
 
Fundamentos de Mercadeo
Fundamentos de MercadeoFundamentos de Mercadeo
Fundamentos de Mercadeo
 
Mk013 segmentación de mercados
Mk013 segmentación de mercadosMk013 segmentación de mercados
Mk013 segmentación de mercados
 
Comunicaciones Integradas de Mercadeo
Comunicaciones Integradas de MercadeoComunicaciones Integradas de Mercadeo
Comunicaciones Integradas de Mercadeo
 

Último

Metodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometroMetodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometrojuanpiorellanodocent
 
Curso Suoervición titulación UAP Ing Civil 2024.pptx
Curso  Suoervición titulación UAP Ing Civil 2024.pptxCurso  Suoervición titulación UAP Ing Civil 2024.pptx
Curso Suoervición titulación UAP Ing Civil 2024.pptxYONEREUCEBIOCABIAFAL1
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxEdisonCondesoDelgado1
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesLuis Fernando Salgado
 
Presentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptxPresentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptxMartnAndrsContrerasL
 
S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1eje12345ja
 
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptx
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptxADMINISTRACION ADECUADA DE MEDICAMENTOS.pptx
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptxclinivalleu
 
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTALLA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTALPaolaPeguero4
 
Manual de uso Avanzado para Excel 2016.pdf
Manual de uso  Avanzado para Excel 2016.pdfManual de uso  Avanzado para Excel 2016.pdf
Manual de uso Avanzado para Excel 2016.pdfwilmar nuñez
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Iirenecarmona12
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...jose880240
 
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfBlue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfNOEMIFONTEROMERO1
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoCristianLobo10
 
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptxLA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptxJUANOSCARVILLARROELA
 
que son los planos arquitectónicos y tipos
que son los planos arquitectónicos y tiposque son los planos arquitectónicos y tipos
que son los planos arquitectónicos y tiposNikholIk1
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdftortillasdemaizjf2
 
Informe de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docxInforme de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docxBEATickPoco
 
encuadre.docx. . . . . . . . . . . .
encuadre.docx.                 . . . . . . . . . . .encuadre.docx.                 . . . . . . . . . . .
encuadre.docx. . . . . . . . . . . .ramosrodrigo0710
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfPowerRayo
 

Último (20)

DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHEDIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
DIAGNOSTICO URBANO DE DE LA ISLA DE COCHE
 
Metodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometroMetodo-cuadricula-HyST para medicion con luxometro
Metodo-cuadricula-HyST para medicion con luxometro
 
Curso Suoervición titulación UAP Ing Civil 2024.pptx
Curso  Suoervición titulación UAP Ing Civil 2024.pptxCurso  Suoervición titulación UAP Ing Civil 2024.pptx
Curso Suoervición titulación UAP Ing Civil 2024.pptx
 
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptxATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
ATENCION INTEGRAL DEL ADULTO Y ADULTO MAYOR.pptx
 
Fundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principalesFundamentos de la Ergonomía y sus características principales
Fundamentos de la Ergonomía y sus características principales
 
Presentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptxPresentación acerca del Design Thinking.pptx
Presentación acerca del Design Thinking.pptx
 
S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1S7_ Grises y quebrados. semana 07 sesión 1
S7_ Grises y quebrados. semana 07 sesión 1
 
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptx
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptxADMINISTRACION ADECUADA DE MEDICAMENTOS.pptx
ADMINISTRACION ADECUADA DE MEDICAMENTOS.pptx
 
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTALLA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
LA NEUROARQUITECTURA COMO ESTRATEGIA DE DISEŇO PARA LA SALUD MENTAL
 
Manual de uso Avanzado para Excel 2016.pdf
Manual de uso  Avanzado para Excel 2016.pdfManual de uso  Avanzado para Excel 2016.pdf
Manual de uso Avanzado para Excel 2016.pdf
 
tema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos Itema ilustrado 9 el inicio del reinado de juan carlos I
tema ilustrado 9 el inicio del reinado de juan carlos I
 
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
7.2 -La guerra civil. Evolución de los bandos y consecuencias-Marta y Elena (...
 
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdfBlue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
Blue_Aesthetic_Mood_Board_Brand_Inspiration_Poster.pdf
 
La Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráficoLa Bauhaus y la nueva tipografía en el diseño gráfico
La Bauhaus y la nueva tipografía en el diseño gráfico
 
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptxLA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
LA DEONTOLOGIA PROFESIONAL EN DISEÑO DE INTERIORES .pptx
 
que son los planos arquitectónicos y tipos
que son los planos arquitectónicos y tiposque son los planos arquitectónicos y tipos
que son los planos arquitectónicos y tipos
 
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdfCATALOGO 2024 DIA DE LA MADRE, presentación.pdf
CATALOGO 2024 DIA DE LA MADRE, presentación.pdf
 
Informe de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docxInforme de Laboratorio 08 - Capacitores e Inductores.docx
Informe de Laboratorio 08 - Capacitores e Inductores.docx
 
encuadre.docx. . . . . . . . . . . .
encuadre.docx.                 . . . . . . . . . . .encuadre.docx.                 . . . . . . . . . . .
encuadre.docx. . . . . . . . . . . .
 
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdfTríptico-en-homenaje-por-el-día-de-la-madre.pdf
Tríptico-en-homenaje-por-el-día-de-la-madre.pdf
 

La tipografía

  • 2. La tipografía (del griego τύπος típos, golpe o huella, y γράφω gráfο, escribir) es la forma gráfica de expresar el lenguaje. Se puede ver como el arte y técnica del manejo y selección de tipos, originalmente de plomo, para crear trabajos de impresión. Tipografía
  • 3. Medio para escribir una idea y brindarle forma visualTipografía
  • 4. La esencia del buen diseño gráfico consiste en comunicar por medio de la palabra escrita, combinada a menudo con un dibujo o con fotografías. A lo largo de los siglos, el arte de exhibir la palabra escrita ha evolucionado hasta ser un campo sofisticado del diseño TiposyDiseño
  • 6. EscriturasAntiguas Código Fonético con Símbolos Pictograma Símbolo representativo Ideograma Imágenes e ideas para construir un contenido Transición: Los símbolos se estilizan y paulatinamente comienzan a asociarse las formas con sonidos del lenguaje hablado Fonograma Uso de signos formales y abstractos que corresponden a sonidos
  • 7. EscriturasAntiguas Los Fenicios Líbano al oeste del Mediterráneo 1,600 A.C 22 consonantes Los Griegos Líbano al oeste del Mediterráneo 24 consonantes y vocales a b g d e z h q i k l m n x o p r s t u j c y w
  • 8. EscriturasAntiguas Alfabeto cirílico Base de más de 50 lenguas de Rusia, Asia Centro y Este de Europa 33 letras (21 consonantes, 10 vocales,2 sin sonido) Alfabeto romano Se formó a partir del griego Se difundió por todo el imperio 26 letras
  • 9. Impresor alemán Primera imprenta y uso de tipos móviles Gutenberg
  • 10. Tipografía Conjunto de caracteres, letras, números, símbolos, puntuación, etc., que tienen el mismo diseño distintivo. Se miden por medio de puntos. Fuente Medio físico de la producción del tipo de letra, por código informático, película litográfica, metal, o tallado en madera. TipoyFuente
  • 11. Cursiva Trazada sobre un eje inclinado entre 7 y 20 grados. Oblicua Versiones inclinadas de sus homólogas redondas. CursivayOblicua
  • 12. Serifas Serif Da un efecto de tranquilidad, autoridad, dignidad y firmeza; contiene un pequeño embellecimiento (pequeños patines, pies o terminaciones) en los extremos de un carácter llamado enlace, lo que permite al ojo seguir la línea fácilmente, sobretodo en bloques de texto amplios, modifica el significado del texto y añade connotaciones
  • 13. SinSerifas Sans Serif ó Palo Seco Crea el efecto de modernidad, sobriedad, alegría y seguridad, es más neutra y aunque son muy populares, dificultan la lectura de textos largos, por lo que se usan sólo en casos de textos muy cortos donde existiera una razón para ello. Estas fuentes tienden a reflejar una imagen moderna, limpia, o No contiene adornos y actualmente se utilizan en muchos tipos de publicaciones de texto impreso.
  • 15. Clasificaciones Block (Old English, Goudy Text, Fraktur) Roman (Garamond, Souvenir, Bakersville) Gothic (Grotesque, Folio, Din) Script (Cooper Black, Berkeley, Bodoni) Graphic
  • 16. VariantesdelaFamilia Mayúsculas (altas) Minúsculas (bajas) Versalitas y versalitas Normal (plan) Light Bold Heavy Italic Bold,Italic Condensada Extendida
  • 17. Romanas Las fuentes Romanas son regulares, tienen una gran armonía de proporciones, presentan un fuerte contraste entre elementos rectos y curvos y sus remates les proporcionan un alto grado de Times, Caslon, Garamond Baskerville, Caledonia Didot, Bodoni, Fenice Lubalin, Atymie Alinea, Baltra1
  • 18. PaloSeco Las fuentes Palo Seco se caracterizan por reducir los caracteres a su esquema esencial. Las mayúsculas se vuelven a las formas fenicias y griegas y las minúsculas están conformadas a base de líneas rectas y círculos unidos, reflejando la época en la que nacen, la industrialización y el funcionalismo. Futura, Avant Garde, Kabel, Eras, Helvetica, Univers Gill Sans
  • 19. RotuladasoScript Las fuentes rotuladas advierten más o menos claramente el instrumento y la mano que los creó, y la tradición caligráfica o cursiva en la que se inspiró el creador. Commercial Script, Zapf Chancery Old English, Fraktur, Wedding Text Brush, Mistral, Balloon Caligráficas Góticas Cursivas
  • 20. Decorativas Estas fuentes no fueron concebidas como tipos de texto, sino para un uso esporádico y aislado. Neon, Croissant, Buster Bauhaus, Art Deco,
  • 21. Capitulares a primera letra de la primera palabra de un párrafo se compone en un tamaño mayor en puntos y se alinea con la parte superior de la primera línea de texto. L
  • 22. Ligaduras Une dos o tres caracteres independientes para formar una sola unidad. Anula la interferencia la combinación de ff, fl, ffl, fi
  • 23. Términos Interlineado: Espacio entre líneas de bloque de un texto Espaciado: Interlineado y tracking de cada tipo Tracking: Espacio que separa las letras Kerning: Espacio entre dos letras
  • 25. Anatomía Afgxb kQoCola Brazo Cola Curv a Blanco Interno Ojal Descendent e Remate Basa Anillo Ligadura Barra Cartela Asta montante Ascendente Blanco interno Oreja AlturaX Vértice
  • 26. Cartela Curva de la serifa que conecta el asta T
  • 27. AstaDiagonal Diagonal de la letra como la N,M o Y
  • 28. LigaduraoCuello Dirección en que un hasta curva compensa el
  • 29. AstaModuladao Fina Asta más delgada con un ancho variable V
  • 30. AstaModuladao Fina Incluye total o parcialmente un ojo interior p
  • 31. Barbilla Parte terminal en ángulo de la G
  • 32. AlturadelaX Distancia entre la línea base y la línea media de las letras de caja baja. Es plana en su parte superior e inferior. Para situar el lugar adecuado las imágenes y bloques
  • 33. Cuadratín En la caja tipográfica es una pieza de metal cuadrada que tiene tantos puntos por lado de acuerdo al cuerpo del tipo. Es decir, el cuadratín de cuerpo 7, tiene 7 puntos de lado; los cuadratines de 10, diez pt, etc. Se ubica entre las letras para formar espacios, intervalos o blancos
  • 34. Cuadratín Cuadratín: M es una unidad de medida que se deriva del ancho del molde de la M. Para sangrar párrafos. Medio cuadratín: N es una unidad de medida para resaltar cláusulas. Guión corto: Un tercio del cuadratín. Separar partes de una
  • 35. LegibilidadenRótulos El aspecto más importante de la tipografía, es el público al cual va dirigido el texto, y que sea capaz de leerlo perfectamente, sin ningún inconveniente. Quién lo leerá y desde dónde y a qué distancia lo leerá. Tener en cuenta factores muy importantes tales como; la luz, la distancia, la altura de colocación del texto etc.
  • 36. LegibilidadenRótulos El diseño de la letra Los tipos de diseño clásicos latinos, son los que ofrecen mayor legibilidad. Las letras redondas y minúsculas suelen ser las más legibles. Espaciado entre letra y letra Un título o un rótulo cuyas letras se peguen materialmente unas a otra no ofrece buena legibilidad, aunque algunos grafistas defienden esta fórmula, atentos solamente al efecto plástico.
  • 37. LegibilidadenRótulos El tamaño de la letra Una letra de tamaño grande es más legible que otra de tamaño más pequeño. Pero existe un tamaño ideal para el texto impreso pequeño que anima y favorece la lectura, la letra del cuerpo diez o doce. Por ejemplo para un cartel que se observará a 10 metros, la altura de la letra debe ser, al menos de 2,5 cm. Mientras que para una valla publicitaria que deba leerse a 60 metros, la altura de la letra deberá ser al menos de 15 cm.
  • 38. LegibilidadenTextos Longitud de la línea Una línea muy larga, impresa en un cuerpo de letra más bien pequeño, en la que se incluyen muchas palabras, entorpece la lectura, por la dificultad que supone pasar de una línea a otra. Calidad de impresión Una impresión deficiente con fallos, remosqueados, exceso o falta de tinta, o presión excesiva, puede perjudicar notablemente la legibilidad. Colores adecuados Los tipos negros sobre fondo blanco, reflejan mayor legibilidad, el efecto contrario, texto blanco sobre fondo negro, nos hacen perder
  • 40. AlineadoalaIzquierda Recomendable para textos largos. Crea una letra y un espacio entre palabras muy equilibrado y uniforme. Esta clase de alineación de textos es probablemente la más legible.
  • 41. AlineadoalaDerecha Se encuentra en sentido contrario del lector porque resulta difícil encontrar la nueva línea. Este método puede ser adecuado para un texto que no sea muy extenso
  • 42. Justificado Alineado a la derecha y a la izquierda. Puede ser muy legible, si el (la) diseñador (a) equilibra uniformemente todos los espacios entre las letras y las palabras, para evitar molestos vacíos que son denominados ríos que rompen el curso del texto.
  • 43. Centrado Proporcionan al texto una apariencia muy formal y son ideales cuando se usan mínimamente. Se debe evitar configurar textos demasiado largos con esta alineación
  • 44. MuchasGracias This work is licensed under a Creative Commons Attribution-NonCommercial-NoDerivatives 4.0 International License.