SlideShare une entreprise Scribd logo
1  sur  55
Télécharger pour lire hors ligne
FIDEL ROMERO
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
2
De una manera simple,
la tipografía puede
definirse como el arte
de la comunicación
impresa.
Concepto
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
3
La importancia de la tipografía para la
compresión de los textos se pone de
manifiesto cuando se constata que entre
el 80% y el 90% de la superficie de una
página está cubierta por la letra impresa.
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
4
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
5
La letra,
principal
elemento
tipográfico
En la actualidad, si
observamos los titulares de
diversos periódicos, nos
encontramos que no hay
uniformidad en el uso de
las familias tipográficas.
Incluso, un mismo
periódico puede utilizar
diferentes tipos según las
secciones.
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
6
Aunque no existe una
clasificación de los tipos de
letras universalmente aceptada,
ya que depende de los autores
y de los países, puede servir
de referencia la que presenta
Jesús Canga Larequi, que
las encuadra en cinco grandes
estilos:
Los caracteres
tipográficos
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
7
Agrupan a los distintos tipos
cuyo origen o inspiración es la
escritura manual. No se utilizan
en el periódico, salvo casos muy
excepcionales. Pertenecen a este
grupo la letra gótica, la inglesa, la
bastardilla, etc. Algunos diarios las
mantienen en su rótulo como Le
Monde o el Herald Tribune.
Caligráficas
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
8
Se caracterizan por la diferencia de grosor en su trazo
y por estar rematadas (serif). Dentro de las romanas se
suele distinguir entre; la romana antigua de pie triangular
y remates ondulados y escasa diferencia a lo largo del
grosor del trazo; la romana moderna de remates rectos
y finos y diferenta de grosor en el trazo y la romana de
transición o egipcia con elementos de las dos anteriores,
trazos finos y gruesos y remates inclinados.
Romanas
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
9
Serif - Serifa - Remate
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
10
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
11
Se caracterizan por el predominio de los trazos rectos
y uniformes, así como por sus pesados remates, la
mayoría de la veces cuadrados. Su trazo evoca el vigor, la
fuerza de los monumentos egipcios, de donde le viene el
nombre.
Egipcias
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
12
Popularmente conocidas como
de palo o palo seco y en menor
medida como peladas o san serif.
Se definen por la sencillez del trazo
recto y uniforme y la carencia de
remates. Fue creada en 1816, basada
en la egipcia. Sus variedades más
conocidas actualmente son la Futura,
la Helvética y la Univers.
Grotescas
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
13
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
14
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
15
Las Ornamentales o de fantasía constituyen un
“cajón de sastre” donde se encuadran todos aquellas
tipos difíciles de situar en alguno de los apartados
anteriores. Apenas se utilizan en la composición
de textos periodísticos, siendo más propias de
los anuncios y de los carteles. Dentro de ellas se
encuentran las orladas, letra inicial cuyo motivo es un
adorno que puede ser una figura (de figura), una figura
humana (antropomorfa), flores (floreada) paisajes o
escenas campestres, etc.
Ornamentales
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
16
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
17
Los tipos de letras se pueden
clasificar en cinco grandes
estilos:
1.	Caligráficas: Proceden de la
escritura manual. No se utilizan
en los periódicos.
2.	Romanas: Proceden de las
inscripciones romanas. Llevan
remates y diferencias de
grosor.
3.	Egipcias: Astas rectas y trazos
uniformes. Pesados remates.
4.	Grotescas: De palo o palo
seco. Letras rectas que
carecen de remates.
5.	Ornamentales: No se utilizan
en los periódicos, salvo
en alguna cabecera. Si en
anuncios y carteles.
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
18
•	 El principio ortográfico:
VERSALES (Mayúsculas
o de caja alta),
VERSALITAS, minúsculas
(de caja baja).
•	 La tendencia del rasgo:
redonda, cursiva
•	 La fuerza o grosor del
trazo: fina, seminegra,
negra.
•	 La anchura de las
letras: normal, estrecha,
ancha
La familia tipográfica
varía según:
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
19
Características del tipo o letra
La letra, cualquiera que sea su
diseño, está formada por una serie
de rasgos, que en tipografía tienen
nombres específicos.
El asta es la línea exterior que
delimita el armazón o trazo principal
del tipo. Puede ser uniforme o
modulada, recta, oblicua, etc.
El remate o serif es cada uno de
los trazos con los que se rematan
o limitan los extremos, superior e
inferior, de las astas en algunos
tipos de letras.
El trazo ascendente es la parte de
la letra de caja baja (minúscula) que
se eleva sobre el cuerpo.
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
20
PÁRRAFOS
estilos en los
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
21
Espacio que hay entre
dos líneas escritas de la
composición.
Interlineado
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
22
Distancia entre las
distintas palabras
que forman la línea
S e c o n s i d e r a q u e
e s p a c i a d o c o r r e c t o es aquel
que es un tercio del cuerpo empleado
en la escritura. Así, si utilizamos un
cuerpo 9 el espaciado debe ser de 3
puntos
Espaciado
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
23
Consiste en dejar un
espacio en blanco
al principio de la
línea. El sangrado
puede ser de uno o
dos cuadratines.
Sangrado
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
24
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
25
Espacio que se deja en blanco al
comienzo de la primera línea de un
párrafo. Equivale al cuadro teórico
que forma un determinado tipo de
letra. Un cuadratín del 10 equivale a
un cuadro que tiene 10 de alto por 10
puntos de ancho. Hay también medio
cuadratín y medio.
Cuadratín
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
26
COMPOSICIÓN
tipos de
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
27
Se caracteriza porque todas
las líneas tienen la misma
longitud, salvo la última que
puede o no llegar al final.
Composición
en bloque o
justificada
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
28
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
29
Llamada también de jarrón o copa
de Médicis, se caracteriza porque
las palabras que forma cada línea
se ordenan equidistantes del
centro del dicha línea.
Composición en
epigrafe o centrada
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
30
Se basa en que las palabras
se alinean por la izquierda
(bandera de salida) o por la
derecha (bandera de entrada).
En este caso, cada línea tiene
la longitud que ocupan las
palabras que la forman, sin
cortar ninguna, ni modificar el
espaciado.
Composición
en bandera
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
31
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
32
Consiste en seguir el contorno
de una fotografía no enmarcada
o un dibujo, por que las líneas
se adaptan a los espacios que
deja la figura.
Composición
en curva o
siluteado
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
33
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
34
Consiste en ir aumentado
o disminuyendo de modo
constante la longitud de
las líneas.
La composición
en línea creciente o
decreciente consiste en ir
aumentado o disminuyendo de
La composición en línea creciente
o decreciente consiste en ir
aumentado o disminuyendo
de modo constante la
longitud de las
líneas.
Composición en
línea creaciente
o decreciente
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
35
Es aquella que está
formada por líneas
desiguales, sangradas
de entrada con sangría
creciente. Se utiliza en
algunas revistas.
Composición
en escalera
americana
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
36
PÁRRAFO
tipos de
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
37
Contribuyen a mejorar la legibilidad
y comprensión de la noticia. Existen
distintas maneras de comenzar un
párrafo.
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
38
Es aquel que tiene un
espacio en blanco al
comienzo, denominado
sangría.
La sangría suele ser de un
cuadratín y lo normal es que
afecte sólo a la primera línea.
El primer párrafo de un bloque
nunca lleva sangrado.
Párrafo
sangrado u
ordinario
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
39
Consiste en sangrar todo el
párrafo menos la primera línea.
Se suele utilizar para destacar los
apartados de una enumeración.
Párrafo fránces
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
40
No sangra ninguna
línea. La diferencia
entre los párrafos se
hace aumentando el
interlineado. Se usa
en revistas, pero no se
suele emplear en los
periódicos.
Párrafo
alemán o
moderno
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
41
Es aquel cuya primera letra
tiene un tamaño superior al
resto.
La letra capitular puede ir
sin sobresalir del párrafo o
sobresaliendo y ser de la
misma familia que el resto
o diferente. En este último
caso, suele tratarse de
las denominas capitulares
orladas.
Párrafo con
letra capitular
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
42
Comienza con las
primeras palabras en
versalitas, en negrita o
en un cuerpo superior. En
cualquier caso pueden
constituir una oración o ser
las primeras palabras de
ella.
Párrafo
engatillado
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
43
TIPOS
legibilidad de los
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
44
Son muchos los factores de los que
depende la legibilidad de un texto
y, por ello, es muy difícil fijar unas
normas, pero si existen unos criterios
que se tienen en cuenta al la hora
de confeccionar las páginas de los
diarios:
1. El tipo de letra más apropiado es
la minúscula, redonda y con serif.
2. Un texto escrito en letra
MAYÚSCULA requiere un 30% más
de espacio y un 13% más de tiempo
para leerse, que si estuviera en
minúsculas.
3. La letra cursiva (itálica) es más
difícil de leer que la redonda, no
obstante, algunos diarios como El País
y El Mundo utilizan la cursiva en los
titulares de los comentarios, análisis
de noticias, editoriales y artículos de
opinión. Otros la utilizan en la sección
de deportes como El Adelanto de
Salamanca.
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
45
4. La letra blanca sobre fondo oscuro
(trama) retarda la velocidad lectora, al
menos un 15%. Las tramas apenas se
utilizan ya que suelen ser rechazadas
por el lector y distraen la atención.
No obstante, en textos breves y
sobre todo cuando son el color, dan
vivacidad y colorido a la página. Las
tramas más tolerables visualmente son
aquellas cuya intensidad no supera el
20% de la intensidad del color.
5. Los tipos con remates en
sus astas se leen mejor que los
grotescos. En un minuto se leen, por
termino medio, de 7 a 10 palabras
mas si estan escritas con caracteres
romanos que en palo seco.
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
46
6. La fuerza de un titulo depende del
lugar que ocupe en la página. Un en
primera página, en la parte superior,
a tres o mas columnas requiere un
cuerpo de no menos de 36 puntos.
Este mismo titular en mitad de pagina,
basta con un cuerpo de 30, y si va
a pie de pagina basta con 24. Los
titulares en las paginas interiores llevan
cuerpos menores.
7. La letra minúscula (caja baja) es la
mas habitual en los titulares, aunque
hace años la mas común era la versal.
8. Los titulares llenan la línea, sin
partir palabras. No suele ser usual
encontrar titulares en forma de pie de
lámpara invertida, ni en bandera.
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
47
9. El largo de la línea influye en la
legibilidad y en la claridad del texto.
El ojo humano no se mueve sobre la
línea a saltos regulares, con brevísimas
paradas durante las cuales percibe “
un trozo “ de la línea, llamada campo
del ojo. Normalmente tiene el ancho
de dos centímetros. Teniendo esto en
cuenta, para que una línea sea fácil de
leer no ha de exigirle al ojo ni mucho
ni pocos saltos. No existe medida
optima de la longitud de la línea ya que
esta depende del cuerpo de la letra
utilizado. El criterio mas aceptado es
la línea que tenga entre 30 (mínimo) y
70 (máximo) caracteres, incluidos los
espacios.
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
48
10. La justificación de la línea está
aceptada entre los periódicos que
se consideran serios, aunque no sea
compartido por todos los experto.
Se acepta. Sin embargo, que no se
justifiquen las entradillas o los textos
compuestos en medida falsas.
11. El interlineado y el espaciado
son de máxima importancia para la
legibilidad. El grueso del interlineado
depende de las características de
la letra. Tanto si es escaso como
excesivo produce un efecto negativo,
ya que en el primer caso produce un
abigarramiento de las letras y en el
segundo caso una sensación de vacío.
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
49
TIPOGRÁFICOS
otros elementos
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
50
Consiste en un lámina de cobre, de la misma altura
que los tipos, imprime una o más rayas. Se utiliza
para separar columnas (corondel), partes de una
cabecera o para recuadrar.
Según el tipo y grosor, el filete recibe distintos
nombres: fino (imprime una raya de medio a un
punto de grosor; es el mas empleado de todos y
el usado par los corondeles), seminegro (punto y
medio), negro (dos puntos de grosor), medio luto
(línea de 3 puntos) y luto (6 a 12 puntos).
fino
seminegro
menio luto
luto
negro
Filete
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
51
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
52
Otros tipos de filetes especiales son: la caña,
imprime dos líneas finas paralelas; la media caña,
imprime una línea gruesa y otra fina; el punteado
o puntillado, imprime una línea de punto; el
tremente o temble imprime una raya en zig-zag;
la serpentina imprime en forma de serpentina;
la fantasía imprime dos líneas seminegras y una
raya en el centro.
El recuadro es un marco que se realiza con
filetes, orlas o luto para enmarcar una información
creando un conjunto integrado por el texto, los
titulares y las fotografías, dando así una visión de
conjunto. A veces, los recuadros se hacen dentro
un mismo bloque de información para diferenciar
algún aspecto concreto de la información. Estas
acotaciones reciben el nombre de despieces o
recuadros de apoyo.
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
53
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
54
Referencias:
López Cubino, Rafael y López Sobrino (2002). La Prensa en el Aula.
Práctica y Pedagogía. España. CISSPRAXIS, S.A.
Frutiger, Adrian (2007). El libro de la Tipografía. Editorial Gustavo Gili, SL,
Barcelona.
Cass, Jacob. Free 27 page Type Classification [en línea]. Disponible en:
http://justcreative.com/featured-articles/type-classification-ebook/ [fecha de
consulta: 5 septiembre 2012]
Vignelli, Massimo,.THE VIGNELLI CANON [en línea]. Disponible en:
http://www.vignelli.com/canon.pdf [fecha de consulta: 5 septiembre 2012]
TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx
55
Instructor:
Fidel Romero
Twitter: @fidelromero_mx
fidelromeromx@gmail.com
fidelromero@movendesign.com
www.movendesign.com
Febrero de 2015

