TALLER DE DISEÑO V (DISEÑO BI-MEDIA)

Prof: Lic. Rodolfo Silvero Caballero

E-Mail: kuyaprod@gmail.com
Tel: 511 773 (Oficina) 0971 330 032

¿Qué es diseño editorial y diseño publicitario?

Se denomina «Diseño Editorial» a la maquetación y composición de publicaciones
tales como revistas, periódicos o libros.
Por otro lado, hablamos de «Diseño Publicitario», cuando nos referimos a la forma de
presentar, promocionar o anunciar, una empresa, producto o servicio. A lo largo del
tiempo han ido surgiendo diversos métodos de comunicación, desde los grafitis (que
eran las pintadas en la pared que realizaban los romanos para comunicar alguna
noticia), los carteles, los primeros diarios y más tarde las revistas, hasta la radio la
televisión...
Este desarrollo de los medios, se ve ligado a su vez al desarrollo del mercado, los
productos, las empresas, factores que defenderán en gran medida de los diferentes
medios.
Y es en este momento cuando aparecen los anuncios (tanto en prensa como en radio y
televisión) como forma de publicidad, y con ellos los folletos, los catálogos, trípticos,
packaging...Pues bien, en todas estas manifestaciones de comunicación y publicidad
existen algunos puntos comunes a tener en cuenta en la mayoría de las
circunstancias:

Producto:

1. Diseño Editorial: Debemos saber que tipo de contenido vamos a maquetar, es

decir, de que tipo de publicación estamos hablando.
2. Diseño Publicitario: El diseñador debe conocer el producto, para poder
transmitir sus características, sus ventajas, novedades, en definitiva, a de conocerlo
para poder convencer al público.

El público o consumidor:

1. Diseño Editorial: A de saber a que público va dirigida la publicación. No es lo

mismo una revista para jóvenes aventureros, que para amas de casa. La composición
depende en gran medida de saber quien es el público destinatario de la misma.
2. Diseño Publicitario: Además del conocimiento del producto, hay otro aspecto
importantísima que no debemos olvidar a la hora de crear un anuncio, el estudio del
público al que va dirigido,
Debemos tener presente que es lo que espera el cliente del producto para
poder ofrecérselo, convencerlo, estimularlo, en otras palabras, darle una razón para
comprarlo o adquirirlo.
La base para crear un buen diseño que será capaz de transmitir las
características o atributos del producto de la forma más clara posible.

Medios:

DISEÑO V – Comunicación Bi-Media 1

 1. Diseño Editorial: Cada medio, ya sea un tipo de revista o un periódico
determinado, tiene sus propias características en cuanto a formato, composición,
contenido de las páginas..., e incluso jerarquía de los elementos. Debemos saber como
vamos a estructurar la información en el medio.
2. Diseño Publicitario: Dependiendo del producto (ya sea un objeto, una
empresa, un servicio...) será más eficaz su publicidad en un medio u otro. Es decir, no
es lo mismo anunciar un nuevo producto de cosmética, en una revista dirigida a la
mujer como «Mía» o la tan conocida revista del corazón «Hola», que anunciarlo en una
revista especializada en negocios. La revista especializa en negocios no es el medio
más adecuado para anunciar este producto, puesto que no vadirigido a las personas
que pueden estar interesadas en dicho producto.
Esto no quiere decir que no sea posible, pero: ¿es eficaz?, ¿va dirigido al
público adecuado?. Esta claro que no.
Cada medio, ya sea un tipo de revista o un periódico, tiene sus propias
características en cuanto a formato, composición, contenido de las páginas, e incluso
jerarquía de los elementos.

Competencia:

Diseño Editorial y Diseño Publicitario: El conocimiento o reflexión de algunos

puntos de la competencia, como la respuesta del público hacia su publicidad y por
tanto a su producto, pueden sernos útil a la hora de valorar nuestro trabajo.
Los factores que determinan una buena comunicación, no se deben separar,
deben formar un conjunto coherente y funcional.

La regla áurea.

La escala se utiliza en planos y mapas para la representación de una medición

proporciaonal real. La medición nos permite adecuarnos a la realidad, pero más
importante es la yuxtaposición, lo que colocamos junto al objeto visual o el marco en
el que está colocado. La medición universal es la propia medida del hombre, el tamaño
medio de las proporciones humanas.

La pregunta que todos los diseñadores nos hacemos al principio es: ¿cómo podemos
distribuir el espacio de diseño de una forma acertada?. Pues bien, no hay una norma
que nos indique la división perfecta, pero existe una fórmula muy conocida en el
mundo del diseño, que permite dividir el espacio en partes iguales, para lograr un
efecto estético agradable y que puede llegar a ser muy eficaz. Esta teoría se denomina
"La regla Aurea", también conocida como "sección áurea".

La creó Vitruvio, la autoridad romana en arquitectura. Ideó un sistema de cálculo

matemático de la división pictórica, para seccionar los espacios en partes iguales y así
conseguir una mejor composición. Se basa en el principio general de contemplar un
espacio rectangular dividido, a grandes rasgos, en terceras partes, tanto vertical como
horizontalmente. O, explicado de otra forma, bisecando un cuadro y usando la
diagonal de una de sus mitades como radio para ampliar las dimensiones del cuadrado

DISEÑO V – Comunicación Bi-Media 2

hasta convertirlo en "rectángulo áureo". Se llega a la proporción a:b = c:a. Al situar
los elementos primordiales de diseño en una de estas líneas, se cobra conciencia del
equilibrio creado entre estos elementos y el resto del diseño.

