Está en la página 1de 29

INTRODUCCIÓN AL

Sistema de
Retículas

Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez


Que es una retícula o cuadrícula?
Es un conjunto imaginario de líneas superpuestas,
verticales, horizontales y/o diagonales que componen una
estructura a modo de malla o grilla modulada.

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
Para qué sirve?
Sirve para organizar los elementos tipográficos y pictóricos
de una composición, unificando todas las partes del
diseño.
Esto permite generar piezas de comunicación visual claras
y funcionales en donde se trabaja con diferentes órdenes
de jerarquía en la información.

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
En qué casos puedo utilizar una retícula?
Existe un gran número de piezas bidimensionales o
tridimensionales a las cuales se puede aplicar la
cuadrícula. Lo importante es reconocer este sistema como
una herramienta básica del diseño, la cual estará
diagramada en función a las características de la pieza de
diseño y la necesidad de comunicación que la misma
presenta.

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
En qué casos puedo utilizar una retícula?
Diseño Editorial
LIBRO
Es un impreso encuadernado
con cierto volumen de
información, que desarrolla
extensamente un tema acorde
con su título.
Puede ser un ensayo grande,
una novela, una obra literaria
larga, una compilación de
cuentos u obras más
pequeñas.

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
En qué casos puedo utilizar una retícula?
Diseño Editorial
REVISTA
Son publicaciones periódicas,
dirigidas a un target específico,
interesadas en un tema en
particular y dan cabida a una
serie de textos similares
(artículos, notas, gráficos, etc.)

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
En qué casos puedo utilizar una retícula?
Diseño Editorial
PERIÓDICO
Es un boletín no institucional
que aparece regularmente y
contiene noticias de índole
general sobre lo que sucede en
un área geográfica o del
conocimiento.

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
En qué casos puedo utilizar una retícula?
Diseño Editorial
BOLETÍN
Son publicaciones periódicas
que buscan informar a los
integrantes de una comunidad,
institución, corporación, em-
presa, partido o grupo acerca
de los sucesos y opiniones que
trascienden en el interior de la
propia organización.

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
En qué casos puedo utilizar una retícula?
Diseño Editorial
FOLLETO PROMOCIONAL Y
DE SERVICIOS
Podemos definirlo como una
publicación no encuadernada
utilizada generalmente, para
transmitir información publici-
taria, que ofrece información de
los productos o servicios de una
empresa.

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
En qué casos puedo utilizar una retícula?
Diseño Editorial
*Manual Informativo.
*Instructivo de Uso.
*Catálogo de Productos.

Otras piezas
*Señalética.
*Packaging.
*Afiche.
*Diseño Web.
*Gráfica de CD/DVD.
*Papelería Corporativa.
*Gigantografía.
*Merchandiding.
*Fondo de Pantalla. INTRODUCCIÓN AL
Y mucho mas!!!
Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
Construcción de la
Retícula

Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez


Construcción de la Retícula
Las Columnas
Las columnas son las divisiones
verticales de una maqueta en
las que se suele presentar el
texto. Independientemente de
que sean estrechas, anchas o se
presenten incluso inclinadas , el
tratamiento de las columnas
influye en gran medida en la
legibilidad del texto.
*La ilustración presenta una
simple página, con cuatro
columnas.
Las columnas que contienen el
texto se resaltan en cyan.
INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
Construcción de la Retícula
Ancho de Las Columnas abcdefghijklmnopqrstuvwxyz
Ancho caja baja Arial Black / 16p. Media caja
El ancho de la columna se elige de
modo que guarde cierta proporción Ancho columna con 1.5 superior
con la página y permita incluir
acotaciones si fuera necesario.
*Los diseñadores generalmente
aplican a sus diseños reglas abcdefghijklmnopqrstuvwxyz
generales para crear un ancho de Ancho caja baja Rotis/16p. Media caja
columna que genere un bloque de Ancho columna con 1.5 superior
texto fácilmente legible. Una de
ellas consiste en limitar una
columna a aproximadamente 40
caracteres por línea o 6 palabras de
unos 6 caracteres; otra consiste en
realizar un ancho de columna 1.5 o
2 veces superior al ancho del I N T R O D U C C I Ó N A L
alfabeto en caja baja (minúsculas).Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
Construcción de la Retícula
El Medianil o Calle
Las columnas están separadas
por el medianil, elemento que
representa una pausa visual
entre ellas.
El tamaño, el estilo y la forma
del medianil pueden ejercer una
gran influencia en un diseño, y
aunque sea un elemento pasivo
dentro de la composición no
debemos olvidar que también
forma parte del esquema visual
general.

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
Construcción de la Retícula
Los Márgenes
Los márgenes son el espacio
que existe entre las columnas y
módulos hacia el borde de la
página (resaltado en cyan).
Podemos identificarlos en
margen superior, inferior,
izquierdo y derecho.
No siempre se utilizan
maquetaciones con márgenes
simétricos, pues queda en el
diseñador la labor de encontrar
el equilibrio perfecto entre
columnas, medianiles, módulos
y márgenes.
INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
Construcción de la Retícula
Los Campos o Módulos
La división de una cuadrícula en
diferentes campos o módulos
supone para el diseñador un
aumento de los espacios
activos, a la vez que se mantiene
la estructura básica de las
columnas. Esto hace posible un
uso más dinámico del texto y de
las imágenes.

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
Construcción de la Retícula
Variaciones con
Campos o Módulos
Esta composición se basa en
una cuadrícula de cuatro
columnas, pero incorpora
módulos de diferentes tamaños
que hacen posible un espacio
mayor y más dinámico para las
imágenes.

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
Construcción de la Retícula
Variaciones con
Campos o Módulos La mancha o superficie impresa queda
siempre rodeada de una zona de blancos.
De un lado por motivos técnicos, ya que el
ajuste y corte de las páginas impresas varia
normalmente entre uno y tres milímetros, y
en casos desfavorables hasta en cinco
milímetros. Así se evita que el texto quede
cortado.
Por otro lado son motivos estéticos. Unos

