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?

miércoles 4 de septiembre de 13

miércoles 4 de septiembre de 13

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

CONTEXTO concreto

miércoles 4 de septiembre de 13

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

buen diseño?

miércoles 4 de septiembre de 13

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

miércoles 4 de septiembre de 13

¿Por qué es importante?

miércoles 4 de septiembre de 13

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

miércoles 4 de septiembre de 13

miércoles 4 de septiembre de 13

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

Agenda

miércoles 4 de septiembre de 13

1 - Básicos de diseño

miércoles 4 de septiembre de 13

Menos es más

SIMPLICIDAD

miércoles 4 de septiembre de 13

Menos es más

miércoles 4 de septiembre de 13

ESTRUCTURAR

Grilla y estructura de contenido

miércoles 4 de septiembre de 13

Grilla y estructura de contenido

miércoles 4 de septiembre de 13

logo

menú

Banner principal

contenido 03contenido 02contenido 01

logos clientes

contenido 04 contenido 05

Grilla y estructura de contenido

miércoles 4 de septiembre de 13

Grilla y estructura de contenido

miércoles 4 de septiembre de 13

Grilla y estructura de contenido

miércoles 4 de septiembre de 13

MANEJO DEL ESPACIO EN BLANCO

Manejo del espacio en blanco

miércoles 4 de septiembre de 13

Manejo del espacio en blanco

miércoles 4 de septiembre de 13

Manejo del espacio en blanco

miércoles 4 de septiembre de 13

Manejo del espacio en blanco

miércoles 4 de septiembre de 13

Manejo del espacio

Click Me!

Manejo del espacio en blanco

miércoles 4 de septiembre de 13

Manejo de imagen

MANEJO DE IMAGEN

miércoles 4 de septiembre de 13

Manejo del espacioManejo de imagen

miércoles 4 de septiembre de 13

Manejo del espacio

Ajuste proporcional

Manejo de imagen

miércoles 4 de septiembre de 13

Manejo del espacioManejo de imagen

miércoles 4 de septiembre de 13

Manejo del espacioManejo de imagen

miércoles 4 de septiembre de 13

Manejo tipográfico

MANEJO TIPOGRÁFICO

miércoles 4 de septiembre de 13

Manejo del espacio

R RSerif Sans serif

Manejo tipográfico

miércoles 4 de septiembre de 13

R

Manejo del espacio

Fantasía

R R R

Manejo tipográfico

miércoles 4 de septiembre de 13

Manejo del espacio

COMIC SANS

Manejo tipográfico

miércoles 4 de septiembre de 13

Manejo del espacioManejo tipográfico

miércoles 4 de septiembre de 13

Manejo del espacio

RSerif

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

bloques de texto

Manejo tipográfico

miércoles 4 de septiembre de 13

Manejo del espacioManejo tipográfico

miércoles 4 de septiembre de 13

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

miércoles 4 de septiembre de 13

Manejo del espacioManejo tipográfico

miércoles 4 de septiembre de 13

Manejo del espacio

M MTipografías de la misma familia

Museo serif Museo sans serif

Manejo tipográfico

miércoles 4 de septiembre de 13

Manejo del espacio

Interlínea de texto

Manejo tipográfico

miércoles 4 de septiembre de 13

Manejo del espacio

Bloques de texto

Manejo tipográfico

miércoles 4 de septiembre de 13

Manejo del espacio

Bloques de texto

Manejo tipográfico

miércoles 4 de septiembre de 13

Manejo cromático

MANEJOCROMÁTICO

miércoles 4 de septiembre de 13

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

miércoles 4 de septiembre de 13

Manejo del espacioManejo cromático

miércoles 4 de septiembre de 13

Manejo del espacioManejo cromático

miércoles 4 de septiembre de 13

2 - Herramientas de ayuda

miércoles 4 de septiembre de 13

Grilla y estructura de contenido

960.gs

miércoles 4 de septiembre de 13

Tipografía

myfonts.com

fontsquirrel.com

typekit.com

miércoles 4 de septiembre de 13

Iconografía

thenounproject.com

iconmonstr.com

miércoles 4 de septiembre de 13

Color

colourlovers.com

kuler.adobe.com

miércoles 4 de septiembre de 13

Inspiración

behance.net

dribbble.com

miércoles 4 de septiembre de 13

Inspiración

pttrns.com

androidniceties.tumblr.com

miércoles 4 de septiembre de 13

3- Desarrollador vs. diseñador

miércoles 4 de septiembre de 13

Manejo del espacioMantener margenes

miércoles 4 de septiembre de 13

miércoles 4 de septiembre de 13

miércoles 4 de septiembre de 13

miércoles 4 de septiembre de 13

miércoles 4 de septiembre de 13

Manejo del espacioMantener margenes

Left Brain vs Right Brain

Mercedes-Benz

miércoles 4 de septiembre de 13

miércoles 4 de septiembre de 13

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

miércoles 4 de septiembre de 13

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

¿Cómo saber elegir?

Portfolio

Linkedin

Entrevista

miércoles 4 de septiembre de 13

Manejo del espacioComunicación

El diseñador forme parte del proyecto desde el principio

miércoles 4 de septiembre de 13

Manejo del espacio

Mantener el contacto

Comunicación

miércoles 4 de septiembre de 13

Manejo del espacio

Aprender el uno del otro

Comunicación

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

Qué significa para vos?

miércoles 4 de septiembre de 13

Manejo del espacio

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

Comunicación

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

miércoles 4 de septiembre de 13

Manejo del espacio

Seguir el plan acordado

Comunicación

miércoles 4 de septiembre de 13

Manejo del espacioComunicación

miércoles 4 de septiembre de 13

GRACIAS!

@luguedesde

pasequeestaabierto.tumblr.com

Lucía Guedes de Rezende

miércoles 4 de septiembre de 13

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

miércoles 4 de septiembre de 13