Existen otros muchos sistemas para establecer escalas o proporciones, por ejemplo la
establecida por el arquitecto francés Le Corbusier. Su unidad modular es el tamaño del
hombre, y sobre esta proporción establece una altura media de techo, ventana,
puerta... Aprender a relacionar el tamaño con el propósito y el significado es esencial
para la estructuración de los mensajes visuales. Controlados los diferentes efectos que
podemos crear, nos permitirá manipular ilusiones visuales.

Factor equilibrio:

Este criterio es normalmente aplicado en el mundo del dise-o, y decimos normalmente

porque en algunos casos se puede llegar a utiliza el desequilibrio intencionado para
obtener algún efecto específico (no es habitual ya que la ausencia de equilibrio,
puede inquietar al receptor). El concepto de equilibrio parte también de nuestra
propia percepción, en relación con nuestra anatomía, que nos lleva a interpretar la
colocación de pesos, magnitudes, masas y volúmenes en relación con nuestro propio
concepto de simetría humana.

Podemos definir el concepto de equilibrio como la apreciación subjetiva de que los

elementos de una composición no se van a caer. La existencia de equilibrio en una
composición, no quiere decir que todas las líneas (texto, titulares...) o formas
(fotografías, ilustraciones...) sean iguales en tamaño, color u otra dimensión. Por
ejemplo, un parte de nuestro área de diseño puede estar formada por muchos
elementos y a la vez tener equilibrio con otra parte de dicho diseño que solo consta
de un elemento.

Conceptos de tipografía.
Antes de los años 80, un diseñador gráfico trabajaba con un "cajísta", profesional que
se dedicaba especialmente a componer los caracteres. Actualmente los diseñadores
tienen distintos papeles, entre otros el de diseñador y el de tipógrafo.

Las transformaciones de la tecnología tipográfica han producido cambios en el aspecto

de los caracteres. En 1960, con el desarrollo del fototipo, se comenzó a poder permitir
que los caracteres se toquen y se solapen. La utilización de los ordenadores ha tenido

DISEÑO V – Comunicación Bi-Media 3

una gran repercusión con respecto a los caracteres, ya que la letra digital permite una
gran flexibilidad.

El diseñador debe tener siempre presente al trabajar con tipografía que una
publicación bien diseñada es una comunidad de tipos en la que todos los miembros
trabajan conjuntamente para un propósito común: ayudar al lector a navegar
correctamente por la información. Además de ésto debemos tener en cuenta que el
uso de la tipografía imprime carácter y expresividad, redundando en las
significaciones de lo que se quiere transmitir.

¿Qué entendemos por tipografía y fuente o familia? Se denomina tipografía al estudio

y clasificación de las diferentes familias o tipos de letras, así como el diseño de
caracteres unificados por propiedades visuales uniformes, mientras que la fuente es el
juego completo de caracteres en cualquier diseño, cuerpo o estilo. Estos caracteres
incluyen letras en caja baja y alta, numerales, versalitas, fracciones, ligaduras (dos o
más caracteres unidos entre sí formando una sola unidad), puntuación, signos
matemáticos, acentos, símbolos monetarios...

Al igual que el resto de los elementos que utilizamos en la composición de nuestro

diseño, el conocimiento de los tipos de letras y sus características es necesario para
una utilización correcta. Las técnicas destinadas al tratamiento tipográfico y a medir
los diferentes textos, es conocida como tipometría.

Los tipos constan de unas partes que se denominan como: brazos, piernas, ojos,
columnas, colas... Estas son las partes que se han utilizado de forma tradicional para
la construcción de las diferentes letras. La estructura de las letras permanece
constante sin tener en cuenta la tipografía, así una B mayúscula consta de un brazo
vertical y dos curvos.

Evidentemente, dependiendo del tipo nos encontraremos con aspectos muy diferentes
de las letras. Una familia tipográfica es un grupo de tipografías que tienen unas
características similares. Los miembros de una familia tienen algunos rasgos similares
y otros que les son propios.

DISEÑO V – Comunicación Bi-Media 4

Cuadrícula tipográfica.
Las dos unidades de medidas básicas en tipografía son la pica y el punto (medida
inventada por Didot). Seis picas o 72 puntos equivalen aproximádamente a una
pulgada; doce puntos equivalen, a su vez, a una pica.

Los puntos se utilizan para especificar el cuerpo de un tipo, formado por la altura de
las mayúsculas más un pequeño espacio por encima y por debajo de las letras. Tipos
del mismo cuerpo pueden parecer que sean de distinta medida según la altura de la x.
Aún teniendo el mismo cuerpo, una letra con la altura de la x grande parece mayor
que otra con la x pequeña. Asimismo, los puntos también se utilizan para medir la
distancia entre las líneas.

Las picas, sin embargo, se usan para medir la longitud de las lineas. La unidad, una
medida relativa que se determina dividiendo la eme (que equivale a un cuadrado del
cuerpo de la letra), se utiliza para reducir o aumentar el set, proceso denominado
"tracking". El ajuste del espacio entre dos letras para crear consistencia entre las
palabras se llama "kerning". Estos dos conceptos los veremos más adelante.

La cuadrícula tipográfica, sirve para organizar los elementos tipográficos y pictóricos

de una página y unificar todas las partes del diseño. La complejidad y la configuración
de las cuadrículas depende de la naturaleza de la información que se debe incorporar y
de las propiedades físicas de los elementos tipográficos. Las cuadrículas tipográficas
estándar poseen líneas de contorno, módulos cuadriculados, columnas de texto,
medianiles (espacio en blanco entre dos columnas de texto) y márgenes.