Los diseñadores trabajan por lo blancos bien proporcionados pueden


acrecentar extraordinariamente el goce de
leer. Todos los trabajos bibliográficos
celebres del siglo pasado presentan las

general con una combinación proporciones de los blancos


cuidadosamente calculados, ya sea
mediante la sección aurea o con otra
relación matemática.
configurada o una imprecisión técnica.
El diseñador debe conseguir las
proporciones más atractivas para los
las mismas deben tener una apariencia
muy llamativa. Las ilustraciones se colocan
con rebase y por lo tanto se imprimen a su
siempre rodeada de una zona de blancos.
De un lado por motivos técnicos, ya que el
ajuste y corte de las páginas impresas varia

de columnas y campos, en
Se recomienda no dejar muy pequeño el blancos. El estudio de la configuración de tamaño máximo. Para crear un balance, normalmente entre uno y tres milímetros, y
ancho de los blancos, de modo que un los libros de grandes diseñadores éstas páginas se combinan con páginas en casos desfavorables hasta en cinco
corte impreciso de las páginas no provoque tipográficos como Gutemberg, Calson, con amplios espacios blancos. milímetros. Así se evita que el texto quede
una impresión óptica negativa, ya que Garamond y Bodoni es de gran utilidad, ya Una página con pocos blancos crea una cortado.
cuando la zona marginal es pequeña, que ellos han atribuido una gran impresión de saturación, y es difícil de leer Por otro lado son motivos estéticos. Unos

lugar de utilizar en exclusiva una enseguida se advierte un eventual corte


impreciso o chueco de la página. Entre
mayor sea el blanco, menos podrá afectar a
la impresión global de una página bien
importancia al problema de la configuración
de los blancos.
En libros de grandes ilustraciones se
ya que al sostener el libro, los dedos tapan
las letras.
blancos bien proporcionados pueden
acrecentar extraordinariamente el goce de
leer. Todos los trabajos bibliográficos
prefieren las páginas, sin blancos, cuando La mancha o superficie impresa queda celebres del siglo pasado presentan las

u otra opción, para obtener una proporciones de los blancos


cuidadosamente calculados, ya sea
mediante la sección aurea o con otra
relación matemática.

presentación armoniosa y Se recomienda no dejar muy pequeño el


ancho de los blancos, de modo que un corte
impreciso de las páginas no provoque una
impresión óptica negativa, ya que cuando la

dinámica de sus textos e


zona marginal es pequeña, enseguida se
advierte un eventual corte impreciso o
chueco de la página. Entre mayor sea el
blanco, menos podrá afectar a la impresión
global de una página bien configurada o

imágenes. una imprecisión técnica.


El diseñador debe conseguir las
proporciones más atractivas para los
blancos. El estudio de la configuración de

La flexibilidad que ofrece la los libros de grandes diseñadores


tipográficos como Gutemberg, Calson,
Garamond y Bodoni es de gran utilidad, ya
que ellos han atribuido una gran

combinación de columnas y
importancia al problema de la configuración
de los blancos.
En libros de grandes ilustraciones se
prefieren las páginas, sin blancos, cuando
las mismas deben tener una apariencia

módulos concede un gran muy llamativa. Las ilustraciones se colocan


