Diseño Grafico Para Dummies

8/19/2019 Diseño Grafico Para Dummies

1/46

diseño grácofor dummies


2/46

diseño gráco

comunicación visual

PERCEPCIÓN

EMISOR - CODIFICADOR - RECEPTOR

diseño gráco

comunicación visual

PERCEPCIÓN

EMISOR - CODIFICADOR - RECEPTOR


3/46


4/46


5/46


6/46


7/46


8/46


9/46


10/46


11/46


12/46


13/46


14/46


15/46

UXuser experience


16/46

Norman, D. A. (2002). Emotion and design:

Attractive things work better.

Usabilidad = BellezaBelleza NO superior a usabilidad.

ESTÉTICA VS USABILIDAD?


17/46

La estética tiene una función en donde lasemociones juegan un papel importante laexperiencia de usuario (UX)

Si existe un diseño visual agradable, los usu-arios se sienten más relajados , y tienden a verel sitio más creíble y fácil de usar.


18/46

A positive rst impression — usually based on looks rather than interaction —determines the value of the website / app on the user’s behalf.

fuente: uxmyths.com


19/46

aprobación

vista


20/46

Stanford Credibility Project 2500+ participantes

Importancia de: layout, tipografía, colores.


21/46

If the app doesn’t have some kind of aesthetic value,it will not only fail to attract the user’s attention,it will also fail to HOLD the user’s attention. ”

- Max SteenbergenUX MAGAZINE


22/46

FORMA y FUNCIÓN

BELLEZA y CEREBR

PLACER y USABILID


23/46

morecognitive cost

Apple...

lesscognitive cost


24/46

“easier on the eye”.- Jürg Nänni (Visual Perception)

El usuario asocia ciertos comportamietos conelementos especí cos basados en su APARIENCIA.

Ej. Es más fácil reconocer BOTONES conformas curvas o redondas.


25/46

TIPOGRAFÍA


26/46


27/46

LEGIBILIDAD

Escoge typefaces con formas convencionales

Altura en X mayor.

Typefaces con “espacios generosos”

GLS MIT GLS MIT

a e c! " $


28/46


29/46


30/46

! acon serifassin serifas

sans serif / palo seco

textos cortos textos largos

serif


31/46

LECTURAJusti cación adecuada (evitar “ríos”)

ríos = FAIL!

color: CONTRASTES y colores complementarios

interlineado mayor al puntaje de la letra.

“Force-justi ed” text, or hyphenless justi cation, always creates ugly rivers and awkward spacing whichcauses the reader to lose the natural ow of the text as the eye has to make various leaps and jumps tocomplete words and sentences. Currently, there is no proper native suppor t for hyphenation in CSS, butyou could use Hyphenator.js for a proper client-side hyphenation online.

“Force-justi ed” text, or hyphenless justi -cation, always creates ugly rivers and awk-ward spacing which causes the reader tolose the natural ow of the text as the eye

“Force-justi ed” text, or hyphenless justi -cation, always creates ugly rivers and awk-ward spacing which causes the reader to


32/46


33/46

OBJETIVO


34/46

JERARQUÍA


35/46


36/46


37/46


38/46


39/46


40/46


41/46


42/46


43/46


44/46


45/46


46/46

Diseño Grafico Para Dummies

Documents

Transcript of Diseño Grafico Para Dummies