RETICULAS PARA PANTALLAS

En diseño, las retículas sirven de guía para el posicionamiento de los módulos y de esta manera, generar nuevas direcciones y consecuentemente un diseño.

TIPOS DE RETICULAS

Bueno, para empezar ¿qué es una retícula? La retícula en el diseño es una guía que nos sirve para distribuir los elementos y la alineación, todas sin excepción cuentan con las mismas partes básicas sólo que algunas alcanzan cierta complejidad de acuerdo a las necesidades de la información, también estas se pueden combinar.

LA MÁS SENCILLA DE TODAS, SE USA PARA TEXTOS LARGOS PORQUE ESTÁN CONTENIDOS EN UN BLOQUE GRANDE DELIMITADO POR UN MARGEN Y TIENE UN ESPACIO PARA LOS TÍTULOS Y LA NUMERACIÓN.

Manuscrita

El ejemplo es el más cercano que encontré, pero creo que en si no se siguió una retícula...No muy recomendable para utilizarlo en una web, es difícil seguir la lectura y lo hace tedioso.

COLUMNASEs muy flexible y se pueden separar distintos tipos de información, es unas de las retículas más utilizadas en revistas y también en el diseño web, porque puede utilizarse varias columnas para texto amplio e imágenes grandes y también pequeñas. En el primer ejemplo utiliza de columnas y

también por módulos, es muy agradable por qué se ve más limpio, atractivo y los elementos están claramente diferenciados.

MODULARÚtil cuando es algo muy complejo, es parecida a la de columnas solo que las divide en filas creando así una matriz de celdas que se denominan módulos, en cada uno de ellos se puede colocar información o en varios agrupados. Son flexibles y precisos pero en exceso puede crear confusión.En esta web utilizaron este tipo de retícula para hacer un menú de los juegos que tienen, con muy buenos resultados.

JERÁRQUICA

Esta la he visto que la ocupan en gran medida en el diseño web, la información se organiza de forma intuitiva en proporción a los elementos y no en intervalos regulares y repetidos como sucede con las otras, es por eso que es muy variable.

JERÁRQUICA

La retícula que está en voga es la jerárquica porque podemos acomodar la información por orden de importancia, generalmente poniendo lo más importante a manera de resumen o por novedad en un recuadro de forma llamativa que abarque todo el espacio y los menús o palabras clave en otras columnas de menor tamaño y alineación.

El diseño web va más allá del diseño tradicional pues existen muchos limitadores relacionados con el medio donde se presentan las páginas: internet. conocemos las características fundamentales del diseño en la web.

Otro aspecto a tener en cuenta es que las páginas web son visualizadas en unas aplicaciones específicas, los navegadores web, que imponen grandes limitaciones al diseño de las mismas. la ventana de un navegador es eminentemente rectangular, con unas medidas concretas (dadas por la resolución empleada por el usuario en su monitor) y con unas capacidades de interpretación de colores que varían mucho según el ordenador usado, el sistema operativo, el monitor y la tarjeta gráfica.

TIPOGRAFIA

La elección y el uso de la tipografía es quizás el elemento más difícil dentro del proceso de diseño. La tipografía asume un doble papel tanto como comunicador visual y como verbal la tipografía nos ayuda a distinguir visualmente grupo de textos y de esta manera ayudan al usuario a predecir qué tipo de información encontraran en ciertas áreas de la pagina. Lo que hacemos al diseñar páginas web es básicamente “pintar” el texto, no solo aplicando color al texto sino al combinarlo con otros bloques de texto y con el fondo de la pagina. El ojo viajara de bloque en bloque a lo largo de la pagina y es gracia a estos bloques tipográficos que podemos alcanzar una buena jerarquía.

ELECCIÓN DE LA PALETA DE FUENTES

TAMAÑO DE LAS FUENTES

El tamaño de la letra debe elegirse teniendo en cuenta la naturaleza de la composición y la distancia a la que se va a leer.

INTERLINEADO

ALINEACIÓN DE LOS TEXTOS

COLOR EN LA WEB

COLOR

A la hora de aplicar colores deberemos tener en cuenta una serie de reglas. No hay que olvidar que el medio sobre el que trabajamos será la pantalla, y en éste sentido podemos tener la certeza de que en cada ordenador se verá un poco diferente.

A nivel de usabilidad y accesibilidad lo más importante será tener cuidado con el contraste entre el cuerpo de letra y el fondo.