con rebase y por lo tanto se imprimen a su

espacio para la creatividad.

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
Construcción de la Retícula
Ejemplos de Composición

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
Construcción de la Retícula
Ejemplos de Composición

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
Elementos de Composición
Jerarquía
La jerarquía es un instrumento
lógico y visual para expresar la
Jerarquía Tipográfica: se
puede establecer mediante el
uso de diferentes tamaños de
TITULO
BAJADA - BAJADA - BAJADA - BAJADA - BAJADA -
BAJADA - BAJADA - BAJADA - BAJADA - BAJADA -
importancia relativa de los fuente; el cuerpo de mayor Subtítulo - Subtítulo - Texto Base - Texto Base -
diferentes elementos de un tamaño y grosor adquirirá Subtítulo - Texto Base - Texto Base -
- Texto Base - Texto Base - Texto Base - Texto Base -
mas importancia que el de
texto, proporciona una guía menor tamaño y grosor.
Texto Base - Texto Base
Texto Base - Texto Base
-
-
Texto Base - Texto Base
Texto Base - Texto Base
-
-
visual sobre su organización. Texto Base - Texto Base
Texto Base - Texto Base
-
-
Texto Base - Texto Base
Texto Base.
-

La jerarquía del texto facilita una Jerarquía Posicional: se Texto Base - Texto Base -
Recuadro - Recuadro - Recuadro - Texto Base - Texto Base -
puede establecer mediante la
disposición clara de una posición de un texto en una
Recuadro
Recuadro
Recuadro
-
-
-
Recuadro
Recuadro
Recuadro
-
-
-
Recuadro
Recuadro
Recuadro
-
-
-
Texto Base - Texto Base
Texto Base - Texto Base
-
-
composición, de una forma fácil compo - sición. Un texto Recuadro
Recuadro
-
-
Recuadro
Recuadro
-
-
Recuadro
Recuadro
-
-
Texto Base - Texto Base
Texto Base - Texto Base
-
-
de entender y sin ambigüe- situado hacia la parte superior Recuadro
Recuadro
-
-
Recuadro
Recuadro
-
-
Recuadro
Recuadro
-
- Texto Base - Texto Base -
de la página y rodeado de un Recuadro - Recuadro - Recuadro - Texto Base - Texto Base -
dades. espacio en blanco atraerá más
Texto Base - Texto Base
Texto Base - Texto Base
-
-
la atención del espectador y Texto Base - Texto Base -
Texto Base - Texto Base -
predominará sobre el resto de Texto Base - Texto Base -
la información. Texto Base - Texto Base -
Epígrafe
Epígrafe
-
-
Epígrafe
Epígrafe
-
-
Epígrafe
Epígrafe
-
-
Epígrafe
Epígrafe
-
-
Epígrafe
Epígrafe
-
-
Texto Base.
JERARQUIA DE INFORMACION INTRODUCCIÓN AL
Epígrafe
Epígrafe
-
-
Epígrafe
Epígrafe
-
-
Epígrafe
Epígrafe
-
-
Epígrafe
Epígrafe
-
-
Epígrafe
Epígrafe
-
-
Texto Base - Texto Base -

EN EL DISEÑO EDITORIAL
TEXTO BASE Sistema de
TEXTO DE RESALTE
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
Elementos de Composición
Tipografía Conocemos un sin fin de tipografías Conocemos un sin fin de tipografías

Garamond
con variados estilos. Es de suma con variados estilos. Es de suma

Gigi
importancia realizar una buena
importancia realizar una buena
elección de tipos a la hora de diseñar,
Conocemos un sin fin de tendiendo en cuenta no sólo el estilo elección de tipos a la hora de diseñar,
tipografías con variados estilos. y sensaciones que estas transmiten tendiendo en cuenta no sólo el estilo
Es de suma importancia realizar
una buena elección de tipos a la Conocemos un sin fin de tipografías Conocemos un sin fin de

Jokerman
Gill Sans
con variados estilos. Es de suma
hora de diseñar, tendiendo en tipografías con variados
importancia realizar una buena
cuenta no sólo el estilo y elección de tipos a la hora de estilos. Es de suma
sensaciones que estas diseñar, tendiendo en cuenta no importancia realizar una
sólo el estilo y sensaciones que
transmiten sino el aspecto
funcional de las mismas. Conocemos un sin fin de

Tempus Sans
Conocemos un sin fin de
Viner Hand

tipografías con variados estilos. tipografías con variados estilos. Es


