Documente Academic
Documente Profesional
Documente Cultură
¿QUÉ ES DISEÑO?
André Ricard:
“Dibujo hecho sólo con líneas para reproducir algo con poco detalle”.
- “Es el arte de proyectar un producto para que cumpla su función
del modo más eficaz posible y dentro de una estética acorde con
su tiempo”.
- Las prestaciones utilitarias de un producto deben imperar sobre
la forma que éste finalmente adquiera.
1
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Conceptos fundamentales de Diseño
- “Descripción gráfica” de algo que va a realizarse materialmente.
To design - señalar
- apuntar algo antes de hacerlo
- señalar
Diseñar - diseñar
- dibujar
- designar
designar
En italiano: designare
En catalán: di-sseny
- “Dibujo o esquema” de la forma de algún objeto que va a crearse
con un fin concreto.
Mucho más que un trazo, esquema o dibujo. Todo un proyecto completo. El diseño es una práctica en la que se forjan y determinan ideas y
formas que han de materializarse posteriormente mediante
procedimientos manuales o mecánicos.
2
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Conceptos fundamentales de Diseño
¿Qué se diseña?
Enric Satué:
- Coches, aviones, electrodomésticos, muebles, viviendas… - “El diseño es un lenguaje de figuras o signos mínimamente
- Objetos deportivos, vestidos, peinados… convencionales al servicio de una necesidad informativa intencionada”.
- Carteles, logotipos, anuncios, libros…
Diseño
- Fontcuberta y Costa:
actos de
“Conjunto de actos de
reflexión y formalización
¿FORMA O FUNCIÓN?
reflexión formalización
material que intervienen en el material
proceso creativo de una obra
original, la cual es fruto de intervienen en el proceso de
una combinatoria particular creación de una obra original
–mental y técnica– de
planificación, ideación,
proyectación y desarrollo Resultado de una: En forma de modelo
creativo en forma de un o prototipo
modelo o prototipo destinado -Planificación
a su reproducción, producción -Ideación para su reproducción
y difusión por medios -Proyectación y difusión por medios
industriales. -Desarrollo industriales
creativo
3
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Conceptos fundamentales de Diseño
4
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Conceptos fundamentales de Diseño
FUNCIONALISMO
- La planificación y el proceso de diseño
deben nacer de la necesidad.
- No existe otra razón que justifique la
forma que no sea la función que
desempeña.
5
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Conceptos fundamentales de Diseño
Función y forma son la misma cosa
FUNCIONALISMO
ISMO? - Consumidor de clase baja - Productos eficaces - Poco costosos.
- La expresión formal sería el resultado
inmediato de los aspectos funcionales.
- Un objeto es bello en cuanto es funcional.
- La belleza o
estética de la forma
sería un derivado de
la función y un
producto de su
objetividad.
André Ricard: “El hombre ha estado diseñando objetos desde que existe
¿HISTORIA? como especie”. El diseño es una cualidad intrínseca del hombre. Es un
rasgo inherente y que lo diferencia de los animales.
6
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Conceptos fundamentales de Diseño
- Fácil improvisación.
- Estandarización: absoluta
Alfarero artesano. Diseño directo para el
conformidad con el objeto
- Difícil identidad de los consumidor.
Cadena de montaje de camiones.
estándar. Repetibilidad.
trabajos. Diversidad.
Diseño gráfico
ESPECIALIDADES
- Hace referencia al mundo de la imagen impresa y estampada, con sus
reglas particulares: la vista se desplaza para conseguir el mensaje.
En cuanto comunicación visual el
diseño lo podemos dividir en:
- Y al de la comunicación por medios gráficos: fotografía, cine y
televisión, donde la imagen misma es el mensaje.
Diseño Gráfico - ¿Sólo bi-dimensional?
Diseño de objetos y espacios
- Algunos autores definen el Diseño Gráfico como la combinación de
fragmentos planos de imágenes y/o textos… pero también existe un
Diseño Gráfico tridimensional, como es el caso de los envases o los
logotipos y rótulos en edificios.
7
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Conceptos fundamentales de Diseño
- Diseño fotográfico
8
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Conceptos fundamentales de Diseño
- Diseño de objetos individuales: usados a nivel individual pero de los - Diseño de objetos supraindividuales: sólo muy lejanamente tienen
que se sirven indistintamente unos u otros usuarios. Muebles, artículos relación con el individuo. Edificios públicos, entorno urbano, máquinas e
domésticos, instrumentos de trabajo... instalaciones...
Lámpara Cuc. La
aparición de nuevos
materiales estimula
la creatividad del
diseñador.
9
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Gráfico Conceptos fundamentales de Diseño Gráfico
- Bob Cotton:
- John Laing:
El buen diseño refuerza la comunicación de una idea porque:
“El Diseño Gráfico es la transformación de ideas y conceptos en una forma
de orden estructural y visual”. Atrae la mirada
“Es el arte de hacer libros, revistas, anuncios, envases o folletos”. Y la guía, cuidadosamente, para captar las ideas
contenidas en el diseño
- Alan Swann:
La finalidad del Diseño Gráfico es transmitir: ideas, mensajes, afirmaciones El Diseño Gráfico es fundamental en el problema de procesar y comunicar
visuales y, en ocasiones, estética pura. el enorme y creciente flujo de información de una economía global. Es un
vínculo cada vez más importante en el proceso que reúne al transmisor de
El éxito del diseño reside en una utilización de estructuras y formas que información con su receptor.
logren el equilibrio perfecto de todos los elementos implicados: textos,
ilustraciones, blancos y otros recursos tipográficos.
Establece una función mediadora.
1
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Gráfico Conceptos fundamentales de Diseño Gráfico
En resumen, podemos apuntar que el Diseño Gráfico:
- Alistair Campbell:
“La función fundamental del Diseño Gráfico ha de ser la de facilitar la Transmitir ideas y mensajes.
comunicación, al margen de la tecnología que se emplee”.
- Doble finalidad
Facilitar la comunicación.
2
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Gráfico Conceptos fundamentales de Diseño Gráfico
- Enric Satué:
3
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Gráfico Conceptos fundamentales de Diseño Gráfico
- El soporte:
Base sobre la que se disponen los elementos o signos visuales de
carácter gráfico. Papel o cualquier otro material capaz de contener
ELEMENTOS DEL DISEÑO GRÁFICO bidimensionalmente / tridimensionalmente los signos.
- Los signos:
- El mensaje:
Letras, colores, líneas, texturas, tonos o espacios vacíos. La vista se
La parte esencial. Todo debe organizarse en función suya. Es el
siente atraída por ellos y hacen que el mensaje llegue y penetre en
motivo y justificación del Diseño Gráfico.
el espectador.
4
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Gráfico Conceptos fundamentales de Diseño Gráfico
- La forma
La integración de estos elementos no se hace de forma casual,
Modo de estructurar, disponer, organizar todo el conjunto. Con
precipitada o imprevista.
arreglo a:
5
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Gráfico Conceptos fundamentales de Diseño Gráfico
Tipografía humanística
de contraste pobre
entre rasgos gruesos y Portada de un libro de la
finos, de peso y color colección de Alianza Editorial
intensos. diseñada por Daniel Gil.
- Vallas, carteles. Un grito en la pared. Símbolos, emblemas que se utilizan en lugar del nombre de la empresa.
Las marcas
Revistas y diarios son los soportes de un cúmulo comerciales y
considerable de diseño gráfico publicitarios en páginas logotipos
Suelen tener origen geométrico,
más o menos elaboradas que muestran su mensaje de destacan por su
simplicidad, lógica constructiva y
muy diferentes maneras. esquematismo y
ofrecen la imagen primera de una
ausencia de
empresa.
detalles que
Los gritos publicitarios en las paredes muestran mucho de
facilitan su
las técnicas del cartelismo de finales del siglo XIX y
percepción.
principios del siglo XX.
6
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Gráfico Conceptos fundamentales de Diseño Gráfico
Entran en juego
más recursos:
El movimiento y
el sonido de
manera
fundamental
Se plantea en
cine, televisión
e Internet.
7
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Periodístico Conceptos fundamentales de Diseño Periodístico
1
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Periodístico Conceptos fundamentales de Diseño Periodístico
¿Qué es ordenar?
Diagramación
Maquetación / Confección
Diagramar es...
- Mario García: “La confección se entiende como la suma de
conocimientos tipográficos y capacidad para hacer que una serie de
1 Definir los elementos fundamentales de presentación que elementos aparentemente desconectados entre sí, aparezcan
configuran la personalidad de una publicación: formato, unificados y sea de fácil lectura.”
márgenes, columnas, familias tipográficas, módulos, secciones,
material gráfico...
- Martín Aguado: “La confección es el cálculo concreto y
2 Dar forma estética al material redaccional. distribución, dentro del periódico, de todas y cada una de las
informaciones, con arreglo a un plan general de diagramación.”
2
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Periodístico Conceptos fundamentales de Diseño Periodístico
Paginación
Maquetación / Confección
- Numeración o foliación de las páginas de un medio impreso.
- Canga Larequi: “Un proceso de montaje o ajuste del material
- Folio: elemento textual de la página que puede llevar: número de
gráfico sobre la página de acuerdo a unos bocetos o instrucciones
página, fecha, cabecera de sección, cabecera de la publicación…
previamente realizados.”
Puede ser volado, a pie de página, partidos, laterales, etc.
Compaginación
- Real Academia: “Ajustar las páginas de un periódico.”
3
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Periodístico Conceptos fundamentales de Diseño Periodístico
Diseño Periodístico
Diseño Periodístico
- Interpretación de un mensaje informativo (no el publicitario,
- Canga Larequi: “La técnica que permite determinar la situación de no el propagandístico) bajo criterios funcionales (de utilidad)
un conjunto de elementos impresos (textos e ilustraciones) y no de legibilidad, proporción, periodicidad, estilo y economía del
impresos (blancos) sobre la superficie de un espacio gráfico (página) medio donde se desarrolle.
con el fin de estructurar, jerarquizar y facilitar la legibilidad de las
informaciones periodísticas”.
- Disposición ordenada de todos los elementos gráficos y - Proceso intelectual de determinar qué recursos gráficos y
tipográficos que integran la morfología de un medio impreso tipográficos se van a utilizar de forma continua en una
de acuerdo a determinadas premisas de orden creativo, publicación periodística, así como el establecimiento de las
normativo y técnico, con un fin determinado, comunicar el normas de utilización de los mismos que garantizarán su
mensaje del modo más eficaz posible. funcionalidad al servicio de una estrategia comunicativa.
4
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conceptos fundamentales de Diseño Periodístico Conceptos fundamentales de Diseño Periodístico
5
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
• Aparecen las primeras publicaciones periódicas (las Gacetas): • Nieuwe Tydinghen de Amberes en 1605 (contenía ilustraciones y
formato de libro, 4 páginas (formato in-quatro 24 x 30 cm. aprox.). caricaturas).
• Primera página similar a la portada de un libro (título fecha y • El primer diario es también de esta época: Leipziger Zeitung, 1650.
nombre del impresor).
• En España, Nipho edita el primer diario Diario Noticioso, curioso erudito
• La segunda página solía quedar en blanco y en la tercera y comercial, público y económico.
comenzaba el texto.
Diario Noticioso
Curioso-Erudito y
Comercial, Público, Comienzo de la evolución
y Económico, 1758
• El título se transforma en una cabecera, acompañado por viñetas
xilográficas.
Prensas tipográficas de
Siglo XIX (principios) mediados del siglo XIX.
• Innovaciones técnicas:
La Vanguardia, 1896.
Entre el siglo XIX y el XX
Siglo XX
Portadas de The New
York Times de
principios del siglo XX. • Desarrollo pleno del diseño en la prensa diaria. Nacimiento de la prensa
amarilla norteamericana de la mano de Joseph Pulitzer y Randolph Hearst.
• New York Herald Tribune, 1963: nueva tipografía, combinación • Nueva técnica de impresión: el huecograbado.
modular y diseño clásico y elegante.
• Los periódicos imprimen parte en tipografía y el exterior en hueco
• En la década de los sesenta todos los periódicos comenzaron a realizar porque reproduce mejor las fotografías.
experimentos tipográficos y de diseño.
• Se extiende el formato tabloide (mitad del sábana); formato popular y
• Formato Tabloide (mitad del sábana); formato popular y manejable en manejable en medios de transporte públicos.
medios de transporte públicos.
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Siglo XX
• Se genera una necesidad por parte de los editores de producir páginas más
atractivas. La aparición de la televisión disminuyó el número de lectores y
aumento esa preocupación por el diseño. Continuidad gráfica en los periódicos.
ABC, 1926
Ya, 1976
SP, 1969
Pueblo, 1976
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
El Sol, 1990.
Siglo XX, España
En los noventa Mario García decía que los periódicos mejor diseñados del
mundo estaban en España.
• Del 23 al 29 de abril de 1945, con los rusos luchando en las calles de Berlín,
el Ministro de Propaganda nazi, Joseph Goebbels, ordenó la publicación de De
Panzerbr, un pequeño diario gratuito de 4 páginas destinado a mantener alta la
moral de la tropa. Este podría ser uno de los primeros ejemplos del fenómeno
de los gratuitos.
Internet
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Conclusiones:
• Según Mario García, tenemos que hacer diarios más simples, funcionales y
elegantes.
! Prensa de Opinión.
" Recoge características de los tres modelos anteriores. " Mezcla de los dos primeras.
" Se pueden dividir en: " Es la que más funciona en la prensa española.
- Diarios híbridos Sensacionalistas / Informativos
- Diarios híbridos Opinión / Informativos " Procura crear interés sin caer en sensacionalismos, pero mantiene una
estructura informativa seria.
La fórmula sensacionalista /
informativa ha sido la más usada en
las últimas décadas de la prensa
española, cuando todo director de
diario quería un periódico que fuera el
50% El País y el otro 50% Diario 16.
Diseño y Contenido
Cabecera
Tramas
Filete grueso
Rataplán
Topo
Titular
Topo
Sutítulo o
sumario Sumarios
de portada
Cintillo
Llamadas
Titular calado
Filete fino
Ventana (tramada y
con topos)
Filete punteado
Luto
Foto silueteada
Texto
Publicidad
(2 x 1)
Subtítulo o
Corondel sumario
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La página, unidad de diseño La página, unidad de diseño
LA PÁGINA ! Concepto
! División de la página
! Recorrido visual
! Modelos de diseño de páginas
Concepto
División de la página
1
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La página, unidad de diseño La página, unidad de diseño
Blanco de cabeza
Blanco de lomo
! Dichas partes aparecen rodeadas de unos blancos o márgenes
que son:
Medianil
Blanco Medianil
de pie
Blanco de pie
! Tradicionalmente, las informaciones más importantes se han ! Se dice que esto se debe a varias razones:
colocado en la zona de cabeza, después en la zona central y, por
último, a pie de página. 1º En España, la colocación de la publicidad se sitúa de entrada
en las páginas pares y de salida en las impares, por lo que
en estas zonas había menos espacio y se dedicaba, por
! Otro criterio que determina la importancia que se concede a la tanto, a informaciones secundarias.
información dentro de la página es su situación de entrada o de
salida.
Si contemplamos el periódico fijándonos en la página par e
2º
- Si se trata de una página impar la información más impar como una unidad –enfrentadas– lo lógico es que las
importante se situará en la zona de entrada. informaciones importantes ocupen la zona central. Es decir,
las informaciones importantes van en la zona de salida en las
- Si se trata de una página par se colocará en la zona de páginas pares y en la de entrada en las impares.
salida.
Sin embargo, este principio se está viendo cuestionado
hoy día en muchos diarios que tienden a reproducir en
Esto quiere decir que en las páginas pares la columna de
la página par el esquema tradicional de la impar, es
entrada se reserva para informaciones secundarias, lo mismo decir, la información importante de entrada, respetando
que sucede en las páginas impares con la columna de salida. el sentido de lectura.
2
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La página, unidad de diseño La página, unidad de diseño
3
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La página, unidad de diseño La página, unidad de diseño
EL DIAGRAMA DE GUTENBERG Y LA FÓRMULA DE LAS 10,30 (ARNOLD)
Gr
av
los países árabes, el niño comienza a leer en el extremo superior
ed
ad
izquierdo de la página, independientemente de que sea par o
de
lec
impar. Y termina de leer en el extremo inferior derecho, tras haber
tu r
a
efectuado un movimiento pendular de izquierda a derecha y de
arriba a abajo.
AT
4
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La página, unidad de diseño La página, unidad de diseño
EL DIAGRAMA DE GUTENBERG Y LA FÓRMULA DE LAS 10,30 (ARNOLD)
EL DIAGRAMA DE GUTENBERG Y LA FÓRMULA DE LAS 10,30 (ARNOLD)
5
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La página, unidad de diseño La página, unidad de diseño
EL CENTRO DE IMPACTO VISUAL (Mario R. García)
EL CENTRO DE IMPACTO VISUAL (Mario R. García)
6
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La página, unidad de diseño La página, unidad de diseño
Diseño vertical
Diseño abrazadera
7
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La página, unidad de diseño La página, unidad de diseño
Diseño abrazadera
Diseño abrazadera
Diseño simétrico
Diseño simétrico
8
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La página, unidad de diseño La página, unidad de diseño
Diseño circo
Diseño circo
9
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La página, unidad de diseño La página, unidad de diseño
Diseño horizontal
Diseño horizontal
Diseño horizontal
10
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La página, unidad de diseño La página, unidad de diseño
! Las informaciones se
disponen en módulos
formando bloques, sobre
una rejilla dividida
matemáticamente. Esta
disposición modular facilita
la rápida sustitución de unas
informaciones por otras en
caso de que fuera necesario.
11
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La página, unidad de diseño
Diseño modular
12
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
! Concepto
! Partes de la retícula
LA RETÍCULA / 1 ! Opciones de retículas
! La retícula en diferentes medios
Concepto
1
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
PARTES
! La retícula es el área de diseño, es un esqueleto sobre ! Una retícula bien organizada tiene que relacionarse de
el que se construye la página; es el armazón sobre el que manera armoniosa con el formato y con la orientación del
se distribuye el material gráfico y tipográfico. papel o soporte (vertical o apaisado).
! Tiene una función esencial en el diseño y es que sirve ! La retícula tiene que especificar:
de guía o pauta para toda la publicación, siendo, por
tanto, la generadora de su estructura compositiva. - Las diferentes opciones de columnas, es decir, el número
Además, es importante porque aporta una continuidad de columnas y su anchura. La columna es cada uno de los
visual a la publicación en cuestión, le da unidad, bloques idénticos en los que se divide la página en
identidad, a los contenidos y favorece el ritmo. horizontal.
! La retícula o rejilla es la base para el diseño modular. - Los módulos: cada una de los bloques idénticos en los
que se divide la página en vertical.
2
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula,Posición
base del diseño
Guías para una
retícula alternativa
Marcas de corte.
Se dibujan fuera del área
Blanco de corte del folio de 4 col. Blanco de impresión e indican
de lomo el corte de la guillotina.
3
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
! El formato
tradicional tiene
márgenes iguales en ! Se ha incrementado
la cabeza, pie, lomo y el espacio en la
corte. Este funcional, cabeza, con el
pero poco imaginativo resultado de que la
uso del espacio hace información puede
que el diseño ocupe disponerse de forma
virtualmente la página más ligera y
completa. desahogada.
4
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
! La variedad de opciones
gráficas crea sensaciones de
lujo, tensión, formalidad e Toda retícula se divide horizontalmente en columnas de un determinado
ancho separadas por los corondeles o calles. También se divide
informalidad, y proporciona al verticalmente en líneas de composición de un determinado tamaño
tema expuesto énfasis (expresado generalmente en puntos) que pueden agruparse en módulos
diferentes. o divisiones regulares que fragmentan la página.
5
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
Opción de 3 columnas
OPCIONES DE RETÍCULAS
Antes de empezar el proyecto de diseño propiamente dicho ! Desde siempre se ha considerado la retícula de tres columnas
la elaboración de un repertorio de retículas, en forma de como una de las opciones más válidas.
composición esquemática, es de gran importancia.
! Ofrece columnas de texto lo
suficientemente anchas y legibles, así
El área de diseño es susceptible de ser dividida en tantas
como una gran flexibilidad para ser
columnas como se desee.
subdivididas y convertidas en seis.
Opción de 3 columnas
Opción de 3 columnas
! Aunque la disposición de la retícula de tres columnas pueda dar
como resultado composiciones demasiado formales y rígidas, no
tiene por qué ser aburrida si se sabe distribuir con gracia los
elementos de diseño.
6
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
Opción de 3 columnas
Opción de 3 columnas
! Las retículas de tres y seis columnas son las que, con mayor
frecuencia, se utilizan para la composición de revistas, magazines,
boletines, hojas informativas y material publicitario.
7
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
Opción de 6 columnas
Opción de 6 columnas
! La retícula se ha
empleado de forma que
el área contenga el texto
en una doble columna y
dos columnas sencillas.
El titular, desplazado
! Las 6 columnas informalmente hacia la
confieren a los izquierda, ha roto esta
elementos composición mientras
diseminados por el que el pincel se
espacio un aire introducen en el
elegante. conjunto, apareciendo
por su parte inferior.
Opción de 6 columnas
Opción de 6 columnas
! Retícula de 12
columnas, o dos
páginas de 6
columnas, permite
! Se utiliza una de las una gran flexibilidad.
6 columnas para Las dos columnas
unidas para
conseguir un efecto contener el texto
dinámico, y la quedan realzadas
mediante espacios
ilustración divide por de una sola
completo el área de columna, y las
ilustraciones
diseño. grandes y pequeñas
se contrapesan para
crear un diseño muy
efectivo.
8
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
Opción de 2 columnas
Opción de 2 columnas
! La retícula de dos columnas, convertible en cuatro –y en ocho–,
es una de las fórmulas más tradicionales. ! La flexibilidad de esta opción viene dada porque, al dividir el
! Permite una importante flexibilidad, ya que la retícula de dos área de diseño en cuatro columnas, puede quedar una de ellas
columnas resulta válida para cualquier formato, al tiempo que libre para disponer determinados elementos de diseño (una
puede subdividirse para crear cuatro columnas. entradilla, un sumario, una capitular, un pie de foto…), quedando
un margen grande que sirve de contrapeso al texto.
! Esta opción de retícula puede
emplearse con gran elegancia y Esta división se recomienda cuando se tenga que colocar mucho
puede originar composiciones texto y muchas ilustraciones o también cuando se necesite
formales e informales. Normalmente, incorporar material estadístico basado en números y datos. En
la disposición a dos columnas aporta este último caso también se puede emplear una de 8 columnas.
al diseño un aspecto académico y
clásico. Sin embargo, la disposición a
cuatro columnas permite dar un aire
más actual y desenfadado.
9
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
Opción de 2 y 4 columnas Opción de 2 columnas
! La información se
! El texto se ordena distribuye a lo ancho
con arreglo a una de la retícula y el texto
fórmula de 4 se separa en dos
columnas, mientras columnas sencillas. El
que los mensajes con título se ha compuesto
caracteres más a lo ancho de la
gruesos se colocan a columna sencilla, pero
medida falsa. El centrado en el eje del
objetivo que se diseño.
persigue es encerrar el
centro de la
composición dentro de
una estructura sólida.
! Esta combinación
de retícula de 4
columnas encarada
a una de 2
proporciona al área
de diseño dos
composiciones
diferenciadas
visualmente, pero
muy adecuadas
para los respectivos
mensajes.
10
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño
Opción de 4 y 8 columnas
11
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
Combinación de opciones
Combinación de opciones
! Las formas de 5 y 6
columnas se han
utilizado para separar
los elementos de
diseño. La de 5
columnas se divide ! Es
confortablemente en perfectamente
dos columnas anchas, aceptable mezclar
quedando una retículas dentro de
columna marginal una misma zona de
para subtítulos e diseño y hacer
información adicional. combinaciones
Las 6 columnas se variadas.
han utilizado con una
flexibilidad dinámica
para disponer los
elementos técnicos.
1
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
Combinación de opciones
Combinación de opciones
! Podemos
combinar
diferentes
opciones de
retícula aun
dentro de la
misma página.
Retículas especiales
Combinación de opciones
! Para conseguir
! Aunque ello introduzca un cierto juego en la retícula subyacente, diseños innovadores lo
el diseño aún estará dictado por la decisión inicial. Cualquiera que mejor es escapar a la
sea la yuxtaposición de formatos que se utilice, las decisiones retícula en sentido
compositivas se convierten en obvias gracias a la retícula. vertical.
Por ejemplo, una
! Incluso cuando una de las páginas esté cubierta totalmente por inclinación de
una fotografía o ilustración, debe recurrir a una retícula para aproximadamente 20°
apuntalar la composición. Y aunque la imagen sólo se acompañe altera la fuerza visual de
de un texto pequeño o un encabezamiento, la composición la información exhibida.
quedará apuntalada por la retícula de diseño. Las columnas pueden
mantenerse en posición
vertical, pero inclinando
la información.
2
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
Retículas especiales
Retículas especiales
! Para lograr un
diseño innovador
no hay ninguna
razón que obligue
a disponer la
retícula en sentido
vertical. Por
ejemplo, una
inclinación de unos
30 º cambia por
completo la fuerza
visual de la
información
exhibida.
Retículas especiales
! También es posible
elaborar una retícula
modular que ofrezca
distintas opciones de ! Para un diseño
geométrico más
diseño dentro del formato complejo en el
estructural. La misma que la retícula
actúe vertical y
retícula impone ciertas horizontalmente
implicaciones gráficas, se puede dibujar
una estructura
convirtiéndose en un segmentada en
expresivo marco de trabajo. módulos para
acomodar los
diferentes
elementos de
diseño.
3
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
Retículas especiales Retículas especiales
! La experimentación
! Se puede crear con curvas también
una retícula puede resultar una
modular que
proporcione
forma acertada para
diferentes disponer el trabajo.
opciones de Puede erigirse como
diseño dentro del
formato una base muy
estructural. La expresiva e inusual
propia retícula
impone cierta para distribuir los
implicaciones elementos gráficos y
gráficas, por lo
que es diseñador
tipográficos.
encontrará en ella
un expresivo
marco de trabajo.
! La experimentación
con curvas también
puede revelar una
acertada forma de
apuntalar su trabajo.
La de este ejemplo
puede proprocionarle
una base expresiva e
inusual para distribuir
los elementos gráficos.
4
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
Retículas especiales
Retículas especiales
5
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
Una retícula para cada diseño
Una retícula para cada diseño
! Otra idea que debemos tener siempre presente a la hora de ! Si el cuerpo y la interlínea del texto base que vayamos a
construir una retícula es la sensación de dinamismo que ofrecen emplear son factores determinantes para la construcción de
las figuras verticales frente al conservadurismo que, en todos cualquier retícula, conviene también tener en cuenta que la
los órdenes de cosas, presentan las disposiciones horizontales. división vertical de la rejilla en líneas de composición afecta a
Por ello, cuando vayamos a dividir la rejilla de una publicación, el aquella de forma que nuestro diseño pueda considerarse plúmbeo
simple hecho de estructurar los bloques puede predisponer al y cerrado si el intervalo es escaso o deslavazado e inconexo si las
lector en una actitud u otra. separaciones son excesivas.
6
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
Una retícula para cada diseño
La retícula en el periódico
! En la industria del diseño gráfico podemos distinguir áreas
diferentes, que se han especializado en formas específicas de ! Tal y como recoge Swann “los periódicos suelen atenerse
comunicación gráfica. Estas áreas suelen presentar métodos de rígidamente a una retícula preestablecida, por lo que sólo existe
trabajo diferenciados, presentando en común únicamente la
libertad de elección de la retícula cuando se funda una nueva
necesidad de producir trabajos eficaces y creativos, desde un punto publicación. Todos los periódicos siguen el estilo «de la casa», de
de vista visual.
forma que hasta el estilo de los caracteres y su tamaño están
rigurosamente determinados”.
! El elemento principal, desde el punto de vista de la composición,
que incide en el trabajo de diseño es la expresividad y creatividad ! En estos casos el cometido fundamental del diseñador es seguir
que aporta la retícula. Es importante que los diseñadores conozcan fiel a la imagen preestablecida, si bien en determinadas ocasiones
la forma de trabajar empleando una fórmula estructural. algún periódico aborde un proyecto de rediseño de contenidos. Es
importante que el diseñador centre todos sus esfuerzos y toda su
! También hay que señalar que desde las diferentes áreas del creatividad en elaborar un diseño de página vivo, dinámico, y que
diseño gráfico los trabajos se abordan desde perspectivas capte la atención del lector, pero siempre dentro de los límites
diferentes, si bien tienen un objetivo común: generar productos impuestos por el estilo propio de su periódico.
comunicativos eficaces.
7
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
La retícula en la revista
La retícula en la revista
8
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño La retícula, base del diseño
La retícula en los libros
La retícula en los libros
! En la publicación de libros el diseño de la retícula varía desde
los formatos más simples a otros más complejos y flexibles, si bien
predominan los primeros. ! Existen importantes opciones de control creativo a la hora de
adoptar retículas, lo que estará estrechamente relacionado con la
! La práctica totalidad de los libros publicados disponen sus forma, tamaño y proporción.
elementos sobre retículas de una sola columna. Aunque este
diseño sea el más predecible no hay que olvidar que se puede ! Según estos tres elementos será posible que el número de
experimentar con otras alternativas de diseño. columnas sea mayor o menor, los márgenes más o menos
amplios… Además, en las retículas de libros suelen establecerse
Quizá las retículas de
los libros emanan aquellos elementos de diseño permanentes como el folio, el
directamente de la número de páginas o los filetes y gracias situados en las
actitud reposada y
tranquila que mismas.
mostramos cuando
nos disponemos a
leerlos. Una o dos
! Por otra parte, los diseños de libros son tan numerosos que sólo
columnas parecen puede llevarse a cabo un estudio cuidadoso de este área de
suficientes para crear
ese ambiente.
trabajo mediante una investigación exhaustiva de lo que se va a
producir.
9
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
La retícula, base del diseño
10
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Elementos y combinaciones Elementos y combinaciones
Elementos en la Son los signos que definen el mensaje. Los hay de cuatro
géneros:
Conjunto de recursos que utilizamos para otorgar niveles de n Elementos tipográficos no textuales: no se leen, pero sirven
importancia a las diferentes informaciones. para el ordenamiento y las jerarquías.
Estadillo
Cabecera
Folio
Apoyo o despiece
n Elementos n Elementos Cintillo
tipográficos tipográficos
textuales Rataplán textuales
Titular
Firma / Data
Capitular
Subtitulo
Sumario de
portada
Epígrafe
Texto base
1
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Elementos y combinaciones Elementos y combinaciones
tipográficos
Titular Folio
Titular no textuales Fondo de trama
Barra
Topo
Recuadro
Subtitular
Filetes
Firma
Ladillo
Filete de puntos
n Elementos Luto
n Elementos tipográficos no textuales
tipográficos Filete de separación
Filete de doble hilo
no textuales
Pleca
Recuadro
Barra
2
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Elementos y combinaciones Elementos y combinaciones
icónicos icónicos
Fondo de trama
Pictograma
Logo-escudo
Icono
Fotografías
Infografías
Silueta
! Arriba/Abajo. Presenta la prioridad de lo superior sobre lo inferior. Es ! De tamaño. Grande-pequeño. Se aplica un valor de las cosas
absolutamente intuitivo. proporcional a su tamaño.
3
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Elementos y combinaciones Elementos y combinaciones
Bibliografía
Los elementos se combinan principalmente en base a:
! ’Comunicación en
Éstas son las variables que nos ayudan a jerarquizar las el diseño gráfico. La
informaciones y establecer valoraciones para que el lector lógica de los
se fije en lo que, como informadores, consideramos más mensajes visuales en
importante. diseño, publicidad e
Internet’
Tamaño, situación, tecnología y modas han ido creando
Editorial Laberinto.
modelos de diarios a lo largo de la historia.
Madrid, 2004
4
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Concepto
1
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
2
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
! "Me mima"
Ejemplo de tipografía
infantil.
! Tipografía
dinámica y con
carácter divertido.
3
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
4
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
5
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Objetivos 4. Identificación
6
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Objetivos E. Estética
7
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Aplicaciones
Alegría
de mayúsculas
! Altura de los caracteres de caja
1. Ojo medio
Ascendentes
baja, sin contar con el ascendente ni
descendente.
Ojo medio
O altura x
Descententes
Línea Línea
de descendentes base
8
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
9
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
10
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
11
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
! Maximiliano Vox, en 1953, diferenció 9 grupos ! Una de las clasificaciones más acertadas es la de
tipográficos: Manuales • humanas • garaldas • Perfect, quien clasifica los tipos de letras en dos grupos:
reales • didonas • mecanas • lineales • incisas y 1º Las familias empleadas para texto –o text typefaces–
escritas.
2º Las familias de texto no contínuo o decorativas
! En 1963, Giuseppe Pelliteri habló de diez tipos de –decorative non-continuous text typefaces–.
letras: lineales • rectiformes • anguliformes • ! A pesar de ser establecida en 1921 la clasificación de
curviformes, degradadas • contrastadas • Thibaudeau es muy acertada y se refiere a cinco
manuales • góticas • adornadas y de fantasía categorías de letras, dentro de las cuales podemos incluir
cualquier tipografía, independientemente de la fecha de
Ambas clasificaciones quedaron obsoletas por el incremento
su creación: las romanas • las egipcias • las palo seco
de familias tipográficas en el último tercio del siglo XX.
• las de escritura o góticas • las de fantasía.
12
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
13
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
(Cloister,
! Son familias basadas en las
Old English…)
caligrafías clásicas e intentan imitar
la escritura manual antigua.
(Nuptial Script,
• Sin remates • Remates cuadrados o rectangulares. Vladimir,
• Poco contraste en el espesor del asta. • Sin enlace.
Hogar Script...)
• Poca o ninguna diferencia en el espesor
del asta.
• Poco contraste entre el asta y el terminal.
• Trazos angulosos.
• ascendentes y descendentes cortos.
• Poca legibilidad.
• Trazos fluidos. • Se asocia a la Edad Media.
• Imita la escritura manual.
14
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
15
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Clasificación de Alex Brown / Con remate Clasificación de Alex Brown / Con remate
Clasificación de Alex Brown / Con remate Clasificación de Alex Brown / Con remate
1. 1. ANTIGUAS
16
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Clasificación de Alex Brown / Con remate Clasificación de Alex Brown / Con remate
1. 4. CON REMATES
AFILADOS
Clasificación de Alex Brown / Con remate Clasificación de Alex Brown / Con remate
1. 6. DE TRANSICIÓN
17
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Clasificación de Alex Brown / Con remate Clasificación de Alex Brown / Con remate
1. 7. MODERNAS 1. 8. NORMANDAS
Reciben este nombre Estilo de gran fuerza. Presentan terminales muy finos,
desde hace doscientos sin enlaces, con un máximo contraste e inclinación
años. Se caracterizan vertical.
por tener unos
remates finos,
enlaces muy finos o
carentes de ellos, por
su modulación
vertical y por un
importante contraste.
Clasificación de Alex Brown / Con remate Clasificación de Alex Brown / Con remate
1.9. EGIPCIAS
1. 10. CON REMATES
No guardan relación con los diseños CUADRADOS
antiguos, tienen más en común con
los caracteres de palo seco. Incluso, Estos caracteres
algunas clasificaciones los sitúan también responden a
junto a éstos últimos. Fueron las necesidades de los
creados con fines publicitarios a publicitarios del siglo
finales de la Revolución Industrial. pasado. Tienen los
Ofrecen unos remates remates achatados,
cuadrangulares, sin puntos de enlaces mínimos y
enlace, apenas contraste y sin contraste limitado.
ángulo de inclinación.
18
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Clasificación de Alex Brown / Palo seco Clasificación de Alex Brown / Palo seco
2. CARACTERES DE PALO SECO ! En la actualidad, la tendencia por parte de los
! Son los que carecen de remates. Son considerados diseñadores es la de combinar los tipos con remate y
caracteres modernos debido a que fueron utilizados con los de palo seco a fin de buscar efectos de contraste
posterioridad a los que sí tenían remates. Siglo XIX. en sus trabajos.
Clasificación de Alex Brown / Palo seco Clasificación de Alex Brown / Palo seco
2. 1. SIN 2. 2. GROTESCOS
MODULACIÓN
Presentan escasas variaciones
Se caracterizan por un en el grosor del trazo y por un
trazo de grosor contraste limitado. Los
caracteres de palo seco surgieron
uniforme y por no
tener contraste en el siglo XIX, tras lo que los
aparente. europeos los llamaron grotescos y
los americanos góticos. Presentan
cierto contraste de línea, más
visible en la intersección de trazos
y en las curvas.
19
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
3. 2. GÓTICOS 3. 3. DE ESCRITURA
20
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
21
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
URLS: Bibliografía
22
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Relativos a la letra
Relativos al párrafo
! Alineación
! Interlineado
! Interletraje
! Sangrías
1
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
! Cada familia de letra puede agrupar uno o varios estilos: fina, normal,
negrita, supernegra y cursiva y la combinación de estos, es decir, fina cursiva,
cursiva negrita y cursiva supernegra. Pero no todas las familias tipográficas
tienen que incluir estos estilos. Puede ocurrir que una familia no tenga cursiva o
supernegra, por ejemplo, lo que se debe únicamente a que en el diseño inicial
de la letra se excluyeron estos estilos.
2
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
VERSALES
VERSALITAS
caja baja
! Los programas de diseño para la autoedición permiten controlar ! El grosor del trazo: redonda-negra.
este aspecto desde la opción Escala Horizontal. El valor por
defecto es 100%. Si queremos expandir una letra ampliaremos
! La inclinación del trazo: redonda-cursiva.
dicho valor y si queremos condensarla lo reduciremos.
! La ortografía: mayúscula-minúscula-versalita.
3
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
El párrafo / Interlineado
4
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
EL INTERLINEADO ES EL ESPACIO ENTRE LAS ! El track debe ajustarse manualmente cuando las letras aumentan su
LINEAS QUE COMPONEN UN TEXTO, ES DECIR, Cuerpo 12, mayúsculas,
interlineado 16 puntos.
tamaño debido a la sensación que producen los cuerpos grandes de
LA DISTANCIA ENTRE LA LINEA BASE DE UNA estar muy abiertos (conviene ajustar el track en cuerpos mayores de 24
LINEA DE TEXTO Y LA LINEA BAS E DE LA puntos).
SIGUIENTE.
5
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
6
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Recomendaciones Recomendaciones
7
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Recomendaciones Recomendaciones
Recomendaciones Recomendaciones
8
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Recomendaciones Recomendaciones
Recomendaciones Recomendaciones
9
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Recomendaciones Recomendaciones
Recomendaciones Recomendaciones
7. Un tipo de mancha media facilita la lectura ! Una letra gruesa aparece más negra y densa a causa de su
más que una letra supernegra o extrafina mayor superficie y la reducción de los espacios envolventes.
! Además, hay que evitar el empleo de textos largos en negrita o ! Por último, una letra extragruesa es visualmente dominante, sin
cursiva debido a que dificultan la lectura. Sí se pueden utilizar para embargo, al igual que sucede con la letra fina o escasa y con la
enfatizar determinados aspectos del texto: citas textuales, palabras letra gruesa, la extragruesa resulta poco legible en textos largos.
de otros idiomas, apodos, etc.
! Una letra fina es delgada y delicada, tiene una superficie
pequeña y una gran cantidad de espacio dentro de ella y su
alrededor.
10
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Recomendaciones Recomendaciones
Recomendaciones Recomendaciones
11
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Recomendaciones Recomendaciones
Recomendaciones Recomendaciones
11. Evita las patas
! Una pata se produce cuando los bloques de texto no tienen un 13. Cuida el interletraje de tu composición
final homogéneo.
! El interletraje es el espacio entre letras y puede ser general o parcial.
! Es importante que las columnas acaben a la misma altura para El interletraje general (track) es el espacio entre todos y cada uno de los
caracteres y el parcial (kern) es el espacio entre pares de caracteres.
que la composición sea armónica y no se produzca fácilmente el
salto de una información a otra. ! En los programas de diseño por ordenador podemos modificar el track
para ganar o perder una línea de cara a conseguir un final idéntico para los
textos. No obstante, se considera que el track máximo que podemos utilizar
es de +4 y el mínimo de -4 al objeto de que el ojo no perciba la
manipulación tipográfica.
12. No más de una entradilla por página
12
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Recomendaciones Recomendaciones
Recomendaciones Recomendaciones
14. Si vas a enmarcar una información
cuida el espacio reservado
13
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Tipografía3
Elementos tipográficos de la página
! El titular ! El epígrafe
! La entradilla ! El sumario
! La data y la firma ! El pie de foto
! El ladillo ! El texto base
! El cintillo ! El folio
1
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Titulares Titulares
! Con el paso a la
confección horizontal
ya aparecieron los
titulares a más de una
columna iniciándose
las fórmulas
empleadas hoy día.
Titulares Titulares
2
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
3
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Los aspectos que hay que tener en cuenta a la hora de elegir un ! Tamaño o cuerpo
titular son cuatro: ! Debe estar relacionado con la importancia de la información,
su extensión y el lugar que ocupa en la página.
* la fuerza o mancha * la longitud
* el tamaño o cuerpo * no podemos usar un cuerpo 24 para una información a una
* la colocación
columna, o un cuerpo 18 para una información a toda página.
! Fuerza o mancha
! En la actualidad, en los titulares de cualquier medio impreso ! Generalmente, los diarios –informativos-interpretativos y de
opinión– acuden a titulares de cuerpo 18, 20, 24, 30, 36, 40 y
suele emplearse una mancha gruesa, es decir, suelen ir en
48, aunque algunos en la portada acuden a tamaños mayores.
negrita o supernegra (bold/black/heavy…).
! En el caso de las revistas la cosa cambia y lo habitual es ! Sin embargo, en los sensacionalistas y deportivos se pueden
buscar el contraste de mancha, esto es, alternar negrita o observar cuerpos incluso de más de 100 puntos.
supernegra con escasa o fina.
4
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
! No obstante, en los diarios sensacionalistas esto no se - Titular a 3 columnas dos líneas (también tres)
cumple ya que pueden utilizarse titulares mucho más grandes y - Titular a 4 columnas dos líneas (también una)
de enorme mancha, aunque no se relacione con la importancia
de la información. - Titular a 5 columnas una línea (también dos)
5
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
6
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
! Colocación
! Lo habitual es que estén alineados a la izquierda y cubran toda ! Colocación
la información, aunque también pueden aparecer justificados. Últimamente
son numerosos los diarios en los que los titulares presentan alineación al
Wicket. Dos pequeñas líneas a la izquierda que dan
centro.
paso a una sola línea de mayor cuerpo.
! Sin embargo, en revistas y suplementos la cosa cambia ya que se Trípode. A la izquierda, una línea de mayor tamaño que dirige
suele acudir a otros recursos visuales: la vista hacia dos líneas de menor tamaño.
Kicker. Se inicia el titular con un cuerpo pequeño y se sigue en
otro renglón con un incremento de tamaño. Alineaciones irregulares, titulares girados, en vertical, etc.
Wicket. Dos
Este es un ejemplo Kicker. Se
inicia el titular
Este es un pequeñas líneas
de kicker
con un cuerpo a la izquierda
que dan paso a
pequeño y se
sigue en otro
ejemplo de una sola línea
renglón con un de mayor
incremento de cuerpo.
tamaño.
Reverse Kicker.
Trípode. A la
EJEMPLO
Se inicia el titular
con un cuerpo
izquierda, una línea
de mayor tamaño
Este es su
grande y se sigue
en otro renglón
que dirige la vista
hacia dos líneas de
ejemplo
con un cuerpo
más pequeño.
de reverse kicker menor tamaño.
7
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Esta es Alineaciones
otra opción
irregulares,
superposiciones
y pisados,
titulares girados,
! Lo importante es que el titular enganche al lector también por
de titular en vertical, etc. su aspecto.
TITULAR
T I T U L A R
! También se puede componer un titular con una sola línea
donde se vaya incrementando el cuerpo de las letras… etc.
8
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Titulares / Aspectos
Debajo, el diseño
tipográfico es de Gail
Anderson y el tipo es
Poster Gothic.
9
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Titulares Titulares
3º Evitar los alineamientos de titulares. Hay que salvar la
congestión tipográfica de la página. Esto se consigue con
NORMAS SOBRE TITULARES EN PRENSA DIARIA fotografías y recuadros.
! Como recoge J. Zorrilla en su libro ‘Introducción al diseño
periodístico’ existen una serie de normas que deben cumplir los 4º Es importante diferenciar los titulares informativos de los
titulares en prensa diaria. opinativos. Generalmente, se usa la variante cursiva. Pero
otras opciones son:
1º Es importante que cada periódico tenga una escala de
- el empleo de otra familia tipográfica
titulares, es decir, un conjunto de normas sobre los cuerpos y
- centrar los titulares
el número de líneas en función del número de columnas.
2º Toda página debería tener un titular dominante, para que no 5º Se recomienda que los titulares informativos vayan alineados
sea una página plana. Los titulares más importantes deberán a la izquierda. Esto facilita la lectura. Y los titulares centrados
estar en la parte superior. son un buen contraste ocasional para reportajes, entrevistas...
Entradillas Entradillas
10
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Entradillas Entradillas
! Firma. Autor de la
información: persona
física o agencia.
11
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Ladillos Ladillos
Ladillos Ladillos
12
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Ladillos Cintillo
! Una palabra o frase por encima de las noticias que engloba.
Epígrafe
! Sustituye al antetítulo. Una única referencia por encima del
título, de índole temático o geográfico.
13
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Sumarios Sumarios
14
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
15
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
16
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
3º Debe evitarse el recurso a las grandes masas de texto en negrita 1º El modo más funcional de distribuir un texto es colocarlo en
o cursiva –huecas, mayúsculas, versalita…– ya que frenan la forma de “U”, “U” invertida o de “L”. Ya que en ninguno de
lectura. No obstante, sí se utilizarán para enfatizar determinados estos casos la lectura se ve interrumpida.
aspectos del texto: citas textuales, palabras de otros idiomas,
apodos, lugares, etc.
2º Los textos distribuidos en forma de “C” de “L” invertida
dificultan el seguimiento normal del texto. Lo dificultan porque
el lector tiene que saltar el obstáculo que supone el elemento
gráfico para continuar la lectura.
17
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Y una línea corta es la línea final de un párrafo que sólo 8º Los ladillos son elementos de diseño muy importante para
incluye unos pocos caracteres.
romper la masa gris de los textos. Proporcionan descanso
visual en la lectura. Es importante inyectar blancos antes y
6º Los sumarios deberían interferir lo menos posible el ritmo de después del ladillo. El de la zona superior debe ser mayor con el
lectura. Es mejor situarlos sangrando columnas que intercalarlos fin de que el ladillo esté más cerca del texto al que se refiere.
en una de ellas. Esto último obligaría al lector saltarlos para
continuar su lectura, lo que altere el ritmo.
El folio El folio
! Objetivo:
! Se trata de un elemento que podemos considerar tanto de la - dar continuidad a la publicación,
estructura externa como de la interna. Es tanto un elemento formal de - aportar orden a la estructura mediante la identificación de
la publicación como un elemento textual de la página. secciones.
18
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
El folio El folio
El folio
19
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
! Filetes y orlas
! Blancos
! Capitulares
! Tramas
Junto a los caracteres para textos y titulares, en las ! Los filetes y orlas se vienen utilizando desde hace varios siglos
páginas de los medios impresos podemos observar la como importantes recursos tipográficos.
existencia de un conjunto de recursos que forman parte ! Tal y como sucede con los adornos, la forma adquirida por tales
también del enfoque tipográfico del medio. Estos recursos refleja funcional y decorativamente los diversos estilos.
recursos son, entre otros:
! Filetes y orlas. Recuadros. Por ejemplo, los filetes y orlas excesivamente gruesos, casi como
! Blancos bloques, son típicas de la tipografía vanguardista; un sentido
! Capitulares ornamental más elevado es propio de la época victoriana; un tipo
! Tramas más grueso y dibujado refleja el movimiento Arts and Crafts; el Art
Déco instó al uso de orlas y filetes geométricos con gruesos
contrastados, mientras que el modernismo creó orlas y filetes
ondulados que se retorcían en torno al texto y las imágenes.
1
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos Filetes y orlas
Filetes y orlas
A Filetes
• Pueden aportar un toque decorativo, al tiempo que facilitan
Se utilizan para subrayar letras y palabras con el fin de atraer la la lectura de la información, si se imprimen en un color
atención sobre ellas. Existe una amplio abanico de filetes de distinto que el resto de elementos de la página.
distintos estilos y grosores.
• Los números y palabras pueden conectarse con líneas,
• Colocados encima, debajo, a un lado, en diagonal, o a ambos mientras que las líneas horizontales pueden separar las
lados de los caracteres y palabras, sirven para destacarlos. líneas del texto.
• Otra utilidad es la de enmarcar con recuadros nombres o
• También se pueden utilizar en grupos de dos o de tres, palabras.
aumentando o disminuyendo el espacio entre ellos, para crear
una gran variedad de efectos visuales. Por medio de una
gradación de grosores de varias líneas juntas se puede crear un ! De cualquier manera, los filetes se pueden utilizar en cualquier
efecto de perspectiva. diseño en el que se quiera enfatizar, dividir o destacar algo. Ya
sean gruesos o finos, negros, blancos, de colores, puros o en
• Además, se pueden emplear para dividir, verticalmente, tablas tintes, los filetes son una forma eficaz de embellecer la tipografía.
e informaciones en columnas.
2
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Filetes y orlas
Filetes y orlas
RECUADROS
Filetes y orlas
B ORLAS Y GRECAS
3
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Filetes y orlas
Filetes y orlas
Motivos florales
Grecas
Motivos barrocos
Orlas modernistas
4
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Filetes y orlas
2. BLANCOS
5
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Blancos Blancos
6
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Capitulares
Capitulares
Capitulares
Capitulares
Y ORLADA
7
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos Signos lingüísticos
Topos
5. TOPOS
Tramas
! Símbolos, signos o iconos utilizados para llamar la atención
4. TRAMAS
sobre los puntos claves de un texto o lista o para destacarlo
! Las tramas constituyen otro recurso tipográfico habitual. tipográficamente.
! Pueden ser regulares, –esto es, círculos, semicírculos,
! Reciben también el nombre de fondos y podemos definirlas como
cuadrados, triángulos…– o figurativos, es decir, adoptando formas
un conjunto tupido de puntos o líneas individuales y que, en
de figuras.
general, se utilizan como elementos de fondo para realzar textos e
ilustraciones. ! Suelen emplearse al inicio de un texto pero también pueden ser
! Por esta razón deben ser de tonos ligeros para que no impidan la utilizadas para indicar el final de un artículo. También son útiles
legibilidad de los textos o la visibilidad de la ilustración. Pueden ser para relaciones de nombres: función de ordenación. Ejemplo: Zapf
grises o de color y sólidas o degradadas. Dingbats, Woodtype Ornaments, Webdings, Wingdings…
6. LOS SIGNOS Y LOS NÚMEROS Signos y números ! Al experimentar a gran escala con diferentes grosores y tamaños
COMO ELEMENTOS DECORATIVOS la puntuación se convierte en un útil elemento decorativo. De este
modo puede causar un importante impacto visual y configurar el
! El empleo convencional en los textos tanto de los números como tono del mensaje. Esta técnica es muy utilizada en folletos, carteles
de los signos de puntuación hace que estos signos pasen y portadas de libros.
prácticamente inadvertidos.
! Además, los signos de puntuación pueden ser modificados de un
! Sin embargo, la utilización de la puntuación recurriendo a grandes modo similar que los caracteres: sombreado, negrita, hueco,
cuerpos puede funcionar como un innovador recurso de diseño al colores, texturas, diferentes tonos, etc.
tiempo que se convierte en un punto de entrada gráfico captador de la
atención. En palabras de Maggie Gordon “usada con imaginación, ! También es posible crear un dramático impacto visual mediante
puede implicar una gran variedad de ideas, simple y directamente: signos de puntuación a gran escala, finos o gruesos, contrastados
con tipos de texto más pequeños.
- las comillas sugieren comunicación personal,
- los interrogantes invitan a responder, ! También se pueden conseguir dibujos, texturas y tramas de
- los signos de exclamación implican sorpresa, peligro o humor, fondo utilizando signos de puntuación. Si para ello se emplean
- los puntos concluyen visualmente, colores suaves o tonos claros, se pueden imprimir sobre ellos otros
- los dos puntos, comas y guiones ofrecen pausas visuales y caracteres en diferentes tonalidades y colores.
- los paréntesis proporcionan apartes visuales”.
8
DISEÑO DE LA INFORMACIÓN PERIODÍSTICA
Signos lingüísticos
Signos y números