Upload
marisa-sanchez
View
20
Download
0
Embed Size (px)
Citation preview
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