Sánchez González, M. (2014). Edición Digital. OCW-Universidad de Málaga. http: ocw.uma.es.

Bajo licencia Creative Commons Attribution-NonComercial-ShareAlike 3.0 Spain

Tema 5 (I). Reconocimiento de los 
elementos tipográficos y aplicación del 
elementos tipográficos y aplicación del
color (Materiales de estudio)

Imagen de Studio Cl Art. Fuente http://www.photl.com/

Prof. Dra. María Sánchez Edición digital

g (#ed1213)
( )
m.sanchezgonzalez@uma.es Licenciatura de Periodismo, Universidad de Málaga.
@cibermarikiya Curso 2012-13
 Servicios online para inspirarte sobre casos reales o 
creaciones de otros usuarios
Periódicos
http://mynews.es/
(accesible desde biblioteca digital de UMA)

Revistas
htt //i
http://issuu.com/
/
http://beta.zinio.com/www/

http://www.magzter.com/index.php

http://www.yudu.es/index_spanish
…

¿Conoces otras herramientas similares? Compártelas desde

#ed1213 o #utilparaperiodistas
 Elementos tipográficos
p g
en portada e interior

*Las
Las portadas y páginas de las publicaciones han sido extraídas de
MyNews, Zinio e Issuu, como ejemplos ilustrativos para el alumnado
 Componentes principales de una maqueta
- Cabecera
- Ventana
- Código de barras
- Tit l
Titulares y encabezados
b d
- Subtítulos
- Entradillas
- Cuerpop de texto
- Letras capitulares
- Ladillos
- Firmas
- Citas entresacados y destacados (cajas
Citas, (cajas, paneles
paneles, recuadros
recuadros…))
- Cabeceras de sección
- Etiquetas o cintillos
- Filetes y corondeles
- M di il
Medianiles
- Columnas falsas
- Iconos y logotipos
- g
Imágenes y siluetas
- Pies de autor
- Ilustraciones e infografías
- Créditos de ilustraciones
- Cabezones
- Módulos publicitarios
- …
Elementos tipográficos en portada
En diarios…
Elementos tipográficos en portada
En suplementos…
Elementos tipográficos en portada
Y en revistas
Elementos tipográficos en portada
Y en revistas
Elementos tipográficos en interiores
Elementos tipográficos en interiores
Formato y arquitectura 
de páginas

Imagen de Studio Cl Art. Fuente http://www.photl.com

 Formatos de diarios

Sábana-
43 2 x 56 cm aprox.
43,2

Berlinés
Berlinés-
31,5 x 47 cm aprox.

Tabloide-
28 x 40 cm
 Formatos de diarios
Rediseños y nuevos formatos

De sábana a tabloide…

De tabloide a sábana…

De tabloide a berlinés…
 Formatos de revistas
Magazine- 25x35 cm Revistas- 20x28 cm

Formato mini o pocket (A5, 17 X22 cm): las mismas

páginas y contenidos,
contenidos ahorro en papel (re
(revistas
istas
femeninas como Glamour)
 Formatos de revistas
Revistas en pdf

Nuevas herramientas para la publicación

online de revistas digitales

Revistas culturales en pdf:

http://www.pdf-mags.com/

Issuu.com
 Formatos en prensa
Adaptación de formatos para IPad…
http://vimeo.com/10207926
Retículas más habituales en revistas y suplementos
Frente a las 5-6 columnas de diarios, en revistas y suplementos
la retícula básica suele ser de 3 y 4 columnas (ó 6 para
construir páginas con texto a 1- 2 columnas)
Arquitectura interna de páginas
¿Cuántas columnas?
Arquitectura interna de páginas
 Arquitectura interna de páginas
El caso del rediseño por Javier Errea de La Tercera de
Chile y sus suplementos (agosto de 2010)

Fuente: http://cuatrotipos.wordpress.com/2010/08/24/la-nueva-la-tercera-de-chile-2-habla-javier-errea/
Arquitectura interna de páginas
Diario: paso de 5 a 6 columnas
 Arquitectura interna de páginas
Suplementos: retícula básica de 4 columnas
 Arquitectura interna de páginas
Suplementos: retícula básica de 4 columnas
 Arquitectura interna de páginas
Suplementos: retícula básica de 4 columnas
 Recursos adicionales

Documentos de Diego Areso (jefe de

diseño de diario Público) sobre:

– La retícula en revistas y suplementos:

htt //i
http://issuu.com/diegoareso/docs/uc3mreticula
/di /d / 3 ti l
cc

– La estructura de la página (también

relacionado con retícula):
htt //i
http://issuu.com/diegoareso/docs/wecom-
/di /d /
04_s_estructura
Uso de la tipografía y
del color
Fuente: http://visualmente.blogspot.com/2010/09/exclusivo-te-presentamos-la-periodic.html
Fuente: http://visualmente.blogspot.com/2010/09/exclusivo-te-presentamos-la-periodic.html
Fuente: http://visualmente.blogspot.com/2010/09/exclusivo-te-presentamos-la-periodic.html
 Repasando tipografías
¿Qué familias tipográficas utilizan estas páginas?
Repasando tipografías
Repasando tipografías
Repasando tipografías
Repasando tipografías
Repasando tipografías
Repasando tipografías
Repasando tipografías
Repasando tipografías

Uso del color
-¿RGB o CMYK?
-Blanco y negro/ duotono/
a todo color
-Combinación de colores
-¿Colores fijos?
 La
La 
aplicación 
aplicación
del color
Imagen de Studio Cl Art. Fuente http://www.photl.com/
 Sistemas de color=valores numéricos de un archivo

RGB CMYK
rojo verde Cyan Magenta

azul amarillo

Blanco Negro (=key)

LUZ (ADITIVO) TINTA (SUSTRACTIVO)
La ausencia de color es negro La ausencia de color es blanco
Sistemas basados en la percepción humana del color

HSB= describe tres rasgos

g fundamentales
del color:

-Tono ((color reflejado

j o transmitido a través
de un objeto=color)
-Saturación (fuerza o pureza del color)
-Brillo
o ((luminosidad
u os dad u oscuridad
oscu dad relativa
e at a de
del
color, entre 0%, negro, y 100%, blanco)

Lab producido por la Commisssion

Lab=
Internationale d’Eclairage (CIE).

Escala de grises= representación de

objetos mediante matices de negro..
Colores sustractivos: tintas planas vs cuatricromía
Cuatricromías (1795, Colorito del alemán Jacob C.Le Blon)
- Impresión mediante combinación de las cuatro tintas estándar de
cuatricromía (CMYK).
- Para trabajos que requieren tantos colores que, si se usaran tintas
planas resultaría caro o poco práctico (ej. fotografías a color).

Tintas planas (1963, Código Pantone)

- IImpresión
ió mediante
di t titintas
t
especiales previamente
mezcladas que se usan en
lugar o además,
lugar, además de las tintas
de cuatricromía y que se
requiere su propia plancha de
impresión en una imprenta.
imprenta
- Trabajos con pocos colores y
donde es muy importante la
precisión del color (ej
(ej. folletos
corporativos).
Pantone Matching System (PANTONE Inc.)
Sistema de definición cromática presentado
por la empresa PANTONE
(www.pantone.com/) en 1963.y usado por los
profesionales del diseño para ofrecer
fiabilidad y colores estables ppara el
consumidor.
A diferencia de los modelos CMYK y RGB
suele denominarse color directo o especial
especial.
Se basa en una paleta de colores elaborada
con tintas predeterminadas, la guía
PANTONE:
-Pequeñas tarjetas de cartón numeradas
(muestras que permiten recrear el color de
forma exacta)
exacta).
-Se distribuyen anualmente en distintos
papeles (estucado, sin estucar y mate) para
asegurar una visualización precisa del
resultado impreso.
Colores aditivos (web): colores hexadecimales

Sistema usado en diseño y

programación web (nº binarios)

Cada uno de los 216 colores

seguros para la web tiene su
equivalente hexadecimal

Generador de muestras online:

http://html-color-codes.info/codigos-
de colores hexadecimales/
de-colores-hexadecimales/

negro
g ((ausencia total de color):
)
TABLA 1 0x000000

TABLA 2 blanco (todos unidos):

0xFFFFFF.
 El cubo de color de 6x6x6

http://javascripts.astalaweb.com/Colores/1_Colores.asp
En resumen: formas de seleccionar color
La mayoría de programas de diseño, maquetación, edición
de imágenes, etc. incorporan la posibilidad de trabajar con
distintos sistemas de color…
Repasando el significado del color en revistas
Rosa, malva…
Repasando el significado del color en revistas
Verde…
Repasando el significado del color en revistas
Azul…
Repasando el significado del color en revistas
Rojo, naranja…
Repasando el significado del color en revistas
Gris, bn…
 Cómo usar y citar este material en caso 
de uso/reutilización

*Materiales procedentes de asignatura Edición Digital,

Licenciatura en Periodismo,
Periodismo Universidad de Málaga
Málaga, curso
2012-13, publicados en el OpenCourseWare de dicha
Universidad (Convocatoria 2013) bajo licencia Creative
Commons Attribution-NonComercial-ShareAlike 3.0 Spain

*En caso d
*E de uso/reutlización,
/ tli ió se ruega usar lla siguiente
i i t
fórmula de citación, agregando el nombre que aparece en la
portada de este documento
documento.

Sánchez González, M. (2014). “Nombre del tema/contenido”. En Edición Digital. OCW-

Universidad de Málaga
Málaga. http: ocw
ocw.uma.es.
uma es Bajo licencia Creative Commons Attribution-
Attribution
NonComercial-ShareAlike 3.0 Spain