Este documento describe diferentes tipos de retículas para pantallas, incluyendo retículas visuales, ampliadas, funcionales, cromáticas, de sonido, de movimiento y tiempo y de referencia. También discute diagramas de flujo y estructuras para pantallas como diagramas de escalera y de árbol, así como menús desplegables y la importancia de la estabilidad funcional, el ritmo y la uniformidad en el diseño de páginas web.

1. RETíCULAS PARA
PANTALLA

2. RETÍCULAS PARA PANTALLA
 La retícula hace también que,
la lectura se efectúe con mayor
rapidez, se visualicen los
contenidos a distancias más
lejanas y se retenga con más
facilidad en nuestra memoria
la información que
estamos recibiendo.

3. CLASES DE RETÍCULAS PARA
PANTALLA
• Retícula Visual
• Retícula Ampliada
• Retícula Funcional y Jerárquica
• Retícula Cromática
• Retícula de Sonido
• Retícula de Movimiento y Tiempo
• Retícula de Referencia
• Retícula Visual

4.  Diagrama de Escalera:
Se construye paso a
paso, empezando por
la página de inicio.
Diagrama de Árbol
Este modelo se ramifica
en varios submenús.
DIAGRAMAS DE FLUJO

5.  La estabilidad funcional, el ritmo y la
uniformidad son aspectos esenciales que
contribuyen a la comprensión de la página
web.
Estructuras para Pantallas

6.  Con estos menús ahorramos espacio en la
pantalla y ofrece una visión más rápida de
los temas principales
Menús Desplegables

7. Distribución en Formato de
640 x 480
Antes de crear un sitio web, se debe evaluar
con precisión a que grupo de población va
destinado la información.

8.  Dramaturgia
 El Storyboard
 El equilibrio Interior

9.  El exceso de color y los efectos llamativos
tienden a ser contraproducentes a la hora de
atraer la atención sobre un aspecto concreto
de un sitio web.
Colores – Gráficos - Fondos

10.  Los detalles como menús y vínculos son
fundamentales para el diseño.
Menús y Vínculos