Módulo III. Retícula y diseño
Paso 1 . Retícula
En la retícula se debe especificar los elementos que conforman la página, el lugar donde van colocados y las dimensiones que puedan tener.
Puede utilizar hojas de papel o algún programa de diseño para dibujar el esquema del sitio solo utilizando texto y líneas simples.
El sitio se conforma básicamente de cabecera, menús de contenidos, área de contenidos y pie de página.
Determine los principales elementos de la cabecera, como lo son: logotipo y título de la página y menú de servicios si se desea. Coloque el esquema para menús de contenido que se desarrollaron en el módulo II.
1. Menú de navegación a la izquierda del sitio.
2. Menú del entorno al pie de página
3. Menú de servicios o herramientas en la cabecera o como parte del menú de navegación.
Coloque elementos de navegación como botones para volver al inicio de la página, ir atrás o adelante y enlaces de ubicación y volver a la página inicial.
Utilice la misma retícula para todas las páginas que conforman el sitio.
La información más importante deberá estar dentro de la primera pantalla (se le llama primera pantalla a todo aquello que se visualiza dentro de la ventana del navegador sin utilizar las barras de desplazamiento).
Medidas de la retícula:
Para páginas diseñadas para monitores de 800 x 600 pixeles:
783 pixeles de ancho en resoluciones, página sin margen.
769 pixeles de ancho con margen en la página.
Para páginas diseñadas para monitores de 1024 x 768 pixeles:
1003 pixeles de ancho en resoluciones sin margen en la página.
983 pixeles de ancho con margen en la página.
Verticalmente las dimensiones varían de acuerdo a las herramientas activas del navegador del usuario y la cantidad de contenido en cada página.
Si quiere que todo el contenido esté dentro de la ventana del navegador utilice una medida de 400 pixeles de altura. El contenido de las páginas destinadas a impresión debe estar dentro de un espacio menor a 560 pixeles.
Se denomina zona segura al área menor a 560 pixeles que se registra en la impresión hecha directamente desde el navegador.
Conceptos aplicados en este paso:
1. La dimensión horizontal del sitio está definida por el tipo de resolución de pantalla del monitor para el cual se diseñó. Se recomienda trabajar para resoluciones de 800 x 600 pixeles. Aunque estadísticamente son menos los monitores con esta característica aun hay muchos usuarios que todavía la utilizan.
2. Repetir la retícula en todas las páginas del sitio aporta a la web una fuerte identidad gráfica, que genera en el usuario la sensación de estar situado y recordar claramente el sitio.
3. La cabecera es el área del documento donde el usuario identifica la empresa, el título y elementos de identidad corporativa como el logotipo.
Repetir la retícula en todas las páginas del sitio aporta a la web una fuerte identidad gráfica, que genera en el usuario la sensación de estar situado y recordar claramente el sitio.
|