Contenu connexe

Tendances

tipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficotipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficojorge caicedo solano
 
Sesion ornamentos tipograficos
Sesion ornamentos tipograficosSesion ornamentos tipograficos
Sesion ornamentos tipograficoseme2525
 
Fundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius Wong Fundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius Wong Ariadna Ortiz
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorialPatricio
 
Diseño editorial: Retículas
Diseño editorial: RetículasDiseño editorial: Retículas
Diseño editorial: RetículasFidel Romero
 
Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1eme2525
 
Manual de tipografia
Manual de tipografiaManual de tipografia
Manual de tipografiaJezuz
 
Diagramacion De Periodicos
Diagramacion De PeriodicosDiagramacion De Periodicos
Diagramacion De Periodicostls02cv
 
Diseño editorial presentación
Diseño editorial   presentaciónDiseño editorial   presentación
Diseño editorial presentaciónOscar Velez
 
Sesioìn 17 color en la impresioìn
Sesioìn 17 color en la impresioìnSesioìn 17 color en la impresioìn
Sesioìn 17 color en la impresioìnaalcalar
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composiciónCARLA ESPINOZA
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - RetículasFidel Romero
 
Fundamentos del diseño.1.
Fundamentos del diseño.1.Fundamentos del diseño.1.
Fundamentos del diseño.1.carmensenande
 

