Desarrollar plantillas de página de un nuevo sitio web
Para garantizar la coherencia de diseño, facilidad de uso, y para hacer la ingeniería más práctica, la mayoría de los sitios web utilizan un pequeño puñado de diferentes diseños de diseño llamada plantillas. Usted querrá desarrollar plantillas de página cuando usted hace un nuevo sitio web o rediseñar uno existente.
Estas plantillas están diseñadas para manejar todos los diferentes tipos de contenidos, mensajería y tareas que el sitio web se requieren. Para dar un ejemplo, el sitio web de Monster Energy utiliza solamente cerca de 12 a 14 diferentes plantillas de diseño para compensar todo el sitio web. Algunas de las plantillas incluyen Inicio, Todos los deportes Landing, Deportes Landing, Detalle del atleta, y News Detalle del artículo. Todos los atletas utilizan la misma Detalle Atleta plantilla de página. La plantilla se rellena dinámicamente desde una base de datos con imágenes e información únicas del atleta.
La otra cosa a tener en cuenta sobre las plantillas es que, si bien cada uno de ellos permiten una variedad de arreglos de diseño (de contenido de la página interna), la barra de navegación se mantiene en el mismo lugar todo el sitio. En el ejemplo, el principal de navegación está situado verticalmente en la izquierda, mientras que el secundario " cabecera " navegación va en la parte superior, y la navegación de pie de página nos lleva a la parte inferior.
Por cierto, este sitio tiene un buen ejemplo de un súper pie de página. Un super pie de página es un pie de página-on-esteroides que vive en la parte inferior de la página, como se ve en la siguiente figura ,. Contiene una serie de enlaces de texto redundantes a todas las porciones del sitio, pero se dio cuenta de que es muy palabra clave-Rico por diseño. Pies de página Súper no sólo proporcionan un medio rápido de navegar por todo el sitio, pero son también una oportunidad para el SEO (search eNgine optimization): Mediante la inyección de su sitio con las palabras y frases más búsquedas, a mejorar naturales ranking de búsqueda de su sitio cuando la gente busca esos términos.
El proceso de información y wireframing en última instancia, determinar el número y los tipos de plantillas que usted necesita para diseñar un sitio. Una vez identificadas las diferentes plantillas, usted puede comenzar a diseñar visual " comps " para cada plantilla.