El principio básico que deberemos tener en cuenta cuando comenzamos con el diseño
de una retícula es comenzar a trabajar con los elementos más pequeños y a partir de
ahí hacer una progresión ascendente y congruente. Así deberemos establecerlo a partir
del interlineado (o espacio entre líneas = suma entre el cuerpo y la interlínea) del tipo
más pequeño que utilicemos en nuestro diseño.

Nota: estos conceptos se verán más ampliamente en los temas de diseño editorial.

DISEÑO V – Comunicación Bi-Media 5

Grosores y anchos.
Las tipografías de cada familia tienen distintos grosores y anchos. Algunas familias
están formadas por muchos miembros y otras no. Por ejemplo la "Stone" incluye las
dos variantes de con y sin serif. Dentro de una misma familia tipográfica hay ciertos
caracteres que la diferencian entre sí, como son:

* 1. Anchura del trazo: Según la anchura del trazo pueden clasificarse en extrafina,
fina redonda, negra o supernegra (de menor a mayor).
* 2. Proporción entre ejes vertical y horizontal: se clasifican en redonda (cuando
son iguales), estrecha (cuando el horizontal es menor que el vertical) y expandida
(cuando el horizontal es mayor).
* 3. Inclinación del eje vertical: son las llamadas itálicas o cursivas. Generalmente
esta inclinación es de 15 grados.
* 4. Cuerpo: Es el tamaño de la letra, se mide en puntos tipográficos.

Actualmente resulta muy complicado realizar una clasificación de tipos, ya que existe
una gran variedad y mezcla de estilos. Podemos hacer una clasificación histórica de
los mismos que podría ser: Gótico; Romano (tradicional, de transición, moderno, del
siglo XX); slab serif (o egipcio); sin serif o lineal y, por último de trazo.

También podemos hacer una clasificación más genérica en cuanto a clasificar los tipos
de letras en dos grandes familias por medio de una característica de estas, la "serifa",
o remate que poseen algunas letras en sus terminaciones y que tradicionalmente se le
ha visto como cualidad facilitar la lectura o sin "serifa". Sin embargo, posteriormente
se ha comprobado en investigaciones en cuanto a legibilidad, que existe poca
diferencia entre ellas. El "set" o espaciado entre letras, tiene mayor importancia en el
aspecto de facilitar la lectura.

Una clasificación histórica puede ser:

* 1 Gótico: Fue el primer carácter de imprenta usado en Europa. Es un tipo de letra

que imita la escritura a mano que llevaban a cabo los monjes con un plumín ancho.
Varía desde la más antigua, de ojo pequeÒo, hasta las influenciadas por el estilo
renacentista, de ojo más ancho y más legible.
* 2 Romana (o con serif): Se distinguen cuatro tipos:
o A. Son los primeros tipos romanos basado en la columna de Trajano. El palo
de la letra está adornado con una base con serif que surge de las letras talladas en
piedra (Bembo, Platin).

DISEÑO V – Comunicación Bi-Media 6

 o B. De transición: Se denominan así a los que se producen en el siglo XVIII.
Las mejores calidades del papel y de impresión posibilitan una variación en su grosor y
se hacen más finos (Garamond y Baskerville).
o C. Modernos: Se caracterizan por tener los serif horizontales y delgados
(Bodoni).
o D. Del siglo XX: Mejoran su legibilidad. Se diseñan tipos de letra derivados
del romano, con el ojo de mayor tamaño (Times New Roman). Por lo tanto, algunas de
estas letras de estilo romano son: TIMES, BODONI, GARAMOND, BEMBO, BASKERVILLE,
BODONI o CENTURY EXPANDED. Además de que existan muchas otras, hay diferentes
estilos dentro de cada una, como por ejemplo, Garamond Italic, Garamond Semibold...
* 3 Egipcio: Se deriva del romano. Tienen astas iguales y más anchas y el remate
rectangular (Rockwell, Clarendom).
* 4 Palo seco (o sin serif): Algunas de estas letras son: HELVETICA, GILL SANS,
FRANKLIN GOTHIC, FRUTIGER o FUTURA, UNIVERS. Al igual que el primer grupo,
existen muchas más y hay diferentes estilos dentro de cada una, como por ejemplo,
Gill Sans Bold, Gill Sans Bold Italic...
* 5 Otros: Algunos tipos más modernos y con amplias variaciones se escapan de la
clasificación anterior creando nuevas familias como, la "caligráfica" que imita la
escritura manual, la "mecano" letras densas y pesadas o la ornamental cargada de
trazos y adornos.

La legibilidad de la tipografía.
El primer objetivo que debe tener un diseñador a la hora de ponerse a trabajar con
texto es que éste sea legible, es decir que facilite la lectura al posible receptor de ese
trabajo. Cuando el diseñador domina las reglas que hacen que un texto sea más o
menos legible o cuando es más importante la expresividad que el contenido textual, es
cuando el diseñador podrá trabajar más libremente.

¿Cuáles son las reglas que debemos tener en cuenta para la legibilidad de los textos?
En primer lugar deberemos escoger caracteres que sean abiertos y bien
proporcionados, con regularidad en los tipos y con remates clásicos. Los caracteres
que contienen afectaciones estilísticas o irregularidades son menos legibles, por lo
que son menos recomendables utilizarlos en bloques de textos y más adecuados para
textos cortos o titulares.