Tendances (20)

Tipografia
TipografiaTipografia
Tipografia
 
tipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráficotipografía conceptos básicos de tipografía en diseño gráfico
tipografía conceptos básicos de tipografía en diseño gráfico
 
Sesion ornamentos tipograficos
Sesion ornamentos tipograficosSesion ornamentos tipograficos
Sesion ornamentos tipograficos
 
Fundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius Wong Fundamentos del Diseño - Wucius Wong
Fundamentos del Diseño - Wucius Wong
 
Diseño Periodístico
Diseño PeriodísticoDiseño Periodístico
Diseño Periodístico
 
Diseño editorial
Diseño editorialDiseño editorial
Diseño editorial
 
Las reticulas
Las reticulasLas reticulas
Las reticulas
 
Diseño editorial: Retículas
Diseño editorial: RetículasDiseño editorial: Retículas
Diseño editorial: Retículas
 
Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1Fundamentos de diagramación Sesión 1
Fundamentos de diagramación Sesión 1
 
Diagramacion de revista
Diagramacion de revistaDiagramacion de revista
Diagramacion de revista
 
"Maquetación"
"Maquetación" "Maquetación"
"Maquetación"
 
Manual de tipografia
Manual de tipografiaManual de tipografia
Manual de tipografia
 
Diagramacion De Periodicos
Diagramacion De PeriodicosDiagramacion De Periodicos
Diagramacion De Periodicos
 
Tipografias
TipografiasTipografias
Tipografias
 
Diseño editorial presentación
Diseño editorial   presentaciónDiseño editorial   presentación
Diseño editorial presentación
 
Sesioìn 17 color en la impresioìn
Sesioìn 17 color en la impresioìnSesioìn 17 color en la impresioìn
Sesioìn 17 color en la impresioìn
 
Reticula
ReticulaReticula
Reticula
 
Diagramación y composición
Diagramación y composiciónDiagramación y composición
Diagramación y composición
 
Unidad 4 - Retículas
Unidad 4 - RetículasUnidad 4 - Retículas
Unidad 4 - Retículas
 
Fundamentos del diseño.1.
Fundamentos del diseño.1.Fundamentos del diseño.1.
Fundamentos del diseño.1.
 

Similaire à Diseño editorial: Tipografia

