diseño web - punto de interés, flujo visual y diagramación
TRANSCRIPT
![Page 1: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/1.jpg)
![Page 2: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/2.jpg)
TEMARIO• Punto de interés• Flujo visual• Bocetos• Diagrama• Ejercicio N°1
Lunes 17Agosto
1
![Page 3: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/3.jpg)
DOCENTELuis Palomino BeltránPadre. Comunicador. MBA. Brand Manager. Project Director. Docente. Músico. Scout. 10 años en eMKT.
/ Mehaceslataba@Mehaceslataba/ Mehaceslataba
![Page 4: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/4.jpg)
PUNTO DEINTERÉS
![Page 5: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/5.jpg)
![Page 6: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/6.jpg)
![Page 7: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/7.jpg)
![Page 8: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/8.jpg)
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 DEINTERÉS
![Page 9: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/9.jpg)
FLUJO VISUAL
![Page 10: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/10.jpg)
![Page 11: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/11.jpg)
![Page 12: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/12.jpg)
![Page 13: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/13.jpg)
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
![Page 14: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/14.jpg)
BOCETO
![Page 15: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/15.jpg)
![Page 16: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/16.jpg)
![Page 17: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/17.jpg)
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
![Page 18: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/18.jpg)
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 OESTRUCTURA
![Page 19: Diseño web - Punto de interés, Flujo visual y Diagramación](https://reader035.vdocuments.mx/reader035/viewer/2022062522/58e696731a28ab5c0f8b571f/html5/thumbnails/19.jpg)
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 19Formato: Lápiz y Papel