El documento describe cómo las retículas pueden usarse para diseñar sitios web y pantallas digitales de manera efectiva. Una retícula bien estructurada puede ayudar a identificar elementos y funciones de un sitio web con mayor facilidad. Además, una retícula visual puede transmitir sensación de continuidad y permitir asimilar rápidamente el contenido y su distribución. Finalmente, elementos como figuras en movimiento y barras de navegación jerárquicas pueden atraer la atención del visitante.

1. COMPOSICIÓN DE LA  RETÍCULAS PARA
RETÍCULA PANTALLA
En el diseño para
pantallas digitales
hay que adaptar los
elementos
empleados en
impresión para uso
en pantalla. Un
sistema reticular bien
estructurado puede
contribuir a identificar
los elementos y
funciones de un sitio
web con mayor
facilidad.

2. RETÍCULA VISUAL
Transmite
sensación de
continuidad,
permite
asimilar
rápidamente
el contenido y
su
distribución.

3. Ejemplo de
navegación
pantalla tras
pantalla medida
que se navega
por la página…
RETÍCULA VISUAL

4. Esta,
guarda el
mismo
formato
cumpliendo
con el
objetivo de
la retícula
visual.
RETÍCULA VISUAL

5. Los
movimientos
de pequeñas
figuras atraen
sobre zonas
interactivas e
informativas.
TIEMPO Y MOVIMIENTO

6. En este ejemplo,
la página cambia
de imágenes y
tiene un
movimiento
constante
llamando la
atención del
visitante.
TIEMPO Y MOVIMIENTO

7. La barra de
navegación del
web site a la
izquierda llama la
atención del
internauta se
atrae mediante los
códigos de color
de escala de
grises y el uso de
la letra negra para
darle resalto.
JERÁRQUICA.

8. En el ejemplo la
barra de
navegación en su
segundo botón
envía al
internauta a otro
sitio por medio
del paso del
cursor…
JERÁRQUICA.

9. JERÁRQUICA.