AA5_GIOVANNY_BRAVO_ROBAYO_CATALOGO_TIPOGRAFICO_NEW
AA5_GIOVANNY_BRAVO_ROBAYO_CATALOGO_TIPOGRAFICO_NEWAA5_GIOVANNY_BRAVO_ROBAYO_CATALOGO_TIPOGRAFICO_NEW
AA5_GIOVANNY_BRAVO_ROBAYO_CATALOGO_TIPOGRAFICO_NEWGEBRAVO
 
Tipografia · Resum llibre
Tipografia · Resum llibreTipografia · Resum llibre
Tipografia · Resum llibrePaquita Ribas
 
Andrea carolina vargas y miguelangelvargas cardona
Andrea carolina vargas y miguelangelvargas cardonaAndrea carolina vargas y miguelangelvargas cardona
Andrea carolina vargas y miguelangelvargas cardonamiguel956832
 
Tipografia generalidades sd
Tipografia generalidades sdTipografia generalidades sd
Tipografia generalidades sdi0campo
 
Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos Jocelyn Oshi
 
C:\Documents And Settings\Alumnos\Escritorio\Tipografia
C:\Documents And Settings\Alumnos\Escritorio\TipografiaC:\Documents And Settings\Alumnos\Escritorio\Tipografia
C:\Documents And Settings\Alumnos\Escritorio\Tipografiafredycalderon1
 
009 taller de publicidad ii-analisis tipografico
009 taller de publicidad ii-analisis tipografico009 taller de publicidad ii-analisis tipografico
009 taller de publicidad ii-analisis tipograficoUTP
 
3885921 manual-de-tipografia %282%29
3885921 manual-de-tipografia %282%293885921 manual-de-tipografia %282%29
3885921 manual-de-tipografia %282%29Débora Inocêncio
 
Rodriguez checo teerminado2
Rodriguez checo teerminado2Rodriguez checo teerminado2
Rodriguez checo teerminado2Sergio Esteban
 

Similaire à Diseño editorial: Tipografia (13)

AA5_GIOVANNY_BRAVO_ROBAYO_CATALOGO_TIPOGRAFICO_NEW
AA5_GIOVANNY_BRAVO_ROBAYO_CATALOGO_TIPOGRAFICO_NEWAA5_GIOVANNY_BRAVO_ROBAYO_CATALOGO_TIPOGRAFICO_NEW
AA5_GIOVANNY_BRAVO_ROBAYO_CATALOGO_TIPOGRAFICO_NEW
 
Tipografia · Resum llibre
Tipografia · Resum llibreTipografia · Resum llibre
Tipografia · Resum llibre
 
Manual tipografico
Manual tipograficoManual tipografico
Manual tipografico
 
Andrea carolina vargas y miguelangelvargas cardona
Andrea carolina vargas y miguelangelvargas cardonaAndrea carolina vargas y miguelangelvargas cardona
Andrea carolina vargas y miguelangelvargas cardona
 
Tipografia generalidades sd
Tipografia generalidades sdTipografia generalidades sd
Tipografia generalidades sd
 
Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos Tipografía conceptos y ejemplos
Tipografía conceptos y ejemplos
 
Yeye
YeyeYeye
Yeye
 
C:\Documents And Settings\Alumnos\Escritorio\Tipografia
C:\Documents And Settings\Alumnos\Escritorio\TipografiaC:\Documents And Settings\Alumnos\Escritorio\Tipografia
C:\Documents And Settings\Alumnos\Escritorio\Tipografia
 
009 taller de publicidad ii-analisis tipografico
009 taller de publicidad ii-analisis tipografico009 taller de publicidad ii-analisis tipografico
009 taller de publicidad ii-analisis tipografico
 
3885921 manual-de-tipografia %282%29
3885921 manual-de-tipografia %282%293885921 manual-de-tipografia %282%29
3885921 manual-de-tipografia %282%29
 
Rodriguez checo teerminado2
Rodriguez checo teerminado2Rodriguez checo teerminado2
Rodriguez checo teerminado2
 
ATypI
ATypIATypI
ATypI
 
British Standard System
British Standard SystemBritish Standard System
British Standard System
 

Plus de Fidel Romero

Guía SEO para social media managers
Guía SEO para social media managersGuía SEO para social media managers
Guía SEO para social media managersFidel Romero
 
Construyendo ciudadanía desde el activismo digital
Construyendo ciudadanía desde el activismo digitalConstruyendo ciudadanía desde el activismo digital
Construyendo ciudadanía desde el activismo digitalFidel Romero
 
Guía de las mejores prácticas: Marketing en Facebook
Guía de las mejores prácticas: Marketing en FacebookGuía de las mejores prácticas: Marketing en Facebook
Guía de las mejores prácticas: Marketing en FacebookFidel Romero
 
Diseño editorial: Sistemas de impresión
Diseño editorial: Sistemas de impresiónDiseño editorial: Sistemas de impresión
Diseño editorial: Sistemas de impresiónFidel Romero
 
Diseño editorial: Programas de autoedición
Diseño editorial: Programas de autoediciónDiseño editorial: Programas de autoedición
Diseño editorial: Programas de autoediciónFidel Romero
 
Diseño editorial: Impresión
Diseño editorial: ImpresiónDiseño editorial: Impresión
Diseño editorial: ImpresiónFidel Romero
 
Diseño editorial: Formato de archivo para imágenes
Diseño editorial: Formato de archivo para imágenesDiseño editorial: Formato de archivo para imágenes
Diseño editorial: Formato de archivo para imágenesFidel Romero
 
Diseño editorial: Color
Diseño editorial: ColorDiseño editorial: Color
Diseño editorial: ColorFidel Romero
 
Actividades y recursos en Moodle: características y usos
Actividades y recursos en Moodle: características y usosActividades y recursos en Moodle: características y usos
Actividades y recursos en Moodle: características y usosFidel Romero
 
