Retícula y jerarquía

Retícula

• Es un esquema de líneas verticales y

horizontales que ayudan a ordenar la
composición, y permiten distribuir
de manera fácil y con orden todo el
contenido.
• Es una herramienta fundamental para • Sus beneficios en el diseño son
el diseñador. aportar claridad, eficiencia,
• Es el esqueleto detrás de nuestro economía y continuidad, al
trabajo, un mapa invisible tras la introducir un orden sistemático en
composición, y que está pensada para una composición.
ayudarnos a organizar todos los
elementos del diseño de una forma
racional y lógica.
• La retícula es algo que lleva toda publicación
por detrás y, una vez finalizado nuestro trabajo,
lo único que quedará de ella será una
percepción armónica en la distribución de
todos los elementos, lo que dará lugar a un
buen diseño que logrará un impacto positivo
sobre el observador.
Importancia del espacio en blanco:

1. En un ámbito técnico: hay que dejar un espacio de seguridad de entre 2 a 5 mm por el corte de las páginas.
2. En un ámbito estético: unos blancos bien equilibrados en torno a la composición no solo facilitarán la
lectura sino que también aportarán una sensación estética interesante. Si este margen blanco es demasiado
pequeño, puede dar la sensación de saturación en la página y provocar rechazo ante el diseño.
Construcción de la retícula
• Definir el tamaño del proyecto
• La creación de la retícula debe ser especifica para cada trabajo.
• Definir las características propias, organización.
• Repartir el espacio. Columnas (exactamente del mismo tamaño) deben
tener una línea vacía entre ellos a modo de separación.
Construcción de la retícula
• Colocar las líneas horizontales que conformaran los módulos, los
cuales pueden unirse y dar nuevos módulos de mayo tamaño.
• Comprobar su el espacio de los márgenes es adecuado, teniendo en
cuenta el tamaño de la pagina.
• Se recomienda tener un margen exterior e interior.
• Tener claro qué tipografías vamos a usar a la hora de construir nuestra
retícula
• No todas las
tipografías
responden igual a un
mismo cuerpo ni
tienen el mismo alto
o ancho, por lo que
deberemos
determinar el
interlineado
adecuado para esa
tipografía y, en
consecuencia, el
número de líneas
necesarias en la
columna.
Trabajar con la retícula
• Tipos de retícula.
Suele hablarse de retículas: Simétricas y asimétricas.

Retícula formal: Se compone de líneas estructurales que aparecen

construidas de manera rígida, matemática. Las líneas habrán de guiar la
formación completa del diseño. El espacio queda dividido en
subdivisiones, igual o rítmicamente y las formas quedan organizadas
con una fuerte sensación de regularidad.
• Retícula modular: Se compone de filas y columnas que cuando se
interseccionan crean módulos idénticos. Dentro de estos módulos se
colocan cada uno de los elementos de la composición: textos,
imágenes... La retícula modular facilita la maquetación por bloques y
sobre todo la publicidad.
• Retícula jerárquica: A diferencia de los otros tipos de retículas, se
compone de elementos totalmente libres. No siguen una estructura fija.
• La organización es libre o indefinida.
• Retícula inactiva (modular): Es la que se compone de líneas
estructurales que son puramente conceptuales. Tales líneas son
construidas en un diseño para guiar la ubicación de formas o de
módulos, pero nunca interfieren con sus figuras ni dividen el espacio
en zonas distintas, donde puede ser introducidas variaciones de color.
• Retícula activa (Mezcla de jerárquica y modular): Se compone de
líneas que son conceptuales. Dividen el espacio en subdivisiones
individuales. Pueden dividir el espacio en subdivisiones individuales,
que interactúan de varias maneras con los módulos que contienen:
Elementos de las retículas
• Márgenes: Es el área entre el borde de la página y el contenido principal de la
misma.
• Columnas: Alineaciones verticales en dónde se sitúan los textos e imágenes.
• Módulos: El espacio que se crea por la intersección de las columnas con las
filas que se crean gracias a las líneas de flujo.
• Zonas espaciales: Espacios grandes formados por varios módulos.
Normalmente se utilizan para colocar elementos que ocupan un mayor espacio.
Por ejemplo: Una imagen.
• Medianil: Es la separación entre columnas o elementos.
• Líneas de flujo: Son líneas horizontales que dividen las columnas en secciones.
Jerarquía visual
• La jerarquía visual se puede definir como
la composición de elementos en un
diseño, de modo que haya una diferencia
entre ellos, y esta diferencia tenga un
orden visual. 

• La jerarquía visual hace que un diseño

