DISEÑO EDITORIAL Y COMPOSICIÓN
Comunicación efectiva en ingeniería
Universidad de Deusto
ÁMBITOS DEL DISEÑO GRÁFICO
El diseño gráfico se aplica en la actualidad
a diversos ámbitos de la vida humana, que
debemos diferenciar, al tener cierto grado de
especialización:
. Editorial
. Señalética
. Publicidad
. Identidad corporativa
. Diseño de envases
. Digital
Comunicación efectiva en ingeniería | Universidad de Deusto 2
DISEÑO EDITORIAL
Es la rama del diseño gráfico que se dedica al
diseño y la composición de publicaciones
como revistas, periódicos y libros.
Hay constancia de que existe desde el s. IV
a.C. cuando aparecieron las tablillas de arcilla
sumerias, y se desarrolló con el papiro, el
pergamino, los códices, ... hasta la aparición
de la imprenta de Gutenberg.
El diseño editorial ha evolucionado de la mano
del ser humano y las nuevas tecnologías.
Compendre medios impresos y digitales.
Principalmente lo encontramos en la
realización de libros, revistas o periódicos. Pero
también se usa en catálogos de productos,
informes, etc.
En definitiva, cualquier publicación que
pretenda comunicar una idea
o contar una historia mediante la organización
y presentación de palabras y elementos
gráficos.
Comunicación efectiva en ingeniería | Universidad de Deusto 3
Acentúa los aspectos más funcionales del
diseño, ya que busca legibilidad antes
que expresividad.
Aspectos comunes del diseño editorial:
. El formato
. La retícula
. La tipografía
. El color
. Los elementos gráficos
Normalmente se utilizan retículas y esquemas
tipográficos para conseguir unidad y
coherencia en todas las páginas >>
PLANTILLAS.
Comunicación efectiva en ingeniería | Universidad de Deusto 4
Libros
El libro se escribe y diseña para perdurar en el
tiempo.
El tema del libro determina el diseño y el uso de
la tipografía. Existen diferentes tipos de lecturas:
. Lectura lineal (como las novelas)
Se lee el texto desde el principio al final de
forma continuada y sin saltos de un bloque a
otro.
. Lectura informativa (libros científicos,
manuales, ...)
La finalidad principal es informar. El contenido
se presenta en bloques bien diferenciados
y jerarquizados mediante títulos, subtítulos,
negritas, ...
. Lecturas de consulta (diccionarios, agendas,...)
Sólo interesa un fragmento de toda la
información recogida en el libro. Hay que
disponer la información de tal modo que se
encuentre rápidamente.
Comunicación efectiva en ingeniería | Universidad de Deusto 5
Revistas
En el diseño de revistas se establece un sistema
de diseño y una paleta gráfica.
Recoge diferentes registros del lenguaje, sin
perder la coherencia de un todo.
. La portada
Gira entorno al nombre de la publicación.
Requiere la elección de una tipografía
adecuada y una correcta colocación.
. Las páginas interiores
Su composición está definida por una
cuadrícula en la que se especifican:
. El ancho de los márgenes.
. El número de columnas.
. La posición de los títulos y el número de
página.
A esta cuadrícula se le denomina retícula.
Debe ser abierta y flexible para permitir
múltiples opciones al maquetar las páginas.
Comunicación efectiva en ingeniería | Universidad de Deusto 6
Comunicación efectiva en ingeniería | Universidad de Deusto 7
“Estoy convencida de que la forma abstracta,
las imágenes, el color, la textura y el material
transmiten el mismo modo o más significado
que las palabras”
Katherine McCoy
“Ya no hay ningún consenso en el arte. En
estas circunstancias debemos volver a los
principios, ocuparnos de los puntos, las líneas,
los círculos y todo lo demás”
Armin Hoffman
Comunicación efectiva en ingeniería | Universidad de Deusto 8
LA FORMA
Todo diseño gráfico, toda creación de
imágenes, independientemente del medio gira
en torno a la manipulación de la forma.
La forma está formada por: figuras, líneas,
texturas, palabras e imágenes. Esta se escoge
o se crea según cual sea su propósito, y hay
que tener en cuenta su significado.
Independientemente de su abstracción o de la
sencillez, la elección de una forma connota un
determinado significado.
¿Qué ocurre cuando vemos un círculo? ¿Qué
nos evoca?
Ninguna forma es mejor comunicadora que
otra, pero su elección es vital a la hora de
comunicar el mensaje deseado.
Comunicación efectiva en ingeniería | Universidad de Deusto 9
a
Las formas son cosas, incluidas las imágenes y
los tipos.
Todo lo que nos rodea tiene forma. La forma
es el aspecto exterior de las cosas (objetos,
animales, plantas..., la podemos describir
trazando su contorno (líneas o dibujando
su silueta (manchas sobre un plano, así
individualizamos la forma y la diferenciamos
del fondo.
Crear una forma con belleza marca la
diferencia con el amontonamiento de cosas
delante de un público.
Aunque, la idea de belleza formal es
altamente subjetiva.
Para eliminar esa componente subjetiva:
LO BELLO = LO RESUELTO
Las ilustraciones agresivas, destrozadas, los
collages, las imágenes toscas, ... Pueden ser
bellos.
Comunicación efectiva en ingeniería | Universidad de Deusto 10
Lo resuelto
Significa que las partes de la forma están
relacionadas entre sí y que no hay ninguna
que no haya recibido consideración o que sea
ajena a cualquier otra.
Lo resuelto puede ser entendido también por lo
decidido: hecho con un propósito. Se trata de
una consideración a tener en cuenta a la hora
de empezar un trabajo.
Comunicación efectiva en ingeniería | Universidad de Deusto 11
EL ESPACIO
La forma cumple su función determinada en
un lugar: el espacio.
El espacio define una realidad tridimensional,
aunque se refiere a algo que en la mayoría de
los casos es una superficie bidimensional.
Una tarjeta de visita, una carta, una ventana
web,...
Comunicación efectiva en ingeniería | Universidad de Deusto 12
Se trata de un espacio bidimensional sobre el
que actuar, por medio de la forma, para darle
la apariencia de un espacio tridimensional.
A este espacio se le ha llamado históricamente
“plano pictórico”. En pintura, refleja una
ventana entre el mundo físico y la profundidad
ilusoria del entorno representado.
Comunicación efectiva en ingeniería | Universidad de Deusto 13
La forma del espacio
En diseño gráfico, llamamos al espacio
(y su forma) al formato, que delimita sus
dimensiones.
El tamaño del espacio que ocupa el formato
comparado con sus formas interiores cambiará
su modo de percepción.
Comunicación efectiva en ingeniería | Universidad de Deusto 14
Es importante la configuración del formato.
. Formato cuadrado = Neutro
. Formato vertical = Provocador, ejerce una dirección de movimiento de arriba hacia abajo.
. Formato horizontal = Pausado, tranquilo. Implica un movimiento lateral.
Comunicación efectiva en ingeniería | Universidad de Deusto 15
Comunicación efectiva en ingeniería | Universidad de Deusto 16
EL FONDO Y LA FIGURA
. La forma se considera un elemento positivo
dentro del espacio, que se considera negativo,
aludiendo a la ausencia.
Espacio = negativo = fondo
Forma = positivo = figura
. La confrontación entre el fondo y la
figura define el tipo de actividad visual, el
movimiento y la apariencia tridimensional.
. Organizar la figura con respecto al fondo
es uno de los aspectos más importantes del
diseño gráfico, afecta a todos los demás,
desde la respuesta emocional a la jerarquía de
la información.
. La relación figura-fondo debe ser
comprensible y presentar una lógica al
espectador; debe estar compuesta de tal
forma que la sensación que genere la lógica
compositiva o visual se considere apropiada
para el mensaje que se intenta expresar.
Comunicación efectiva en ingeniería | Universidad de Deusto 17
CLARIDAD Y DECISIÓN
Las composiciones claras y definidas crean
mensajes visuales, claros y accesibles.
Resolver y refinar una composición significa:
. Comprender el mensaje que aporta una
forma determinada.
. Entender como se comporta esta en el
espacio.
. Controlar el efecto que tiene la combinación
de estos aspectos sobre el espectador.
Decimos que una composición ha sido resuelta
cuando:
. Se percibe claramente el porqué de la
situación de todos los elementos y de su
tamaño.
. Se entiende como se relacionan estos entre sí
y con el espacio.
. Todas las partes se han considerado respecto
a las demás.
Comunicación efectiva en ingeniería | Universidad de Deusto 18
El término refinado indica:
. Que la composición creada es la más
sencilla.
. Que se ha realizado con la máxima claridad.
. Comunica indiscutiblemente una cualidad
determinada.
Comunicación efectiva en ingeniería | Universidad de Deusto 19
La claridad
Se alude a ella cuando las formas dentro
de una composición son rápidamente
comprensibles.
Depende del refinamiento de las formas y de
las relaciones creadas entre forma y espacio.
La decisión
Aparece cuando una relación espacial es
claramente una cosa y no otra.
Las cualidades visuales decididas son
importantes en diseño, porque la credibilidad
del mensaje que se expresa, depende de la
confianza con la que se han resuelto las formas
de la composición.
Comunicación efectiva en ingeniería | Universidad de Deusto 20
¿CÓMO OCUPAR EL ESPACIO?
El espacio es neutro e inactivo hasta que lo
rompe la forma.
¿Cómo se rompe el espacio y qué ocurre
cuando se hace?
. Oportunidad de involucrar al espectador.
. Transmisión de mensajes importantes, literales
y conceptuales antes de que el espectador
asimile el contenido.
La ruptura del vacío crea un nuevo espacio:
las áreas que rodean la forma:
. Adición de complejidad.
. Reducción del espacio inicial.
. Importancia del espacio desocupado.
Comunicación efectiva en ingeniería | Universidad de Deusto 21
Estático y dinámico
Las proporciones de positivo y negativo
pueden ser generalmente estáticas o
dinámicas.
Es importante luchar contra la tendencia de la
forma bidimensional a mostrarse estática.
El espacio = Lo estático
Las formas = Lo dinámico
Para evitar una composición estática es
interesante forzar las proporciones de los
espacios entre las formas, así como entre las
formas y los bordes del formato, para que sean
lo más diferentes posible.
Comunicación efectiva en ingeniería | Universidad de Deusto 22
Distribuir las formas
El diseñador dispone de varias estrategias
básicas para organizar las formas dentro del
formato de una composición.
Cada estrategia creará relaciones distintas
entre las formas y el espacio.
Cerca y lejos
Organización en un espacio dimensional
ilusorio: definir elementos como si existiesen
en un primer plano, en el fondo o en un lugar
indeterminado.
Esta relación otorgará mas o menos
importancia a una forma respecto a otra.
Movimiento
Es posible incluir la sensación de movimiento
cinético, haciendo que los elementos se
muevan en un sentido.
Comunicación efectiva en ingeniería | Universidad de Deusto 23
Distinguir Agrupación Alinear
Comunicación efectiva en ingeniería | Universidad de Deusto 24
Superposición / Capas A sangre Secuencia cinética
Comunicación efectiva en ingeniería | Universidad de Deusto 25
Comunicación efectiva en ingeniería | Universidad de Deusto 26
ESTRATEGIAS DE COMPOSICIÓN
Simetría y asimetría
El movimiento y el dinamismo espacio-forma reducen las posibilidades de simetría.
La simetría representa lo estático, algo en reposo, y normalmente es recomendable huir de
ella, ya que a priori la simetría no incita a que el espectador investigue una obra con más
detenimiento.
Las construcciones asimétricas provocan una participación más exigente, ya que el cerebro
evalúa las diferencias que existen en el espacio y estimula un movimiento visual mayor.
Estáticidad Presencia semejante Variación de elementos Aumento de tamaño
Comunicación efectiva en ingeniería | Universidad de Deusto 27
Activar el espacio
Las partes de un espacio, en un proceso de composición, conectan y desconectan con otras.
Una sección puede ser separada o bloqueada con respecto a otra si un elemento cruza el
espacio.
Centrar los elementos en un área obliga a prestar atención, por lo que se consigue crear
énfasis en la composición. Creando recíprocamente una zona de descanso:
Espacios inertes o inactivos.
Separación Conexión Espacio activo Contraste de activación
Comunicación efectiva en ingeniería | Universidad de Deusto 28
Activar un espacio negativo implica entrar de
nuevo en un diálogo con los demás espacios
de la composición.
Apeloig Design. Francia
Comunicación efectiva en ingeniería | Universidad de Deusto 29
Mutabor diseño. Alemania
Comunicación efectiva en ingeniería | Universidad de Deusto 30
Contraste compositivo
Consiste en crear zonas de diferente presencia
o cualidad.
Construcciones dinámicas = Construcciones
resueltas
Entendemos contraste como algo más allá
de las diferencias entre lo claro y lo oscuro, lo
curvo frente a lo anguloso, o lo dinámico frente
a lo estático:
Diferencias entre las relaciones forma-espacio
dentro de un formato.
El contraste se entiende en muchas ocasiones
como “Tension”, que puede ser generada por:
. Relaciones entre formas dispares
. Cercanía de elementos
. Complejidad de la ocupación de espacios
. Alternancia de planos
. Imágenes a sangre
Comunicación efectiva en ingeniería | Universidad de Deusto 31
Sistemas proporcionales
Controlar el movimiento del ojo ante una
composición resulta más sencillo si se hace
de una manera controlada, a través de un
sistema de intervalos reconocible.
Es decir: Aplicación del sistema de
retículas.
La proporcionalidad en ocasiones se establece
de manera intuitiva, y en otras el creativo
busca las proporciones que necesita.
Posibles problemas:
Creación de espacios estáticos y rígidos, o
extraños y limitadores.
Comunicación efectiva en ingeniería | Universidad de Deusto 32
Ejemplos de lógicas proporcionales:
Ley de los tercios
Lógica Musical
Lógica Matemática
Proporción aurea
(...)
Comunicación efectiva en ingeniería | Universidad de Deusto 33
Comunicación efectiva en ingeniería | Universidad de Deusto 34
ESKERRIK ASKO!
Comunicación efectiva en ingeniería
Universidad de Deusto