Piktochart e Infogram: Herramientas gratuitas para crear infografías
Piktochart e Infogram: Herramientas gratuitas para crear infografíasPiktochart e Infogram: Herramientas gratuitas para crear infografías
Piktochart e Infogram: Herramientas gratuitas para crear infografíasFidel Romero
 
Wordpress: Diferencias entre Entradas y Páginas
Wordpress: Diferencias entre Entradas y PáginasWordpress: Diferencias entre Entradas y Páginas
Wordpress: Diferencias entre Entradas y PáginasFidel Romero
 
Genially y Thinglink: Herramientas para crear una red de información dentro ...
Genially y Thinglink: Herramientas para crear una red de información dentro ...Genially y Thinglink: Herramientas para crear una red de información dentro ...
Genially y Thinglink: Herramientas para crear una red de información dentro ...Fidel Romero
 
Piktochart e Infogram: Herramientas gratuitas para crer infografias
Piktochart e Infogram: Herramientas gratuitas para crer infografiasPiktochart e Infogram: Herramientas gratuitas para crer infografias
Piktochart e Infogram: Herramientas gratuitas para crer infografiasFidel Romero
 
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)Fidel Romero
 
Aplicaciones para la edición de video desde el móvil [Octubre 2017]
Aplicaciones para la edición de video desde el móvil [Octubre 2017]Aplicaciones para la edición de video desde el móvil [Octubre 2017]
Aplicaciones para la edición de video desde el móvil [Octubre 2017]Fidel Romero
 
Herramientas digitales para la curaduría de contenidos
Herramientas digitales para la curaduría de contenidosHerramientas digitales para la curaduría de contenidos
Herramientas digitales para la curaduría de contenidosFidel Romero
 
Cómo crear una infografía
Cómo crear una infografíaCómo crear una infografía
Cómo crear una infografíaFidel Romero
 
Infogram, herramienta para ilustrar el periodismo de datos
Infogram, herramienta para ilustrar el periodismo de datosInfogram, herramienta para ilustrar el periodismo de datos
Infogram, herramienta para ilustrar el periodismo de datosFidel Romero
 
Apps para la edición de fotos desde el móvil [Marzo 2017]
Apps para la edición de fotos desde el móvil [Marzo 2017]Apps para la edición de fotos desde el móvil [Marzo 2017]
Apps para la edición de fotos desde el móvil [Marzo 2017]Fidel Romero
 
Thinglink, una red de información dentro de una imagen
Thinglink, una red de información dentro de una imagenThinglink, una red de información dentro de una imagen
Thinglink, una red de información dentro de una imagenFidel Romero
 

Plus de Fidel Romero (20)

Guía SEO para social media managers
Guía SEO para social media managersGuía SEO para social media managers
Guía SEO para social media managers
 
Construyendo ciudadanía desde el activismo digital
Construyendo ciudadanía desde el activismo digitalConstruyendo ciudadanía desde el activismo digital
Construyendo ciudadanía desde el activismo digital
 
Guía de las mejores prácticas: Marketing en Facebook
Guía de las mejores prácticas: Marketing en FacebookGuía de las mejores prácticas: Marketing en Facebook
Guía de las mejores prácticas: Marketing en Facebook
 
Diseño editorial: Sistemas de impresión
Diseño editorial: Sistemas de impresiónDiseño editorial: Sistemas de impresión
Diseño editorial: Sistemas de impresión
 
Diseño editorial: Programas de autoedición
Diseño editorial: Programas de autoediciónDiseño editorial: Programas de autoedición
Diseño editorial: Programas de autoedición
 
Diseño editorial: Impresión
Diseño editorial: ImpresiónDiseño editorial: Impresión
Diseño editorial: Impresión
 
Diseño editorial: Formato de archivo para imágenes
Diseño editorial: Formato de archivo para imágenesDiseño editorial: Formato de archivo para imágenes
Diseño editorial: Formato de archivo para imágenes
 
Diseño editorial: Color
Diseño editorial: ColorDiseño editorial: Color
Diseño editorial: Color
 
Actividades y recursos en Moodle: características y usos
Actividades y recursos en Moodle: características y usosActividades y recursos en Moodle: características y usos
Actividades y recursos en Moodle: características y usos
 
Piktochart e Infogram: Herramientas gratuitas para crear infografías
Piktochart e Infogram: Herramientas gratuitas para crear infografíasPiktochart e Infogram: Herramientas gratuitas para crear infografías
Piktochart e Infogram: Herramientas gratuitas para crear infografías
 
Wordpress: Diferencias entre Entradas y Páginas
Wordpress: Diferencias entre Entradas y PáginasWordpress: Diferencias entre Entradas y Páginas
Wordpress: Diferencias entre Entradas y Páginas
 
Genially y Thinglink: Herramientas para crear una red de información dentro ...
Genially y Thinglink: Herramientas para crear una red de información dentro ...Genially y Thinglink: Herramientas para crear una red de información dentro ...
Genially y Thinglink: Herramientas para crear una red de información dentro ...
 
Piktochart e Infogram: Herramientas gratuitas para crer infografias
Piktochart e Infogram: Herramientas gratuitas para crer infografiasPiktochart e Infogram: Herramientas gratuitas para crer infografias
Piktochart e Infogram: Herramientas gratuitas para crer infografias
 
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)
Cómo crear un sitio web con fines periodísticos en Wordpress.com (2018)
 
Aplicaciones para la edición de video desde el móvil [Octubre 2017]
Aplicaciones para la edición de video desde el móvil [Octubre 2017]Aplicaciones para la edición de video desde el móvil [Octubre 2017]
Aplicaciones para la edición de video desde el móvil [Octubre 2017]
 
Herramientas digitales para la curaduría de contenidos
Herramientas digitales para la curaduría de contenidosHerramientas digitales para la curaduría de contenidos
Herramientas digitales para la curaduría de contenidos
 
Cómo crear una infografía
Cómo crear una infografíaCómo crear una infografía
Cómo crear una infografía
 
