Introducci N Al Dise O Web

Introducción al diseño web
El término "diseño web" se refiere a la actividad que consiste en estructurar los elementos gráficos de un sitio web para expresar estéticamente la identidad visual de una compañía u organización. Se trata de una etapa de diseño virtual más que de diseño funcional (ergonomía, navegación).
El objetivo del diseño web es realzar la imagen de una compañía u organización através de elementos gráficos con el objeto de reforzar su identidad visual y despertar una sensación de confianza en el usuario. Aún así y junto con el criterio de ergonomía, un sitio web debe, sobre todo, cubrir las expectativas del usuario y permitirle encontrar fácilmente la información que busca.
Por eso, el diseño web consiste en encontrar un término medio entre una presentación que tengagráficos impresionantes -y que le proporcione a la compañía tanto credibilidad como imagen de marca- y una presentación simple y sencilla que permita a los usuarios encontrar lo que están buscando.
Por extensión, el término diseñador web se refiere a la persona cuyo trabajo es diseñar sitios web.
Inspiración necesaria
Diseñar una página web es principalmente una tarea artística que combina inventiva ycreatividad. El objetivo de esta guía es listar varios elementos clave que se usan para obtener un diseño eficaz. De cualquier modo, también puede encontrarse inspiración en una visita a los sitios web de referencia, en especial los sitios web profesionales. Es muy interesante observar cómo cada sitio web organiza la información, cómo se presentan los menús y los bloques de información y, engeneral, determinar qué le brinda una apariencia "profesional" a un sitio web.
Organización de la página
Generalmente al diseñar un sitio web se crean plantillas que se usan como modelo. Las plantillas son imágenes en "carbónico" o páginas web que representan el esquema gráfico de un modelo de página.
La estructura tradicional de una página web es la siguiente:
Un logotipo ubicado en la esquinasuperior izquierda. Los usuarios pueden hacer clic en la mayoría de los logotipos y volver a la página de inicio.
Un menú localizado a la derecha o a la izquierda.
Un encabezado que contiene el nombre del sitio web, un banner de navegación y un área reservada para un banner (publicitario o de otro tipo).
El cuerpo principal de la página que contiene la mayor parte de la información.
Un pie de página queincluye información útil como ser, la última actualización, un vínculo a un formulario de contacto, un vínculo al mapa del sitio, etcétera.

El diseñador debe definir en la plantilla qué elementos no cambian y son idénticos en cada página y qué elementos varían de una página a la otra.
Estatuto gráfico
Un "estatuto gráfico" es un documento integral que detalla las reglas de presentación para loselementos gráficos que transmiten la identidad visual de un sitio web.
El estatuto gráfico define el equipamiento gráfico de un sitio web, en particular los tamaños, colores y apariencia del texto, las imágenes y botones del sitio y también la ubicación que tienen con respecto a otros objetos en la página.
Boceto
Un boceto es un modelo o prototipo de un sitio web que presenta los gráficos y lanavegación del sitio. Los bocetos permiten a los diseñadores formalizar el diseño del sitio web y casi siempre se usan para validar la fase de diseño antes de pasar a la fase de "realización".
El boceto incluye páginas estáticas que representan las páginas principales del sitio web (sin contenido), las cuales se usan para simular la navegación. Durante la simulación, elementos dinámicos tales como elmotor de búsqueda, pueden conducir a una página que contiene resultados inventados, por ejemplo.
Tamaños de la página
El tamaño de una página web depende principalmente de la definición que tenga la pantalla del usuario (no de su resolución).
Teniendo en cuenta el ancho, es preferible seleccionar un tamaño menor que la definición horizontal de la pantalla de la mayoría de los visitantes para...