diseño para desarrolladores (por lucía guedes) en el gug ago 2013

Diseñopara desarrolladores

@luguedesde

pasequeestaabierto.tumblr.com

Lucía Guedes de Rezende

miércoles 4 de septiembre de 13

¿Qué es el diseño?


El objetivo de cualquier diseño es resolver un PROBLEMA en un

CONTEXTO concreto


¿Cuáles son las características principales que debe tener un

buen diseño?


1- Comunique2- Simple 3- Usable4- Atractivo/Innovador


¿Por qué es importante?


1 - Nos hace ver profesionales2 - Nos diferencia como marca3 - Se ven los resultados


1 - Básicos de diseño2 - Herramientas de ayuda 3 - Desarrollador vs. diseñador

Agenda


1 - Básicos de diseño


Menos es más

SIMPLICIDAD


Menos es más


ESTRUCTURAR

Grilla y estructura de contenido


logo

menú

Banner principal

contenido 03contenido 02contenido 01

logos clientes

contenido 04 contenido 05



MANEJO DEL ESPACIO EN BLANCO

Manejo del espacio en blanco


Manejo del espacio

Click Me!



Manejo de imagen

MANEJO DE IMAGEN


Manejo del espacioManejo de imagen


Manejo del espacio

Ajuste proporcional

Manejo de imagen


Manejo del espacioManejo de imagen


Manejo tipográfico

MANEJO TIPOGRÁFICO


Manejo del espacio

R RSerif Sans serif

Manejo tipográfico


R

Manejo del espacio

Fantasía

R R R

Manejo tipográfico


Manejo del espacio

COMIC SANS

Manejo tipográfico


Manejo del espacioManejo tipográfico


Manejo del espacio

RSerif

- Aspecto clásico o tradicional- Mejores para la lectura de

bloques de texto

Manejo tipográfico


R

Manejo del espacio

Sans Serif

- Aspecto moderno- Buena opción para títulos- Mejores para la lectura de

texto a tamaño pequeño

Manejo tipográfico


Manejo del espacio

M MTipografías de la misma familia

Museo serif Museo sans serif

Manejo tipográfico


Manejo del espacio

Interlínea de texto

Manejo tipográfico


Manejo del espacio

Bloques de texto

Manejo tipográfico


Manejo cromático

MANEJOCROMÁTICO


Manejo del espacio

AMOR, IRA, SANGRE, INTENSO, CALOR, DINAMISMO

CÁLIDO, ENERGÍA, ENTRETENIMIENTO, ALEGRÍA, VITALIDAD

ENERGÍA, BRILLANTE, ALEGRÍA, CÁLIDO

FRESCO, SALUDABLE, BALANCE, ARMONÍA, DINERO

CALMA, FRÍO, SERENO, PAZ, TRANQUILIDAD, FRESCO

CREATIVIDAD, ELEGANCIA, AMOR, ALEGRÍA

LIMPIO, PURO, TRANQUILIDAD

PODER, ELEGANCIA, FORMALIDAD, TRADICIONAL

NEUTROS

FRÍOS

CÁLIDOS

Manejo cromático


Manejo del espacioManejo cromático


2 - Herramientas de ayuda



960.gs


Tipografía

myfonts.com

fontsquirrel.com

typekit.com


Iconografía

thenounproject.com

iconmonstr.com


Color

colourlovers.com

kuler.adobe.com


Inspiración

behance.net

dribbble.com


Inspiración

pttrns.com

androidniceties.tumblr.com


3- Desarrollador vs. diseñador


Manejo del espacioMantener margenes


Manejo del espacioMantener margenes

Left Brain vs Right Brain

Mercedes-Benz


Manejo del espacio¿Qué tipo de diseñador?

Diseñador imprenta Diseñador digital

Trabajos de imprenta(revistas, afiches, discos)

Poco conocimiento de diseñoweb y programación front-end

Por lo general no toman proyectos de índole digital

Trabajos digitales(sitios o apps web, mobile)

Bastante conocimiento de diseñoweb y programación front-end

Por lo general no toman proyectos de índole imprenta


Manejo del espacio¿Qué tipo de diseñador?

¿Cómo saber elegir?

Portfolio

Linkedin

Entrevista


Manejo del espacioComunicación

El diseñador forme parte del proyecto desde el principio


Manejo del espacio

Mantener el contacto

Comunicación


Manejo del espacio

Aprender el uno del otro

Comunicación

Por qué?Cómo lo hacemos?Podemos mejorarlo?

Qué significa para vos?


Manejo del espacio

Discutir: ¿cúal va a ser el plan?

Comunicación

Guías de diseño?Recorte de imágenes?


Manejo del espacio

Seguir el plan acordado

Comunicación


Manejo del espacioComunicación


GRACIAS!

@luguedesde

pasequeestaabierto.tumblr.com

Lucía Guedes de Rezende


Ilustraciones de slides 54, 55, 56, 57, 58, 59,60, 68 ilustradas por CASEY EDWARDS


diseño para desarrolladores (por lucía guedes) en el gug ago 2013

Design