Este documento presenta los conceptos clave para el diseño de páginas web, incluyendo punto de interés, flujo visual, bocetos y diagramas. Explica que el punto de interés es la parte que llama más la atención y debe transmitir los objetivos de la marca, mientras que el flujo visual es el camino natural que siguen los ojos a través de la página. También describe que los bocetos sirven para dejar fluir la creatividad y los diagramas definen las zonas de la página web. Finalmente, presenta el ej

2. TEMARIO
• Punto de interés
• Flujo visual
• Bocetos
• Diagrama
• Ejercicio N°1
Lunes 17
Agosto
1

3. DOCENTE
Luis Palomino Beltrán
Padre. Comunicador. MBA. Brand
Manager. Project Director. Docente.
Músico. Scout. 10 años en eMKT.
/ Mehaceslataba
@Mehaceslataba
/ Mehaceslataba

4. PUNTO DE
INTERÉS

8. Es aquella parte de la
composición que llama
especialmente la atención.
Debe ayudar a transmitir los
objetivos de comunicación
de la marca.
Los demás elementos del
diseño deben ser
dispuestos de forma que
sean inferiores.
PUNTO DE
INTERÉS

9. FLUJO
VISUAL

13. El flujo visual es el
camino que recorren los
ojos a través de una
pantalla.
Si el diseño está bien
realizado este movimiento
es natural y fluido, el ojo
va de un objeto al
siguiente sin darse
cuenta, de forma clara
FLUJO
VISUAL

14. BOCETO

17. Hacer bocetos es una
fase fundamental del
proceso de diseño y es
bastante útil para dejar
fluir tu creatividad.
Bocetear y diagramar
no es lo mismo.
BOCETO

18. Nos permite definir las
zonas o divisiones que
va a tener la página
web.
Nos permite planear el
punto de interés y flujo
visual.
DIAGRAMA O
ESTRUCTURA

19. 1. Definir la marca sobre la
cual diseñarán una web.
2. Definir los objetivos de
comunicación.
3. Definir la estructura de la
web.
4. Dibujar el boceto de la web.
EJERCICIO N°1
Presentación: Miércoles 19
Formato: Lápiz y Papel