DISEÑO V – Comunicación Bi-Media 7

Una vez elegida la tipografía con la que trabajaremos para hacer legible el trabajo,
tendremos que tener en cuenta otros aspectos como el cuerpo con el que
trabajaremos, la longitud de la línea o el interlineado. Cuando conseguimos que éstos
tres elementos armonicen -tipografía y su tamaño o cuerpo, longitud e interlineado-
se producirá una mayor facilidad de lectura, será más natural nuestro recorrido visual
sobre el texto. Cuando variamos uno de estos aspectos en la tipografía, deberemos
ajustar los otros para que la armonía se siga produciendo.

Deberemos elegir un cuerpo o tamaño de tipografía dependiendo de la finalidad y la

importancia que queramos darle al texto. Cuando estamos hablando de un bloque de
texto el tamaño idóneo debe estar entre 8 y 11 puntos, cuando nos referimos a otras
finalidades del texto: titulares, subtítulos... los tamaños pueden ser muy variables.

En cuanto a la longitud de las líneas deberemos tener cuidado, ya que las demasiado
largas producen aburrimiento en el lector y las demasiado cortas dificultan la lectura
por el ritmo visual al que obliga con el cambio constante de línea de lectura.
Dependiendo de que tipo de textos o del tamaÒo del diseÒo nos tendremos que
plantear distintas longitudes de línea, pero habitualmente se considera que el máximo
de caracteres aceptados por línea es de sesenta a setenta.

Por otra parte el interlineado es un factor importante para que el lector pueda seguir
correctamente la lectura sin equivocarse de línea o cansar la vista. Es el espacio
vertical entre las líneas de texto. Como regla general, el interlineado debe ser
aproximádamente un 20% mayor que el tamaño de la fuente. Por ejemplo un
interlineado de 12 puntos es correcto para un texto de 10 puntos. Pero siempre
debemos tener en cuenta que los requerimientos varían según el texto y la fuente.

Formas de alineación.
El texto puede alinearse de cinco formas distintas: alineado a la izquierda, alineado a
la derecha, justificado, centrado o asimétrico.

* El texto alineado a la izquierda es el más natural y recomendable para textos

largos. Crea una letra y un espacio entre palabras muy uniforme, y dado que las líneas
terminan en diferentes puntos, el lector es capaz de localizar fácilmente cada nueva
línea. Esta es posiblemente la forma de alineación de textos que resulta más legible.
* Sin embargo, la alineación a la derecha va en contra del lector porque es dificil
encontrar la nueva línea. Este método puede ser adecuado para un texto que no sea
muy extenso, pero no para grandes bloques.
* El texto justificado (alineado a derecha e izquierda) puede ser muy legible si el
diseñador asegura que el espacio entre letras y palabras sea uniforme y los molestos
huecos llamados "ríos" no interrumpan el curso del texto. Normalmente cualquier
programa de autoedición facilita al diseñador afinar los espacios. Algunos programas
dan dos tipos de justificado, uno el normal y otro en el que se justifica también la
última línea.
* Las alineaciones centradas dan al texto una apariencia muy formal y son
adeucadas cuando se usan mínimamente. Pero debe evitarse configurar textos
demasiado largos con este modelo.

DISEÑO V – Comunicación Bi-Media 8

 * Las alineaciones asimétricas se usan cuando el diseñador desea romper el texto
en unidades de pensamiento lógicas, o para dar a la página un aspecto más expresivo.
Obviamente la configuración de grandes cantidades de texto de esta manera acaba por
cansar al lector.

Espaciado.
El espaciado entre letras, palabras y líneas también afecta al tipo y al color. Las
palabras parecen de un tono más luminoso si las letras están más separadas. Del
mismo modo, si se incrementa el espaciado que hay entre palabras y líneas, el tipo
parece adquirir un valor más brillante.

Prestar atención a las necesidades de espaciado, puede favorecer la legibilidad cuando

el contraste de color es escaso o cuando debe imprimirse en color un gran fragmento
textual. Si el tipo se disminuye en tamaño, debe incrementarse la fuerza de contraste
de color. Por otra parte, los fondos estampados o con textura perjudican la legibilidad.

Cuando el tipo se coloca en positivo o en negativo sobre un fondo texturizado, hay

que asegurarse de que esté muy contrastado. Cuando los tipos se combinan con
fotografías de fondo, debe buscarse un espacio liso dentro de la foto que no afecte el

DISEÑO V – Comunicación Bi-Media 9

tipo, buscar un gran contraste entre el color tipográfico y el fondo o insertarlo en un
fondo superpuesto.

Empleando tramas podemos enriquecer la variedad cromática de un texto sin tener que
añadir colores adicionales. Las tramas resultan especialmente útiles en trabajos de
impresión con uno o dos colores, de todas formas deberemos tener en cuenta que el
porcentaje de la trama afecta a la legibilidad del tipo. Los tipos tramados pueden
disponerse en negativo o en positivo. También sobre una imagen en cuatricromía
puede insertarse un texto en negativo o imprimirse en color si existe el contraste
suficiente entre el tipo y la imagen.

Deberemos tener cuidado si la letra es demasiado pequeña o demasiado fina, ya que

hay muchas posibilidades de que los puntos de la imagen en cuatricromía invadan los
tipos y alteren su legibilidad. Si el contraste de colores no basta por sí solo para
destacar el tipo sobre el fondo, pueden añadirse perfiles y sombras. De todas formas
no es recomendable utilizar estos efectos en los bloques de texto, pues en términos de
legibilidad sería más perjudicial que beneficioso. Los mejores resultados se consiguen
con tipos grandes o en titulares.