parezca más organizado, fácil de entender,
estéticamente atractivo y, también, mejora
la organización de la información.
•  Para conseguir jerarquía visual es
importante tratar de trabajar con todos
los recursos de la caja de herramientas
del diseño –color, contraste, tipografía,
espacio y otros principios básicos– para
organizar y priorizar el contenido. 
• Saber reconocer qué es lo que puede
formar parte de la composición y qué es
lo que tiene que quedarse fuera.
• Ayuda a establecer un punto focal,
ofreciendo a los espectadores un
punto de entrada para comenzar a
navegar por el diseño y
demostrarles dónde se encuentra
la información más importante.
Tienes que tener en cuenta esto…
• El elemento de diseño más grande llama la atención. 
• Un objeto (sus dimensiones) y la escala (su tamaño en relación con
otros objetos) es una de las formas más fáciles y efectivas de darle
importancia visual.
• Los elementos de diseño que no son tan importantes.  Pueden ir en
tamaños reducidos para ser menos visibles.
• Color y contraste: atención directa de los espectadores
Color y contraste: atención
directa de los espectadores
• Estamos visualmente atraídos por el color,
en especial cuando se usa de manera
estratégica para resaltar alguna imagen o
información importante. 
•  La clave aquí es el uso del color con
moderación y con propósito.
Existen varias formas para alcanzar un
contraste de colores llamativo:
• La mezcla de temperaturas de
color, especialmente las de alto
contraste, puede atraer mucha
atención visual. Pero, al mismo
tiempo, mantener una temperatura
de colores puede ayudar a que un
diseño se vea más cohesionado
visualmente.
• Valor: se conoce como valor de un
color la amplitud de la luz que lo
define; es decir, la luminosidad u
oscuridad que posea. 
• Los colores de diferentes valores se
pueden contrastar entre sí para
lograr un efecto dramático
 Jerarquía tipográfica: 3 niveles para
organizar un diseño
• La jerarquía tipográfica es un componente de la jerarquía visual que
no se puede descuidar. 
Primer nivel: la información más importante
Segundo nivel: elementos que organizan el diseño en secciones o
agrupan información relacionada. El tipo de letra no debe destacarse
tanto como en el primer nivel.
Tercer nivel: para un diseño con mucho texto, la tipo del tercer nivel
tiene, normalmente, el objetivo de funcionar como mensaje completo,
por lo que tendrá más detalles
Elige categorías y estilos
tipográficos con cuidado

• La apariencia de las fuentes –la

categoría y el estilo– pueden realzar
o empeorar un diseño. Hay que
pensar en las tipografías como si
fueran personas con su propia
personalidad.
Espacio: dale al diseño equilibrio, ritmo y
enfoque
• El espacio en blanco –y el espacio en general– es uno de los principios
de diseño que suele estar más descuidado, por lo que es el punto clave
en la jerarquía visual
• El espacio en blanco es esencial para separar y organizar los elementos
de un diseño y ayudar a que se vea ordenado y bien equilibrado.
• Da, a ojos del espectador, un lugar para descansar y un camino para
recorrer el diseño
• Separa información en secciones y selecciona puntos focales
• Una nueva forma de jerarquía
visual, la cual suele romper con
dichas rejillas, es en este caso,
aquellos textos que se colocan en
curvas o de manera diagonal,
normalmente logran resaltar más
que el resto de la estructura en la
que se encuentran los bloques de
texto.
Comunicación y diseño
Si concebimos el lenguaje como la capacidad que tenemos todos los
seres humanos para establecer comunicación entre nosotros, podemos
entonces pensar que elementos como el diseño son manifestaciones
tangibles de esta posibilidad única en nuestra especie que nos permite
transmitir un mensaje, una emoción, una noticia o cualquier producto de
nuestra imaginación.
Importancia de la comunicación en el diseño
gráfico.
• Por una parte, hablar de comunicación dentro del entramado cultura,
es hablar de ella como medio para establecer vínculos entre los
miembros de una misma cultura o de diferentes culturas.
• El diseño para cumplir con su característica de arte funcional estudia
la vida social, intentando comprender tanto las ideologías, carencias,
necesidades o debilidades que la sociedad tiene.
La comunicación y el diseño se utilizan para:
• Dar mensajes persuasivos como:
• Vender un producto funcional o de necesidad.
• Campañas de publicidad o prevención.
• Mejorar el entorno.

• La función principal del diseño es transmitir una información

determinada por medio de composiciones gráficas, que se hacen llegar
al público destinado a través de diferentes soportes.
 • Toda forma de comunicación visual nace de la necesidad de transmitir
un mensaje.
• Un diseñador grafico es un creador de comunicaciones. Un profesional
que mediante un diseño construye mensajes (comunicación) con
medios visuales (gráficos).
• Toda comunicación incluye: fuente, transmisor, medio, código, forma,
tema, receptor. Para tener contenido y significado y desarrollar una
respuesta.

marcomunozhdez. (2014). LA IMPORTANCIA DE LA COMUNICACIÓN EN EL DISEÑO GRAFICO. Slideshare.net. https://es.slideshare.net/marcomunozhdez/la-

importancia-de-la-comunicacion-en-el-diseo-grafico
‌