diseño editorial y diagramación
Post on 30-Jun-2015
873 Views
Preview:
TRANSCRIPT
Diseño editorial y
diagramación
Cecilia Sozzi
Diseño editorialProyecto visual y funcional de una publicación.
Definiciones gráficas estables de carácter
comunicacional.
Incluye la adaptación de un producto a la necesidad
de sus usuarios y a los objetivos del medio, de sus usuarios y a los objetivos del medio,
cautivando a los destinatarios a través de la estética,
para todo lo cual se aplican conceptos técnicos y
criterio de usabilidad a la forma.
estilo e identidad destinatario
frecuencia temática
Maquetación o compaginación
Distribución armónica de los componentes en la
página.
Cambia todos los días (a partir de numerosas
opciones prediseñadas / templates). opciones prediseñadas / templates).
Punto de encuentro del diseño del diario con la
edición periodística.
La caja
Estructura modular
Estructura de columnas
Columnas y tamaño de la caja
� Diario sábana: 6 columnas / antes 8
� Diario tabloide: 5 columnas
� Revista o publicación de menor formato:
3 o 4 columnas; ocasionalmente 2.3 o 4 columnas; ocasionalmente 2.
Texto en la columna
7 a 10 palabras por línea.
Estructuras básicas: L y U
Boceto o
layout:
esquema de
distribución
de todos los
elementos
que
componen
una página.
http://www.youtube.com/watch?feature=player_embedded&v=uhnV21sL9UI
Tipografía
Clasificación de tipos
� – con serifa
– sin serifa– sin serifa
/Elegir familias tipográficas – según sección,
importancia de títulos, información/opinión.
Tipografía
Tanto el tamaño como la fuente y el interlineado inciden en
la legibilidad.
Fuente: � Tamaño para textos: 9 puntos a 10.
� Título de apertura de sección (en sábana):
48 puntos; 2do título: 42.48 puntos; 2do título: 42.
� algunas más legibles que otras / ver bancos de
fuentes
� en componentes de titulación, recuadros, citas =
contraste, jerarquización, destacado
/ Título principal en negrita / Otros componentes
combinados con tonos semis y más claros / Puede
usarse itálica.
Legibilidad / Cultura
Algunos problemas
� Texto a una columna o en columnas muy angostas.
� Cuerpo de la fuente para la nota demasiado
pequeño o demasiado grande.pequeño o demasiado grande.
� Interlineado simple o muy espaciado.
� Cuerpo de la nota en itálica.
� Poco espacio en blanco.
� Poco blanco entre columnas y entre elementos.
Puntos de entrada a la página –y
a la información'
> Fotografía – Crear un centro de impacto
visual.
En la página debe haber otras fotos de menor tamaño
(más en la portada, o en algunas secciones como
deportes, menos en secciones tradicionales como
política). Si el diario se dobla a la mitad por el tamaño,
otra foto interesante en la parte inferior.
> Título principal, y luego sus complementos
> Epígrafes
/ Tamaño: al menos 1 punto más que el de la noticia.
Navegación
� Crear elementos para el escaneo u hojeada rápida:
índices en portada e interiores, en suplementos.
� La titulación y las fotos, unidos a los bloques de texto,
crean recorridos: las estructuras básicas de una página:
L y U.L y U.
� Las notas breves (entre las más leídas) y las notas en
despiece o complementarias crean otros puntos de
lectura y recorrido. // Breves: no más de 15 a 20 líneas a
1 columna.
� Color como herramienta de navegación (atracción de la
mirada)
Diseño en prensa “seria” /
prensa sensacionalista
Revistas
Una revista prolija, con poca flexibilidad en la
estructura de las páginas internas:
� http://issuu.com/periodicomu/docs/mu_58
Una revista con centralidad en el diseño, importantes
variaciones dentro de una unidad de estilo:variaciones dentro de una unidad de estilo:
� http://monicaortega.wordpress.com/2010/11/19/revista-
dissmagz/
Una revista que intenta innovar en la jerarquización
(ver ubicación de títulos); poca atención a los
medianiles y márgenes:
� http://issuu.com/lagargantapoderosa/docs/lgp5mayo11
Referencias
Imágenes:
Diapositiva 5: http://www.oert.org/composicion-y-modulacion/
Diapositiva 10: http://www.youtube.com/watch?v=W1_i5yuZ0os
Diapositiva 11: http://pablogallon.wordpress.com
Diapositiva 13: http://www.fontbureau.com/fonts/Diapositiva 13: http://www.fontbureau.com/fonts/
¡Muchas gracias!
top related