Infogram, herramienta para ilustrar el periodismo de datos
Infogram, herramienta para ilustrar el periodismo de datosInfogram, herramienta para ilustrar el periodismo de datos
Infogram, herramienta para ilustrar el periodismo de datos
 
Apps para la edición de fotos desde el móvil [Marzo 2017]
Apps para la edición de fotos desde el móvil [Marzo 2017]Apps para la edición de fotos desde el móvil [Marzo 2017]
Apps para la edición de fotos desde el móvil [Marzo 2017]
 
Thinglink, una red de información dentro de una imagen
Thinglink, una red de información dentro de una imagenThinglink, una red de información dentro de una imagen
Thinglink, una red de información dentro de una imagen
 

Dernier

ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEhayax3
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGersonManuelRodrigue1
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosCristianGmez22034
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfcucciolosfabrica
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfBrbara57940
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALEvaMaraMorenoLago1
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanaMarsielMendoza1
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxcalc5597
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxNorberto Chacon
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30SantiagoAgudelo47
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialAndreaMlaga1
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio2021ArqROLDANBERNALD
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfLeonardoDantasRivas
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....estefaniaortizsalina
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docAhilynBasabe
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfslaimenbarakat
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYkarendaza9506
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfDanielaPrezMartnez3
 

Dernier (20)

ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILEARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
ARQUITECTURA ESCOLAR PÚBLICA COMO PATRIMONIO MODERNO EN CHILE
 
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDADGROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
GROPUIS Y WRIGHT DIPOSITIVA ARQUITECTURA DISEÑO MODERNIDAD
 
GRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivosGRUPO 1.pptx problemas oportunidades objetivos
GRUPO 1.pptx problemas oportunidades objetivos
 
guia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdfguia de talles de camitas cucciolos 2024.pdf
guia de talles de camitas cucciolos 2024.pdf
 
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdfINICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
INICIOS DEL MOVIMIENTO MODERNO 1900-1930.pdf
 
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNALPOESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
POESÍA ERÓTICA DEL SIGLO XVIII - SERIA Y CARNAL
 
Arte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusaArte textil: Tejidos artesanos en la frontera hispano-lusa
Arte textil: Tejidos artesanos en la frontera hispano-lusa
 
cabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadanacabildo abierto forma de participación ciudadana
cabildo abierto forma de participación ciudadana
 
1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño1.La locomoción de los seres vivos diseño
1.La locomoción de los seres vivos diseño
 
Introduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptxIntroduccion-a-los-numeros-en-ingles.pptx
Introduccion-a-los-numeros-en-ingles.pptx
 
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptxDISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
DISENO_FACTORIAL_2_2_EXPOSICION_pptx.pptx
 
Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30Portafolio Santiago Agudelo Duran 2024 -30
Portafolio Santiago Agudelo Duran 2024 -30
 
plantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especialplantilla-de-messi-1.pdf es muy especial
plantilla-de-messi-1.pdf es muy especial
 
Torre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificioTorre 222 sobre instalaciones de este mismo edificio
Torre 222 sobre instalaciones de este mismo edificio
 
Arquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdfArquitectos del Movimiento Moderno Pt. 2.pdf
Arquitectos del Movimiento Moderno Pt. 2.pdf
 
Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....Torre agbar analisis arquitectonico.....
Torre agbar analisis arquitectonico.....
 
Planificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.docPlanificación del mes de afrovenezolanidad2024.doc
Planificación del mes de afrovenezolanidad2024.doc
 
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdfSlaimen Barakat - SLIDESHARE TAREA 3.pdf
Slaimen Barakat - SLIDESHARE TAREA 3.pdf
 
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRYPLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
PLANTILLA UNAD JJAJJJJJWRBJHGURGERRTERTRTRY
 
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdfCLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
CLASE 2 PSICOTERAPIA COGNITIVO CONDUCTUAL.pdf
 

