Documentos de Académico
Documentos de Profesional
Documentos de Cultura
Sistema de
Retículas
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
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
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
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
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
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
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
Margen Interno.
Columna Vertical.
Campo Horizontal.
Ejemplos
MARGEN INFERIOR
Brasil PLAYAS
TEXTO DE RESALTE
TITULO
TEXTO DE RESALTE
SUBTITULO
TEXTO BASE
CALLE
Margen Interno.
Columna Vertical.
Campo Horizontal.
Ejemplos
MARGEN INFERIOR
Sistema de
Retículas
Fin Fin
Fin
Fin
Fin