de suma importancia realizar una
Es de suma importancia
buena elección de tipos a la hora de
realizar una buena elección de diseñar, tendiendo en cuenta no

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
Elementos de Composición
La Mancha Tipográfica Tipografía
La tipografía, el interlineado, el inter letrado, el La tipografía, el interlineado, el inter letrado,
ancho de columnas y medianiles conforman un el ancho de columnas y medianiles
espacio visual dentro de la composición de mayor o conforman un espacio visual dentro de la
La tipografía, el interlineado, el menor intensidad, a la cual se denomina mancha composición de mayor o menor intensidad, a
inter-letrado, el ancho de tipográfica. la cual se denomina mancha tipográfica.
Para una plácida y armónica lectura es necesario Para una plácida y armónica lectura es
columnas y medianiles confor- combinar estos elementos de manera natural, necesario combinar estos elementos de
man un espacio visual dentro de Interlineado
la composición de mayor o La tipografía, el interlineado, el inter letrado, La tipografía, el interlineado, el inter letrado,
el ancho de columnas y medianiles
menor intensidad, a la cual se conforman un espacio visual dentro de la
el ancho de columnas y medianiles composición de mayor o menor intensidad, a
la cual se denomina mancha tipográfica.
denomina mancha tipográfica. Para una plácida y armónica lectura es
conforman un espacio visual dentro de la necesario combinar estos elementos de
Para una plácida y armónica manera natural, equilibrando pesos
visuales, utilizando la jerarquía de la
información para conducir al lector en el
lectura es necesario combinar
estos elementos de manera Inter-letrado
L a t i p o g r a f í a , e l La tipografía, el interlineado, el inter letrado, el ancho de
natural, equilibrando pesos i n t e r l i n e a d o ,e li n t e rl e t r a d o , columnas y medianiles conforman un espacio visual dentro
visuales, utilizando la jerarquía e l a n c h o d e c o l u m n a s y de la composición de mayor o menor intensidad, a la
medianiles conforman un cual se denomina mancha tipográfica.
de la información para conducir espacio visual dentro de la Para una plácida y armónica lectura es necesario combinar
c o m p o s i c i ó nd em a y o rom e n o r estos elementos de manera natural, equilibrando pesos
al lector en el trayecto diagra-
mado por el diseñador. INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
Elementos de Composición
Alineación Alineación Izquierda
Esta alineación sigue los principios
Alineación derecha
La alineación a la derecha es menos
de la letra manuscrita, donde el habitual, pues resulta más difícil de
texto se aliena en el margen leer porque el punto de inicio de
La alineación hace referencia a izquierdo y acaba de forma irregular cada línea es diferente. Aveces se
la posición de los tipos dentro de o en bandera derecha. utiliza para los pies de ilustración u

un bloque de texto, tanto en el


plano vertical como en el
Justificación Centrado
horizontal, que facilita su Un texto justificado está alineado En un texto centrado, cada línea se
ubicación para que esté en tanto en el margen derecho como en alinea en el centro vertical del
el izquierdo y se extiende por toda la bloque de texto, de modo que el
ar m on í a c on l os de m ás amplitud de la caja, pero puede inicio y final de las líneas son
elementos de una composición. favorecer la aparición de calles y un irregulares. Esta irregularidad puede

J u s t i f i c a c i ó n f o r z a d a
El texto se alinea tanto en el margen derecho como en el izquierdo, igual que con
la justificación, con la diferencia de que también se justifican las líneas de texto
más cortas, como los títulos y la última línea de un párrafo, lo que puede crear un
e s p a c i o m u y a n c h o e n t r e l a s p a l a b r a s .

INTRODUCCIÓN AL

Sistema de
Retículas
Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez
ESQUEMA DE RETÍCULA / MAQUETACIÓN
MARGEN SUPERIOR
TEXTO DE RESALTE
TITULO

TEXTO DE RESALTE
SUBTITULO

TEXTO BASE

CALLE

Demasía para corte en imprenta.

Margen Interno.

Columna Vertical.

Campo Horizontal.
Ejemplos

MARGEN INFERIOR

Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez


MARGEN SUPERIOR

Brasil PLAYAS
TEXTO DE RESALTE
TITULO

BRASIL (PORTO BELO)

TEXTO DE RESALTE
SUBTITULO

TEXTO BASE

CALLE

Demasía para corte en imprenta.

Margen Interno.

Columna Vertical.

Campo Horizontal.
Ejemplos

MARGEN INFERIOR

Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez


Folleto Triptico (Exterior)

Folleto Triptico (Interior)

Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez


Ejemplos

Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez


INTRODUCCIÓN AL

Sistema de
Retículas

Fin Fin
Fin

Fin
Fin

Sistema de Retículas en Diseño Gráfico / Valeria Ordoñez

También podría gustarte