Cuando tenemos que buscar un color para asociar a un tipo, lo primero que deberemos
de examinar son los objetivos del trabajo que tenemos que realizar y el público al que
va dirigido. Para elegir las combinaciones de color más adecuadas para texto y fondo
deberemos de tener en cuenta una serie de reglas:

* Fuertes contrastes de tono (cálidos y fríos).

* Contrates de valor (luminosos y oscuros)
* Contrastes de saturación (vivos y apagados).

Pero de entre todos los contrastes, el de valor es crucial, lo primero que debemos
pensar es en términos de claridad y oscuridad antes que en tonos. También deberemos
tener en cuenta que las letras oscuras sobre fondo claro es más efectivo que al
contrario.

DISEÑO V – Comunicación Bi-Media 10

Color en la tipografía.
Diseñar con tipos y colores es un gran reto, ya que cuando los colores y los tipos
aúnan sus fuerzas, el riesgo de errar se acentúa; aunque también es cierto que la
combinación de tipos y color hace que se resalte los atributos visuales y expresivos de
la tipografía.

En la elección del color uno de los aspectos que debemos no olvidar es la legibilidad
tipográfica. Estamos acostumbrados a ver tipos negros sobre papel blanco, y
tradicionalmente esta combinación es la más legible. Además muchos tipos se han
diseñado para ser leidos como letras negras sobre fondo blanco y ofrecen una optima
legibilidad impresos de este modo.

En el momento en que se añade color al tipo o al fondo, se altera la legibilidad del

texto. En consecuencia, la tarea del diseñador es combinar las propiedades del tipo y
el color para multiplicar su potencial comunicativo. Estos dos elementos pueden dar
vida a un texto que, de otro modo, fracasaría en su vertiente comunicativa.

Para alcanzar la óptima legibilidad cuando se diseña con tipos y color se han de
sopesar cuidadosamente las tres propiedades del color (tono, valor e intensidad) y
determinar el contraste apropiado entre las letras y su fondo. Cuando se combinan
tipos y color, el equilibrio entre estas características es crucial.

Los colores azul y naranja, complementarios totalmente saturados, ofrecen un

contraste tonal pleno, pero cuando lo aplicamos a tipo y fondo los bordes de las letras
tienden a oscilar y complica la lectura del texto. Esto ocurre porque ambos colores
poseen un brillo que rivaliza entre sí y que reclaman atención propia. La solución es
suavizar o acentuar uno de los tonos haciendo que su valor pase a ser claro u oscuro.

Por otra parte, si dos colores análogos están demasiado cerca en el círculo cromático y
no aportan suficiente contrate de tono o valor, deberían reajustarse para agudizar
dicho contraste. Un buen principio es coger colores que no estén directamente
enfrentados ni estén demasiado próximos en el círculo cromático. Deben buscarse
colores compatibles, pero tambiÈn colores que difieran en valor e intensidad.

Tendremos que tener también en cuenta las cualidades y características de cada tipo,
ya que un tipo muy fino o estrecho, o una letra de trazo puede parecer muy débiles o
ilegibles si los tonos son muy similares o si los valores están demasiado próximos. Por
lo tanto, debe de existir el contraste suficiente para proteger la fidelidad de las letras.

Otro concepto que debemos conocer es el llamado "color tipográfico": una ilusión
óptica creada por las propias proporciones y las formas de los diseños tipográficos que
nos da la sensación de distinto color aunque esté impreso en el mismo color. Aunque
las palabras estén impresas en el mismo color, cada una de ellas puede poseer un tono
distinto debido a las características porpias de sus diseños tipográficos.

DISEÑO V – Comunicación Bi-Media 11

Armonía, Legibilidad, Términos.
Sugerencias para mantener la armonía de los colores en un trabajo:

* 1. Emplear sólo unos cuantos colores y escoger uno como dominante.

* 2. Elegir tonos que posean características en común, como los colores análogos o
los complementarios.
* 3. No usar colores demasiado vivos: mezclarlos con variantes claras y oscuras de
tonos bien escogidos. De esta forma produciremos sensación de diversos niveles de
color o profundidad.
* 4. Combinar colores acromáticos con tonos puros y colores claros y oscuros.
* 5. Partir de los esquemas básicos de color y trabajar sobre ellos.

Resumen de algunas normas para la correcta legibilidad de los tipos:

* - Las letras redondas y minúsculas suelen ser dentro de una familia las más
legibles, más que las cursivas, negritas, mayúsculas y estrechas.
* - La separación entre letras y palabras debe realizarse de forma correcta, para que
sea fácil de leer, es decir la separación debe ser coherente.
* - En la separación entre letras tendremos que tener en cuenta especialmente las
mayúsculas y sobre todo en rotulación. No es la misma separación la que deben tener
las letras D y O que la M, la I o la N en una palabra como DOMINO.
* - El tamaño de la letra debe elegirse teniendo en cuenta a la distancia a la que se
va a leer. Para un cartel que será observado a 10 metros, la altura de la letra debe ser,
al menos, de 2,5 cm; mientras que para una valla publicitaria que deba leerse a 60
metros, la altura de la letra deberá ser, al menos, de 15 cm.
* - La elección del tipo más adecuado depende en gran medida del tipo de mensaje
al que va enfocada la composición. En algunos casos necesitaremos un tipo de letra
refinada, elegante o delicada, sin embargo habrá casos, en los que nuestras letras
deban ser sobrias, macizas y sin ningún tipo de remilgos.
* - La tipografía debe diseñarse o componerse de forma que sea agradable de leer y
que esté íntimamente relacionada con el objetivo del mensaje y con el público al que
va dirigido. Ejemplo: El anuncio de un todo terreno nada tiene que ver con el de un

