diseño web - punto de interés, flujo visual y diagramación

19

Upload: luis-palomino

Post on 07-Apr-2017

683 views

Category:

Education


2 download

TRANSCRIPT

Page 1: Diseño web - Punto de interés, Flujo visual y Diagramación
Page 2: Diseño web - Punto de interés, Flujo visual y Diagramación

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

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

PUNTO DEINTERÉS

Page 5: Diseño web - Punto de interés, Flujo visual y Diagramación
Page 6: Diseño web - Punto de interés, Flujo visual y Diagramación
Page 7: Diseño web - Punto de interés, Flujo visual y Diagramación
Page 8: Diseño web - Punto de interés, Flujo visual y Diagramación

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

FLUJO VISUAL

Page 10: Diseño web - Punto de interés, Flujo visual y Diagramación
Page 11: Diseño web - Punto de interés, Flujo visual y Diagramación
Page 12: Diseño web - Punto de interés, Flujo visual y Diagramación
Page 13: Diseño web - Punto de interés, Flujo visual y Diagramación

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

BOCETO

Page 15: Diseño web - Punto de interés, Flujo visual y Diagramación
Page 16: Diseño web - Punto de interés, Flujo visual y Diagramación
Page 17: Diseño web - Punto de interés, Flujo visual y Diagramación

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

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

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