Tecnología

Inicio

Cómo hacer un guión gráfico para Diseño Web

Storyboarding su sitio web asegura un flujo coherente y elimina los callejones sin salida. El seguimiento de todas las páginas utilizadas en su sitio web le da la capacidad de ver las secciones que necesitan más trabajo y ofrece una visión panorámica. No importa qué método se utiliza para escribir el guión gráfico, el simple diagrama de flujo hace que sea fácil para los demás que no estén familiarizados con el diseño web para entender sus ideas. Páginas que explica cómo se conectan entre sí se hace fácil con el uso de un guión gráfico.

Instrucciones

1 Crear una caja en la parte superior de su diagrama de flujo para representar a la página de inicio, o un índice. Esta es la página principal de su sitio web, y todas las demás páginas fluya hacia fuera de él. Considere el diseño de enlaces, información y representación de productos en contacto en esta página, y pensar en esta página como una plantilla para todas las demás páginas de ramificación de ella.

2 Una lista de todas las páginas que enlazan desde la página principal en una rama, como un árbol genealógico. Estas son páginas de segundo nivel. Los colores y el diseño de estas páginas deben ser muy similar a la página de inicio, pero el contenido será diferente.

3 Diversificarse cualquiera de las páginas de tercer nivel por debajo de las páginas de segundo nivel para indicar sub-categorías de los enlaces que conducen desde la página principal. Continuar la ramificación hacia fuera para cada subcategoría. Esto documenta el flujo de navegación del sitio web.

4 Dibuje una maqueta o prototipo, de la disposición de cada página en páginas separadas. Cada página web debe tener su propia representación de banners, anuncios, enlaces y fotos, dispuestas con marcadores de posición visuales. Esto permite que otros puedan ver lo que el sitio web final se verá así. También proporciona la oportunidad para que otros contribuyan comentarios y sugerencias antes de la fase de diseño y codificación.

Consejos y advertencias

  • En la presentación de un guión gráfico de compañeros de trabajo o su jefe, hacer que se vea profesional y ordenada para reducir la confusión y cambios.