DISEÑO V – Comunicación Bi-Media 12

producto de cosmética, por lo cual el enfoque de la tipografía será totalmente
diferente.
* - ¿Cuales serían los colores adecuados para la tipografía? Teniendo en cuenta que
la tipografía es un elemento gráfico, está sujeto a las normas de la teoría del color y a
las normas generales que aplicamos en el diseño. Por ejemplo:
o Los tipos negros sobre fondo blanco reflejan mayor legibilidad, por el
contrario, el texto blanco sobre fondo negro nos hacen perder visibilidad.
o Un texto de color amarillo sobre fondo blanco perdería importancia, ya que,
no resaltaría al ser los dos colores claros, sin embargo, si el color de fondo es negro,
el amarillo cobraría fuerza. Según algunos estudios, la letra más legible es la negra
sobre fondo amarillo.

Cuando hablamos de tipos (letra) debemos conocer una serie de términos:

* Carácter: término utilizado para designar las letras, los signos de puntuación y los
espacios en blanco.
* Caja alta: se utiliza para designar a las mayúsculas.
* Caja baja: se utiliza para designar a las minúsculas.
* Línea: es la recta sobre la que se apoyan los tipos (letras).
* Tipómetro: sirve para calcular el numero de líneas de texto que caben en un
espacio determinado.
* Negra: letra de trazo más grueso de lo normal.
* Redonda: letra normal.
* Texto sólido: texto compuesto sin interlineado.
* Alinear: organizar el texto con arreglo a una línea horizontal o vertical.
* Centrado: texto compuesto en el centro del área de imagen.
* Justificado: composición de texto en líneas exactamente iguales.

La informática y la tipografía.
Recordemos: En un diseño, se deben comprobar las diferentes variaciones que
podemos aplicar a la tipografía para conseguir que la composición sea lo más eficaz
posible. Estas variaciones las podemos resumir en:

* 1 Tipo o forma de la letra.

* 2 Cuerpo o tamaño del tipo.
* 3 Espacio entre letras.
* 4 Espacio entre palabras.
* 5 Espacio entre líneas.
* 6 Posición y organización del texto, es decir la ubicación del texto dentro de la
composición.

La informática y la tipografía:

La informática a revolucionado la tipografía, ya que podemos manipularla y

modificarla con respecto a nuestras necesidades. Es interminable la capacidad que
tenemos con la tipografía, para poder expresar y transmitir ideas y conceptos, pero a
la vez hay que hacer un uso adecuado de ésta y conocerla, para no caer en el peligro

DISEÑO V – Comunicación Bi-Media 13

de la confusión, la falta de legibilidad y otros aspectos que podrían hacer que nuestro
mensaje no llegase al público.

Por otro lado, no podemos buscar solo lo estético, hay que buscar también la eficacia
de la composición, puesto que la función principal del diseño es comunicar. La unión
entre la efectividad y la estética será el resultado perfecto.

Sitios Recomendados
http://blogvecindad.com
www.newsartesvisuales.com

DEFINICIONES COMUNES: DISEÑO / DIAGRAMACIÓN

Podemos considerar al dise³o gr£fico como la: organizaciµn armoniosa de elementos
gráficos con el objetivo de cumplir una función de comunicación visual. Esos
elementos gráficos son el texto y la imagen. Estos dos elementos convierten al
mensaje impreso en un mensaje bimedia, en el decir de Moles «ste ser¯a, por lo tanto,
un mensaje multimedia.

El dise³o gr£fico se concibe para ser plasmado sobre soportes bidimensionales: papel,
cartµn, pO£stico, etc.; sin embargo estos soportes pueden ser convertidos a objetos
tridimensionales: envases, dispensadores, merchandising, etc. Esto significa que el
dise³ador tambi«n tiene una concepciµn tridimensional con respecto al uso del

DISEÑO V – Comunicación Bi-Media 14

dise³o. Habr¯a que concordar con Moles cuando afirma que un libro, un folleto, una
revista o un periµdico, desde el momento que es manipulado para ser observado
adquiere un car£cter tridimensional, el desglose, el paso de una p£gina a otra
implican factores ergonµmicos previos en su concepciµn.

Diagramaciµn

Diagramar es distribuir, organizar los elementos del mensaje bimedia (texto e imagen)
en el espacio bidimensional (el papel) mediante criterios de jerarquizaciµn
(importancia) buscando funcionalidad del mensaje (f£cil lectura) bajo una apariencia
est£tica agradable (aplicaciµn adecuada de tipograf¯as y colores).

La diferencia

Los conceptos dise³o y diagramaciµn involucran el problema de la composiciµn. En

realidad, la diferencia entre uno y otro es el papel que cumple cada uno en la ediciµn
periµdica de la publicaciµn. Mientras que el diseñador establece las pautas de la
diagramaciµn: formato, cajas de diagramaciµn, tipograf¯as, tama³o, estilo, formateo
de p£rrafos, sangr¯as; propone color corporativo para textos, tratamiento de la imagen
(sangrados, recuadros o aplicaciones especiales), criterios compositivos, en fin, todos
los detalles que componen una publicaciµn; el diagramador los aplica en cada una de
las ediciones posteriores.

