El diseño web tiene como objetivo estructurar los elementos gráficos de un sitio para expresar la identidad visual de una empresa u organización y mejorar su imagen. Incluye áreas como el diseño para información, persuasión y educación, y tipos como diseño fijo, fluido, elástico y sensible. La estructura tradicional de una página web incluye un logotipo, menú, encabezado, cuerpo principal y pie de página. El diseño debe considerar factores como la posición de la información, selección de colores, imá

1. DISEÑO WEB

2.  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?

3. ESTRUCTURAR
ELEMENTOS GRAFICOS

4. REALZAR LA IMAGEN DE
UNA EMPRESA Y
GENERAR CONFIANZA

5. AREAS DE LA PRACTICA
PROFESIONAL
 Diseño para información.
 Diseño para persuación.
 Diseño para educación.

6. TIPOS DE DISEÑO WEB
 El 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.

7.  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.

8. 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).

9. Ejemplos de logotipos y banners
para una página web.

10.  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.

11. 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.

12. FONDO NO RECOMENDABLE FONDO RECOMENDABLE

13. SIMBOLOS USADOS EN
EL DISEÑO WEB