Diseño editorial: Tipografia

  • 2. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 2 De una manera simple, la tipografía puede definirse como el arte de la comunicación impresa. Concepto
  • 3. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 3 La importancia de la tipografía para la compresión de los textos se pone de manifiesto cuando se constata que entre el 80% y el 90% de la superficie de una página está cubierta por la letra impresa.
  • 5. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 5 La letra, principal elemento tipográfico En la actualidad, si observamos los titulares de diversos periódicos, nos encontramos que no hay uniformidad en el uso de las familias tipográficas. Incluso, un mismo periódico puede utilizar diferentes tipos según las secciones.
  • 6. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 6 Aunque no existe una clasificación de los tipos de letras universalmente aceptada, ya que depende de los autores y de los países, puede servir de referencia la que presenta Jesús Canga Larequi, que las encuadra en cinco grandes estilos: Los caracteres tipográficos
  • 7. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 7 Agrupan a los distintos tipos cuyo origen o inspiración es la escritura manual. No se utilizan en el periódico, salvo casos muy excepcionales. Pertenecen a este grupo la letra gótica, la inglesa, la bastardilla, etc. Algunos diarios las mantienen en su rótulo como Le Monde o el Herald Tribune. Caligráficas
  • 8. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 8 Se caracterizan por la diferencia de grosor en su trazo y por estar rematadas (serif). Dentro de las romanas se suele distinguir entre; la romana antigua de pie triangular y remates ondulados y escasa diferencia a lo largo del grosor del trazo; la romana moderna de remates rectos y finos y diferenta de grosor en el trazo y la romana de transición o egipcia con elementos de las dos anteriores, trazos finos y gruesos y remates inclinados. Romanas
  • 9. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 9 Serif - Serifa - Remate
  • 10. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 10
  • 11. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 11 Se caracterizan por el predominio de los trazos rectos y uniformes, así como por sus pesados remates, la mayoría de la veces cuadrados. Su trazo evoca el vigor, la fuerza de los monumentos egipcios, de donde le viene el nombre. Egipcias
  • 12. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 12 Popularmente conocidas como de palo o palo seco y en menor medida como peladas o san serif. Se definen por la sencillez del trazo recto y uniforme y la carencia de remates. Fue creada en 1816, basada en la egipcia. Sus variedades más conocidas actualmente son la Futura, la Helvética y la Univers. Grotescas
  • 13. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 13
  • 14. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 14
  • 15. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 15 Las Ornamentales o de fantasía constituyen un “cajón de sastre” donde se encuadran todos aquellas tipos difíciles de situar en alguno de los apartados anteriores. Apenas se utilizan en la composición de textos periodísticos, siendo más propias de los anuncios y de los carteles. Dentro de ellas se encuentran las orladas, letra inicial cuyo motivo es un adorno que puede ser una figura (de figura), una figura humana (antropomorfa), flores (floreada) paisajes o escenas campestres, etc. Ornamentales
  • 16. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 16
  • 17. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 17 Los tipos de letras se pueden clasificar en cinco grandes estilos: 1. Caligráficas: Proceden de la escritura manual. No se utilizan en los periódicos. 2. Romanas: Proceden de las inscripciones romanas. Llevan remates y diferencias de grosor. 3. Egipcias: Astas rectas y trazos uniformes. Pesados remates. 4. Grotescas: De palo o palo seco. Letras rectas que carecen de remates. 5. Ornamentales: No se utilizan en los periódicos, salvo en alguna cabecera. Si en anuncios y carteles.
  • 18. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 18 • El principio ortográfico: VERSALES (Mayúsculas o de caja alta), VERSALITAS, minúsculas (de caja baja). • La tendencia del rasgo: redonda, cursiva • La fuerza o grosor del trazo: fina, seminegra, negra. • La anchura de las letras: normal, estrecha, ancha La familia tipográfica varía según:
  • 19. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 19 Características del tipo o letra La letra, cualquiera que sea su diseño, está formada por una serie de rasgos, que en tipografía tienen nombres específicos. El asta es la línea exterior que delimita el armazón o trazo principal del tipo. Puede ser uniforme o modulada, recta, oblicua, etc. El remate o serif es cada uno de los trazos con los que se rematan o limitan los extremos, superior e inferior, de las astas en algunos tipos de letras. El trazo ascendente es la parte de la letra de caja baja (minúscula) que se eleva sobre el cuerpo.
  • 20. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 20 PÁRRAFOS estilos en los
  • 21. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 21 Espacio que hay entre dos líneas escritas de la composición. Interlineado
  • 22. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 22 Distancia entre las distintas palabras que forman la línea S e c o n s i d e r a q u e e s p a c i a d o c o r r e c t o es aquel que es un tercio del cuerpo empleado en la escritura. Así, si utilizamos un cuerpo 9 el espaciado debe ser de 3 puntos Espaciado
  • 23. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 23 Consiste en dejar un espacio en blanco al principio de la línea. El sangrado puede ser de uno o dos cuadratines. Sangrado
  • 24. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 24
  • 25. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 25 Espacio que se deja en blanco al comienzo de la primera línea de un párrafo. Equivale al cuadro teórico que forma un determinado tipo de letra. Un cuadratín del 10 equivale a un cuadro que tiene 10 de alto por 10 puntos de ancho. Hay también medio cuadratín y medio. Cuadratín
  • 26. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 26 COMPOSICIÓN tipos de
  • 27. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 27 Se caracteriza porque todas las líneas tienen la misma longitud, salvo la última que puede o no llegar al final. Composición en bloque o justificada
  • 28. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 28
  • 29. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 29 Llamada también de jarrón o copa de Médicis, se caracteriza porque las palabras que forma cada línea se ordenan equidistantes del centro del dicha línea. Composición en epigrafe o centrada
  • 30. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 30 Se basa en que las palabras se alinean por la izquierda (bandera de salida) o por la derecha (bandera de entrada). En este caso, cada línea tiene la longitud que ocupan las palabras que la forman, sin cortar ninguna, ni modificar el espaciado. Composición en bandera
  • 31. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 31
  • 32. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 32 Consiste en seguir el contorno de una fotografía no enmarcada o un dibujo, por que las líneas se adaptan a los espacios que deja la figura. Composición en curva o siluteado
  • 33. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 33
  • 34. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 34 Consiste en ir aumentado o disminuyendo de modo constante la longitud de las líneas. La composición en línea creciente o decreciente consiste en ir aumentado o disminuyendo de La composición en línea creciente o decreciente consiste en ir aumentado o disminuyendo de modo constante la longitud de las líneas. Composición en línea creaciente o decreciente
  • 35. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 35 Es aquella que está formada por líneas desiguales, sangradas de entrada con sangría creciente. Se utiliza en algunas revistas. Composición en escalera americana
  • 36. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 36 PÁRRAFO tipos de
  • 37. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 37 Contribuyen a mejorar la legibilidad y comprensión de la noticia. Existen distintas maneras de comenzar un párrafo.
  • 38. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 38 Es aquel que tiene un espacio en blanco al comienzo, denominado sangría. La sangría suele ser de un cuadratín y lo normal es que afecte sólo a la primera línea. El primer párrafo de un bloque nunca lleva sangrado. Párrafo sangrado u ordinario
  • 39. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 39 Consiste en sangrar todo el párrafo menos la primera línea. Se suele utilizar para destacar los apartados de una enumeración. Párrafo fránces
  • 40. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 40 No sangra ninguna línea. La diferencia entre los párrafos se hace aumentando el interlineado. Se usa en revistas, pero no se suele emplear en los periódicos. Párrafo alemán o moderno
  • 41. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 41 Es aquel cuya primera letra tiene un tamaño superior al resto. La letra capitular puede ir sin sobresalir del párrafo o sobresaliendo y ser de la misma familia que el resto o diferente. En este último caso, suele tratarse de las denominas capitulares orladas. Párrafo con letra capitular
  • 42. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 42 Comienza con las primeras palabras en versalitas, en negrita o en un cuerpo superior. En cualquier caso pueden constituir una oración o ser las primeras palabras de ella. Párrafo engatillado
  • 43. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 43 TIPOS legibilidad de los
  • 44. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 44 Son muchos los factores de los que depende la legibilidad de un texto y, por ello, es muy difícil fijar unas normas, pero si existen unos criterios que se tienen en cuenta al la hora de confeccionar las páginas de los diarios: 1. El tipo de letra más apropiado es la minúscula, redonda y con serif. 2. Un texto escrito en letra MAYÚSCULA requiere un 30% más de espacio y un 13% más de tiempo para leerse, que si estuviera en minúsculas. 3. La letra cursiva (itálica) es más difícil de leer que la redonda, no obstante, algunos diarios como El País y El Mundo utilizan la cursiva en los titulares de los comentarios, análisis de noticias, editoriales y artículos de opinión. Otros la utilizan en la sección de deportes como El Adelanto de Salamanca.
  • 45. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 45 4. La letra blanca sobre fondo oscuro (trama) retarda la velocidad lectora, al menos un 15%. Las tramas apenas se utilizan ya que suelen ser rechazadas por el lector y distraen la atención. No obstante, en textos breves y sobre todo cuando son el color, dan vivacidad y colorido a la página. Las tramas más tolerables visualmente son aquellas cuya intensidad no supera el 20% de la intensidad del color. 5. Los tipos con remates en sus astas se leen mejor que los grotescos. En un minuto se leen, por termino medio, de 7 a 10 palabras mas si estan escritas con caracteres romanos que en palo seco.
  • 46. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 46 6. La fuerza de un titulo depende del lugar que ocupe en la página. Un en primera página, en la parte superior, a tres o mas columnas requiere un cuerpo de no menos de 36 puntos. Este mismo titular en mitad de pagina, basta con un cuerpo de 30, y si va a pie de pagina basta con 24. Los titulares en las paginas interiores llevan cuerpos menores. 7. La letra minúscula (caja baja) es la mas habitual en los titulares, aunque hace años la mas común era la versal. 8. Los titulares llenan la línea, sin partir palabras. No suele ser usual encontrar titulares en forma de pie de lámpara invertida, ni en bandera.
  • 47. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 47 9. El largo de la línea influye en la legibilidad y en la claridad del texto. El ojo humano no se mueve sobre la línea a saltos regulares, con brevísimas paradas durante las cuales percibe “ un trozo “ de la línea, llamada campo del ojo. Normalmente tiene el ancho de dos centímetros. Teniendo esto en cuenta, para que una línea sea fácil de leer no ha de exigirle al ojo ni mucho ni pocos saltos. No existe medida optima de la longitud de la línea ya que esta depende del cuerpo de la letra utilizado. El criterio mas aceptado es la línea que tenga entre 30 (mínimo) y 70 (máximo) caracteres, incluidos los espacios.
  • 48. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 48 10. La justificación de la línea está aceptada entre los periódicos que se consideran serios, aunque no sea compartido por todos los experto. Se acepta. Sin embargo, que no se justifiquen las entradillas o los textos compuestos en medida falsas. 11. El interlineado y el espaciado son de máxima importancia para la legibilidad. El grueso del interlineado depende de las características de la letra. Tanto si es escaso como excesivo produce un efecto negativo, ya que en el primer caso produce un abigarramiento de las letras y en el segundo caso una sensación de vacío.
  • 49. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 49 TIPOGRÁFICOS otros elementos
  • 50. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 50 Consiste en un lámina de cobre, de la misma altura que los tipos, imprime una o más rayas. Se utiliza para separar columnas (corondel), partes de una cabecera o para recuadrar. Según el tipo y grosor, el filete recibe distintos nombres: fino (imprime una raya de medio a un punto de grosor; es el mas empleado de todos y el usado par los corondeles), seminegro (punto y medio), negro (dos puntos de grosor), medio luto (línea de 3 puntos) y luto (6 a 12 puntos). fino seminegro menio luto luto negro Filete
  • 51. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 51
  • 52. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 52 Otros tipos de filetes especiales son: la caña, imprime dos líneas finas paralelas; la media caña, imprime una línea gruesa y otra fina; el punteado o puntillado, imprime una línea de punto; el tremente o temble imprime una raya en zig-zag; la serpentina imprime en forma de serpentina; la fantasía imprime dos líneas seminegras y una raya en el centro. El recuadro es un marco que se realiza con filetes, orlas o luto para enmarcar una información creando un conjunto integrado por el texto, los titulares y las fotografías, dando así una visión de conjunto. A veces, los recuadros se hacen dentro un mismo bloque de información para diferenciar algún aspecto concreto de la información. Estas acotaciones reciben el nombre de despieces o recuadros de apoyo.
  • 53. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 53
  • 54. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 54 Referencias: López Cubino, Rafael y López Sobrino (2002). La Prensa en el Aula. Práctica y Pedagogía. España. CISSPRAXIS, S.A. Frutiger, Adrian (2007). El libro de la Tipografía. Editorial Gustavo Gili, SL, Barcelona. Cass, Jacob. Free 27 page Type Classification [en línea]. Disponible en: http://justcreative.com/featured-articles/type-classification-ebook/ [fecha de consulta: 5 septiembre 2012] Vignelli, Massimo,.THE VIGNELLI CANON [en línea]. Disponible en: http://www.vignelli.com/canon.pdf [fecha de consulta: 5 septiembre 2012]
  • 55. TIPOGRAFÍAINSTRUCTOR: FIDEL ROMERO / @fidelromero_mx 55 Instructor: Fidel Romero Twitter: @fidelromero_mx fidelromeromx@gmail.com fidelromero@movendesign.com www.movendesign.com Febrero de 2015