Como vemos el diagramador resuelve la organizaciµn de las p£ginas de acuerdo con

las normas ya establecidas por el dise³ador en el manual de dise³o. Es posible que el
mismo dise³ador tambi«n pueda encargarse de la diagramaciµn, pero las
responsabilidades son distintas. Un buen diagramador es el que respeta esas normas,
precisamente su creativividad radica en la capacidad para ofrecer m¼ltiples
posibilidades de presentaciµn bajo una norma establecida.

Complejidad Media - BAJA

DISEÑO V – Comunicación Bi-Media 15

DISEÑO V – Comunicación Bi-Media 16
DISEÑO V – Comunicación Bi-Media 17
DISEÑO V – Comunicación Bi-Media 18
DISEÑO V – Comunicación Bi-Media 19
DISEÑO EDITORIAL - EL LIBRO
Desde el Renacimiento hasta la actualidad, muchos han sido los avances en el tema
editorial, comenzando por la existencia de libros manuscritos producidos uno a uno
por los famosos copistas sobre distintos materiales, como ser: arcilla, madera, seda,
vitela, papiro, etc. Las limitaciones de su reproducción hacían que estos ejemplares
sólo fueran adquiridos por unos pocos. A partir de la invención de la imprenta, se
produjo una revolución y el alcance del libro fue mayor debido a la evolución en la
rapidez de la reproducción. En el Renacimiento, el libro fue el principal difusor de la
cultura occidental, es decir que adquiere alcances populares.

Comienza a ser un bien de consumo reproducido en forma seriada y mecánica. El libro

existe en función de un contexto social y, en mayor medida, está en relación con un
proceso de civilización permanente. Hoy no es el único difusor de la cultura y está
inmerso en una sociedad de consumo visual donde el video, la TV, el cine, etc., lo
superan en la velocidad de transmisión. Esto no quiere decir que su contenido haya
perdido la gran capacidad de reflexión que nos permite elaborar imágenes de una
manera totalmente personal.

Se diferencia así de los medios de comunicación antes mencionados donde la imagen,

acompañada del color, los efectos especiales, sonidos, etc., aparece servida a los ojos
del espectador. Inmerso en este contexto, el libro debe desarrollar su imagen para no
perder su importancia y quedar entonces relegado. Varios son, entonces, los puntos a
tener en cuenta para el desarrollo de diseño del libro:

Conceptos generales y convencionales

La condición necesaria e indispensable para el diseño de un libro es el conocimiento
y análisis de su contenido. Por lo tanto el diseño comenzará del interior hacia el
exterior según una idea global y totalizadora que los haga funcionar como un todo
coherente.

La estructuración del campo visual en el libro es secuencial según el recorrido de las

páginas, que en nuestra cultura se da de izquierda a derecha y de arriba hacia abajo.

Diagramación
A partir de esta convención surge en forma inmediata la necesidad de organizar su
contenido según formas comunicantes y convincentes a través de la diagramación, sin
dejar de lado los valores estéticos y retóricos según el caso.

Los elementos que participan del contenido son básicamente: el texto (tipografía), la
imagen (fotografía, ilustración, etc.) y el campo visual (formato de la página). Estas
tres unidades no pueden funcionar independientemente, sino relacionándose unas con
otras, logrando así infinidad de variables en los resultados.

Legibilidad tipográfica
La puesta en página de texto e imagen debe presentar fundamentalmente comodidad
en la legibilidad para el lector.

DISEÑO V – Comunicación Bi-Media 20

El grado óptimo de legibilidad se da cuando el contraste entre tipografía y fondo es
máximo, es decir, blanco sobre negro o viceversa. Teniendo en cuenta este criterio y
las posibles variantes en las necesidades de la comunicación, se podrán buscar formas
alternativas y hasta transgresoras.

Ahora bien, una vez determinada la familia tipográfica a utilizar para el texto y sus
variables (cuerpo, tono, inclinación, etc.), se buscará el interlineado que mejor se
adapte a la lectura teniendo en cuenta que la cantidad de palabras promedio por línea
no debe superar las diez ni ser inferior a siete. En relación con interlineado se puede
decir, por simple comparación, que las líneas demasiado próximas entre sí perjudican
la velocidad de lectura puesto que entran al mismo tiempo en el campo óptico el
renglón superior e inferior. Lo mismo puede decirse del interlineado excesivo, ya
que al lector le cuesta encontrar la unión con la línea siguiente.

Imagen
La imagen puede ser abordada de diferentes maneras, ya sea ésta una fotografía o una
ilustración.

Puede abarcar, por ejemplo, toda la superficie de la página hasta el corte, tener un
encuadre ubicado convenientemente en relación con el texto, estar con algunos de sus
lados al corte, calada, a modo de viñeta, etc.

Caja tipográfica
El sector impreso en todas y cada una de las páginas estará determinado por un límite
virtual llamado caja tipográfica, que dará lugar a cuatro márgenes (superior, inferior,
lateral izquierdo y derecho). La dimensión de los márgenes se hará según el criterio de
equilibrio más acorde al caso en cuestión. El margen respecto al lomo debe
dimensionarse de manera que no perjudique la lectura.

Para la elección de la medida de dicho margen hay que tener en cuenta el tipo de
encuadernación, ya que según la variante, permitirá mayor o menor apertura de las
páginas. En cuanto a los márgenes superior e inferior, deben permitir la ubicación del
cabezal, pie de página y folio.

