DISEÑO WEB

Estructurar los elementos gráficos de un sitio web para expresar estéticamente la identidad visual de una compañía u organización.

¿QUE ES?

ESTRUCTURAR ELEMENTOS GRAFICOS

REALZAR LA IMAGEN DE UNA EMPRESA Y GENERAR CONFIANZA

AREAS DE LA PRACTICA PROFESIONALDiseño para información.

Diseño para persuación.

Diseño para educación.

TIPOS DE DISEÑO WEBEl diseño web fijo, es el más

utilizado de la Internet, y es aquel que permanece inalterable sea cual sea el dispositivo donde se visualiza el sitio web.

El diseño web fluido o diseño web líquido, es aquel que tiende a ocupar todo el ancho de la pantalla.

El diseño web elástico, es muy parecido al fluido, sólo que en este caso el contenido también crece junto al ancho del diseño para rellenar la pantalla.

Diseño web sensible, es un tipo de diseño que se transforma en función del tipo de dispositivo o del ancho del navegador web que lo visualiza.

ORGANIZACION DE LA PAGINA

La estructura tradicional de una página web es la siguiente:

Un logotipo ubicado en la esquina superior 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).

Haga clic en el icono para agregar una imagen

Ejemplos de logotipos y banners para una página

web.

El cuerpo principal de la página que contiene la mayor parte de la información.

Un pie de página que incluye 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.

POSICIONAMIENTO DE LA

INFORMACIÓN

• Los usuarios leen desde la esquina superior izquierda hacia la esquina inferior derecha.

ELECCIÓN DE COLORES

• Se deben elegir en función del objetivo.

SELECCIÓN DE IMÁGENES

• Usar imágenes adecuadas que no molesten al usuario.

COLOR DE FONDO

• Debe hacer un contraste apropiado.

• No dificultar la lectura.

TIPOGRAFÍA

• Utilizar fuentes clásicas.

• No utilizar más de dos tipos de fuente.

GRÁFICOS

• Tener cuidado con los símbolos que se utilizan en sitios internacionales.

FONDO NO RECOMENDABLE FONDO RECOMENDABLE

SIMBOLOS USADOS EN EL DISEÑO WEB