Ejemplo:
Campaña para tv. Gobierno de España.
https://www.instagram.com/yoencasita/?hl=es
Ejemplo:
Campaña para redes sociales.
En este enlace podrás ver las distintas campañas que se han generado respecto al coronavirus en el Gobierno de España. Tienes distintas temáticas, y todas ella aunque cuelguen de un web, son campañas que responden a dar soluciones puntuales a preguntas concretas.
https://www.mscbs.gob.es/profesionales/saludPublica/ccayes/alertasActual/nCov-China/ciudadania.htm
Por ejemplo: cómo lavarse bien las manos.
Otro ejemplo:
https://www.instagram.com/p/B94jXNjAW2l/
. En qué va a consistir nuestro trabajo?
Los alumos recogeran su experiencia en el confinamiento en una web, en dónde se ponga de manifiesto su experiencia en cuanto cómo llevan su día a día, pensamientos, hábitos, conclusiones que extraigan de esta conclusión, cuestiones que lleven a la práctica solidarias, etc...
Para habrá que construir un formato web, que recoja un menú previo con lo que quereis contar, (estructura arbol).
Habra que establecer el formato y su composición de navegavilidad e usabilidad.
Con ello estableceremos el dar forma a un diseño reticular, es decir, cómo se establece el orden para recapitular la información que quiero volcar.
Para ello vereis diferentes modos de catalogar la información (bocetos de diseño de página)
Os adjunto unos conocimientos básicos de retículas, en los apuntos se refiere a papel, pero recordad que nuestro formato es web.
¿Cómo construir una retícula?
A continuación intenta esquematizar a modo de columnas las siguientes páginas. Verás que tienen un chasis interno que recoge la información.
Distribuir los elementos: titulares, encabezados, entradillas, capitulares, subtítulos, citas, destacados, cabeceras de sección, iconos, pies de imagen, notas al pie, foliación, créditos, imágenes, ilustraciones, gráficos, ...Si se trabaja con múltiples tipos de información será conveniente establecer un sistema modular y recurrir a un orden de jerarquía de la información.
http://www.form.de/de
Cuando analicemos una página estructurarla por columnas y pesos visuales. A continuación os voy a hacer un chasis de la página anterior.
Bibliografía.
Apuntes de referencia. Os lo facilito también en pdf a través de DISCORD.
RETÍCULA
PARA COMPONER.
ÍNDICE:
· QUÉ ES UNA RETÍCULA
·
PARA
QUÉ SIRVE
· PARTES DE LA RETÍCULA
·
COLUMNAS
·
LÍNEAS
DE FLUJO
·
MÁRGENES
·
MÓDULOS
·
MEDIANIL
·
ZONAS
ESPECIALES
· TIPOS DE RETÍCULAS
·
RETÍCULA
MANUSCRITO
·
RETÍCULA
DE MODULAR
·
RETÍCULA
JERÁRQUICA
La grilla o
retícula es un sistema muy importante utilizado por diseñadores gráficos y
diseñadores web. Aunque algunos afirman que uso limita su creatividad, yo no lo
comparto. Las retículas no son restrictivas, solo orientativas.
Cuando te sientas
y empiezas a diseñar, en realidad, te estás enfrentado a muchos problemas.
Organizativos y visuales. Tienes que transmitir un mensaje a través de tu
“creación”. Miles de preguntas inundan tu mente: ¿qué colores utilizo? ¿Qué
tipografía necesito? ¿Qué imágenes tengo? ¿Cómo combino y organizo los
elementos de la composición?…
Lo dicho, estás
resolviendo diferentes problemas. El fin es comunicar.
No es fácil, pero
como todo, existen diferentes herramientas que te ayudan a trabajar mejor y más
rápido.
La retícula es una
de ellas.
Te ayudará a
resolver una de las cuestiones que te comentaba antes: la organización. En el
momento que tienes la estructura de tu diseño resuelta ya has adelantado
muchísimo trabajo.
La retícula
(grilla, rejilla o grid en inglés) es un conjunto de líneas “invisibles”
verticales y horizontales que están dibujadas en papel u otro formato. Estas
líneas se utilizan de guías y sirven para organizar y distribuir los elementos
de una composición (imágenes, textos, etc.). La información se parcela en
fragmentos manejables.
Es resumen, la
retícula es una herramienta que te ayudará a “colocar” los elementos de tu
diseño de una manera clara y organizada. Te permite crear una correcta
estructura. Un esqueleto. Pero cuando digo diseño, no me refiero solo a
proyectos exclusivamente gráficos. Pueden ser composiciones formadas por texto.
Por ejemplo: La página de un periódico, de un libro, de una web.
El caso. ¿Que
ganas con ello? El uso de la retícula tiene una serie de ventajas:
Los elementos de
la composición están jerarquizados y ordenados.
Los contenidos de
tu diseño se van ver con mayor claridad.
Ayuda a los
usuarios a leer más rápido y mejor.
Podrás dominar el espacio y la superficie de
tu diseño.
Consigues un mayor
equilibrio en la composición y consistencia en tu diseño.
Te ayuda a
agilizar el trabajo y facilita el trabajo en equipo.
Arquitectura
o partes de una retícula
Existen diferentes
tipos de retículas, algo que te enseñaré en el próximo apartado, pero todas tienen
las mismas partes básicas. Cada una de esas partes cumplen con una función
determinada y se pueden combinar en función de tus necesidades.
Partes
de una retícula
Márgenes, líneas
de flujo, módulos, medianil, y columnas son las distintas partes de una
retícula.
Columnas
Las columnas de
una retícula son las secciones o alineaciones verticales que contienen imágenes
o tipografías.
En todas las
grillas menos la retícula de manuscrito no hay un número definido de columnas.
Pueden ser 3,5,10… las que te apetezcan. Depende del contenido y de la
flexibilidad que quieras para tu diseño.
Cuantas más columnas tenga la retícula mayor
es su flexibilidad. Algo muy importante cuando se prepara un diseño responsive
para una página web.
Lo mismo ocurre
con el ancho. No hay un ancho fijo para las columnas. Puede variar en función
del contenido pero también pueden ser todas iguales.
Lo decides tu.
Líneas
de flujo
Las líneas de
flujo son las líneas horizontales que rompen el espacio y lo divide en
secciones horizontales.
Además de
funcionar como una especie de separador entre secciones, las líneas de flujo se
utilizan para crear puntos de inicio o final para textos e imágenes. De esta
forma es más fácil organizar el espacio con el fin de guiar al lector por dónde
quieras.
Márgenes
Los márgenes son
espacios normalmente vacíos entre el contenido principal y el borde de papel o
el formato que corresponda. Básicamente es una zona “muerta” que rodea al
contenido importante.
Digo “muerta”
porque es posible que contenga marcadores o información adicional. Normalmente
se utilizan para que el usuario descanse la vista o para dirigir su atención
hacia un punto.
El tamaño de los
márgenes inferior, superior, derecho e izquierdo están definidos por la
retícula y sus diferentes componentes.
Módulos
Un módulo es una
unidad individual de espacio que se crea por la intersección de las filas y
columnas de la retícula. Forman parte de la retícula modular, luego te hablaré
de ella. Se repiten una y otra vez en la composición y es donde se colocan los
textos e imágenes.
Cada módulo puede
contener información distinta o crear agrupaciones con la misma información.
Medianil
El medianil es el
espacio en blanco entre elementos o separación entre columnas. También se le
llama al lomo o espacio interno que existen entre dos páginas. Cuanto más
pequeño es, mayor es la “tensión visual” que crea.
Zonas
espaciales
Las zonas
espaciales son agrupaciones de módulos que forman un elemento de composición
fácilmente identificable. Se utilizan para crear espacios grandes que
normalmente se reservan para imágenes o información secundaria. Por ejemplo: Un
espacio publicitario en un periódico.
Tipos
de retícula o grilla
Cada una de las
partes que viste antes, cumple una función específica y se pueden combinar de
diferentes maneras. Estas combinaciones dan lugar a los distintos tipos de
retícula o grilla.
Retícula
de manuscrito
La retícula de
manuscrito está formada por una única columna. Por eso también la llaman
retícula de una columna, retícula de bloque o retícula sencilla. Esta columna
ocupa casi toda la superficie de la página y en su interior suele haber textos
largos y continuos.
En la retícula de
manuscrito no se utilizan tantos elementos como en otro tipo de grilla. El
texto es el protagonista. Puede haber imágenes, pero no es lo habitual.
La columna está
rodeada por unos márgenes que se suelen denominar “zonas muertas” o “espacio
vacíos”. No tiene porqué contener información pero a veces hay marcadores. Por
ejemplo: numeración de páginas, título de un capítulo, notas al pie, etc.
Estructuralmente
es sin duda la más sencilla de todas. Se inspira en los viejos manuscritos.
¿Cuándo deberías
utilizar la retícula de manuscrito? Cuando necesites que el contenido que vas a
maquetar se lea de una manera fluida y lineal. Normalmente se usa en la
maquetación de libros, ensayos, informes o similares.
¿Qué es lo más
importante que debes tener en cuenta en una retícula de manuscrito? Lo
siguiente:
La tipografía o tipografías que vas a utilizar.
El tamaño de la tipografía.
El interlineado del texto.
Los márgenes deben ser anchos, con
suficiente espacio para añadir marcadores.
La composición.
Es resumen, evitar
por todos los medios que el bloque de texto sea difícil de leer. No quieres que
le resulte pesado al usuario ya que el texto es el elemento predominante. Ni
necesitas crear distracciones. Lo importante es el contenido.
Retícula
de columnas
La retícula de
columnas o también llamada organizativa, está formada por columnas verticales.
Un número indefinido de ellas. Las que permita el formato que estés utilizando.
Es una retícula
versátil y flexible que se suele utilizar en maquetaciones de libros grandes.
Al dividir el contenido en columnas, haces que el texto sea más legible y
uniforme.
Diferentes
retículas de columnas
Diferentes
ejemplos de retícula de columnas
Estas columnas
pueden estar relacionadas o ser independientes. Me explico. Se pueden usar para
añadir diferentes tipos de contenido en cada columna o dejar que alguna de
ellas contenga información diferente. Tu decides en función del contenido que
debes maquetar. Un buen ejemplo es una revista.
Además, en la
retícula de columnas es más fácil jugar con otros elementos, como por ejemplo,
las imágenes. Algo que no pasa en la retícula de manuscrito.
¿Cuándo debes
utilizar una retícula de columnas? Cuando necesites jugar con más elementos que
el texto: fotografías, esquemas, gráficos ,etc. Además de movilidad,
flexibilidad, uniformidad y legibilidad.
Se suele utilizar
en revistas, publicaciones en varios idiomas y libros muy grandes o apaisados.
Si necesites Además de utilizar más elementos que los que puedes manejar con
una retícula de manuscrito: gráficos, fotos, esquemas,etc.
¿Qué es lo más
importante que debes tener en cuenta en una retícula de columnas?:
Controla el ancho de las columnas: Aunque
no hay un ancho mínimo, tu cómo diseñador, deberás marcar un límite. El límite
está en el número mínimo de caracteres que un lector puede leer sin dificultad
y cómodamente. No crees confusión ni pesadez.
Busca el
equilibrio.
No crees
medianiles muy pequeños o utiliza elementos de separación si lo son.
Retícula
modular
Una retícula
modular es muy similar a la retícula de columnas solo que tiene varias líneas
de flujo que dividen estas columnas en filas. Por lo tanto, es una retícula que
forma una matriz.
Retícula modular
Ejemplo de una
retícula modular
Cada uno de lo
elementos de esa matriz es un módulo. Tiene el mismo tamaño y funciona como un
área informativa. Un módulo puede ser individual y aportar un único tipo de
información o agruparse para crear zonas espaciales con funciones especiales.
Por ejemplo: Una imagen de un anuncio publicitario de una revista.
Si te fijas, en la
retícula modular utilizas todas las partes de la retícula que te enseñé en el
apartado anterior.
¿Cuándo debes
utilizar una retícula de columnas? Cuando necesites una mayor flexibilidad que
con la retícula de columnas. Cuanto más pequeños son los módulos, mayor es la
flexibilidad, movilidad, precisión y facilidad para organizar el contenido. Se
suele utilizar, por ejemplo, en cuadros, calendarios, programaciones,
formularios, sistemas de navegación… en proyectos de gran complejidad.
¿Qué es lo más
importante que debes tener en cuenta en una retícula de columnas?:
No subdividas demasiado la matriz. Puedes
crear un diseño sobrecargado.
Retícula
jerárquica
A veces los
elementos que tienes que maquetar te los imaginas más… cómo decirlo… libres. No
siguen un orden y ni estructura. El contenido tiene su propia naturaleza. Por
lo tanto, no encaja con ninguna de las retículas o grillas que te enseñé hasta
ahora.
Aquí entra en
juego la retícula jerárquica. En la retícula jerárquica sitúas los elementos
como quieras. En el aire, superpuestos, a diferentes alturas, con diferentes
dimensiones… ¡libres! Todo es variable, deja rienda suelta a tu imaginación y
guíate por tu intuición.
Retícula
jerarquica
Un ejemplo de
retícula jerárquica
¿Cuándo debes
utilizar este tipo de retículas? Cuando quieres salir de lo clásico y dar
rienda suelta a tu imaginación. Se suele usar en proyectos menos clásicos y más
creativos: páginas web, carteles, libros de arte, etc.
Conclusión: La
retícula es un gran aliado
Cómo ves, la
retícula es muy práctica. No te limita solo te ayuda a plasmar el diseño de tu
cabeza en el papel. Al menos a crear la estructura y ordenar los elementos.
:)