Retícula o grilla
Con la retícula, el campo visual dentro de la caja tipográfica puede subdividirse en
campos o espacios más reducidos a modo de reja.
Los campos o espacios pueden tener las mismas dimensiones o no. La altura de los
campos corresponde a un número determinado de líneas de texto; su ancho estará
determinado según el cuerpo de la tipografía. Las dimensiones de altura y ancho se
indican con una misma medida tipográfica, ya sea la pica o el cícero. Los campos se
separan uno de otro por un espacio intermedio, con el objeto de que las imágenes no
se toquen y que se conserve la legibilidad.

La distancia vertical entre los campos es de una, dos o más líneas; la distancia
horizontal está en función del tamaño de los tipos de letra y de las ilustraciones.

DISEÑO V – Comunicación Bi-Media 21

Principales secciones del libro
Tapa. Formal y conceptualmente debe estar ligada con el interior del libro y comunicar
en uno o varios sentidos su contenido. Se deberá incluir en ella el título de la obra,
autor y la identificación gráfica de la editorial. En su composición puede incorporar
además algún tipo de imagen.

Páginas de guarda.
Son las páginas que aparecen al abrir la tapa del libro (sólo en las ediciones de
tapa dura). Sobre ellas suele imprimirse un motivo a modo decorativo.

Portadilla.
Contiene el título y a veces el nombre del autor. Corresponde siempre a página impar.

Portada.
Contiene la misma información literal de la tapa; corresponde siempre a página impar.

Créditos.
Contienen datos específicos de la edición: año y número de la misma, nombres de los
colaboradores (diseñador, fotógrafo, ilustrador, etc.), Copyright (derechos reservados
al autor y editor) e ISBN (International Standard Book Numbers, que corresponde al
código numérico del país de edición, editorial y temática del libro).

Indice.
En el supuesto caso de tratarse más de un tema existirá la necesidad de poder
ubicarlo. Para esto se establecerá un índice al principio o al final del texto principal.

Texto principal.
Estará compuesto en la tipografía elegida, y según la elección del cuerpo, interlineado
y característica de la caja tipográfica variará su longitud. Se alternarán texto e imagen
en la medida de considerarse conveniente. En relación con la tipografía podrá hacerse
uso de más de una familia o de variaciones dentro de una misma familia para poder
diferenciar entre títulos, subtítulos, epígrafes, citas, notas, etc.

Cabezal.
Es la indicación del nombre de la obra, autor, capítulo o fragmento ubicado en la
parte superior de cada página correspondiente al texto principal (no siempre se
utiliza). Pie de página. Es la ubicación habitual del folio y de las notas y citas
correspondientes al texto principal.

Folio.
Es la indicación de la numeración en cada una de las páginas. Para la numeración se
considera a partir de la portada en adelante. No se folian las páginas fuera del texto
principal ni las blancas.

Biografía del autor.

Se la puede ubicar en las solapas, si las hubiera, o en la contratapa.

Colofón o pie de imprenta.

DISEÑO V – Comunicación Bi-Media 22

Son los datos que informan de los participantes de esa edición (imprentas,
fotocromistas, componedores de textos), el papel utilizado, las tipografías
seleccionadas y la fecha y lugar en que terminó de imprimirse. Se ubica al final del
libro en página par o impar.

Lomo.
Corresponde al canto del libro, cuyo espesor variará de acuerdo con la cantidad de
páginas, gramaje de papel y tipo de encuadernación (abrochado, cosido a hilo,
encolado, etc.). Se ubican los datos correspondientes al título, autor de la obra y
editorial. Puede tener una lectura de abajo hacia arriba o viceversa.

Contratapa.
No tiene un uso predeterminado. En las novelas se utiliza como resumen del texto
principal o, en ciertos casos, para ubicar la biografía del autor. También, como
continuación del concepto predominante de tapa.

El papel
Existe en la actualidad una extensa gama de papeles que varían en gramaje, textura y
color. La elección en este aspecto se hará según la calidad y el tipo de edición.
En cuanto al formato de los pliegos, puede decirse que los más usados comúnmente
son: 65 x 95
cm, 74 x 110 cm y 82 x 118 cm.
El diseñador elegirá el formato de pliego más conveniente para evitar su desperdicio,
según el tamaño de la página del libro a diagramar. Se deberán tener en cuenta
márgenes de seguridad para el refilado final, como también por defectos en la medida
original del pliego. Además se considerarán un par de centímetros en el lado más
ancho del pliego, ya que es el espacio reservado para la toma del papel por parte de
las pinzas de la máquina.

Complejidad ALTA

DISEÑO V – Comunicación Bi-Media 23

Un libro son varios pliegos de papel, cortados, refilados y encuadernados, el diseñador
debe necesariamente al iniciar un proyecto editorial de libro, probar el encuadernado,
y hacer un proyecto gráfico con el papel en el cuál se hará el impreso final, o un
material muy similar, y así medir el lomo, los márgenes de encuadernado, la ubicación
del número de página, y si el gramaje del papel resiste el tipo de encuadernado
planificado.

DISEÑO V – Comunicación Bi-Media 24

Complejidad MEDIA

DISEÑO V – Comunicación Bi-Media 25

DISEÑO V – Comunicación Bi-Media 26
DISEÑO V – Comunicación Bi-Media 27
DISEÑO V – Comunicación Bi-Media 28
DISEÑO V – Comunicación Bi-Media 29
Retículas

DISEÑO V – Comunicación Bi-Media 30

DISEÑO V – Comunicación Bi-Media 31