Diseño para desarrolladores

Conferencia en Tech Meetup Uruguay. Noviembre, 2013

Transcript

1. @luguedesde Diseño para desarrolladores pasequeestaabierto.tumblr.com Lucía Guedes de Rezende
2. ¿QUÉ ES EL DISEÑO?
4. un proceso creativo, que combina estos elementos, para resolver la comunicación de un problema en un determinado contexto. EL DISEÑO ES:
5. Comunica Simple Intuitivo - Usable Atractivo - Innovador UN BUEN DISEÑO:
6. Profesionales Diferencia de marca Se ven los resultados NOS BENEFICIAMOS DE UN BUEN DISEÑO:
8. - SIMPLE - ESTRUCTURA - ESPACIO - IMAGEN - TIPOGRAFÍA - COLOR REGLAS BÁSICAS:
9. SIMPLE
10. Reglas básicas - SIMPLE
11. Reglas básicas - SIMPLE vs.
12. ESTRUCTURA
13. Reglas básicas - ESTRUCTURA
14. Reglas básicas - ESTRUCTURA
16. 960.gs responsive.gs
17. ESPACIO
21. Click Me! Reglas básicas - ESPACIO
22. IMAGEN
23. Reglas básicas - IMAGEN
24. Reglas básicas - IMAGEN
25. flickr.com sxc.hu shutterstock.com
26. thenounproject.com iconmonstr.com
27. TIPOGRAFÍA
28. R R Serif Sans serif Reglas básicas - TIPOGRAFÍA
29. Reglas básicas - TIPOGRAFÍA R Fantasía
30. Reglas básicas - TIPOGRAFÍA R Fantasía
31. COMIC SANS Reglas básicas - TIPOGRAFÍA
32. Reglas básicas - TIPOGRAFÍA
33. R Serif Reglas básicas - TIPOGRAFÍA Muy buenas para lectura de grandes bloques de texto Clásico Tradicional
35. R Sans Serif Reglas básicas - TIPOGRAFÍA Muy buenas para títulos o textos pequeños Moderno Limpio
37. Título Museo Sans serif Museo Serif Lorem Ipsum es simplemente el texto de relleno de las imprentas y archivos de texto. Lorem Ipsum ha sido el texto de relleno estándar de las industrias desde el año 1500, cuando un impresor (N. del T. persona que se dedica a la imprenta) desconocido usó una galería de textos y los mezcló de tal manera que logró hacer un libro de textos especimen. No sólo sobrevivió 500 años, sino que tambien ingresó como texto de relleno en documentos electrónicos, quedando esencialmente igual al original. Fue popularizado en los 60s con la creación de las hojas "Letraset", las cuales contenian pasajes de Lorem Ipsum, y más recientemente con software de autoedición, como por ejemplo Aldus PageMaker, el cual incluye versiones de Lorem Ipsum. Reglas básicas - TIPOGRAFÍA
39. Interlínea de texto Reglas básicas - TIPOGRAFÍA
40. Reglas básicas - TIPOGRAFÍA
41. Bloques de texto
43. fontsquirrel.com myfonts.com google.com/fonts
44. COLOR
47. Reglas básicas - COLOR
48. Reglas básicas - COLOR
49. colourlovers.com kuler.adobe.com
50. - SIMPLE - ESTRUCTURA - ESPACIO - IMAGEN - TIPOGRAFÍA - COLOR REGLAS BÁSICAS:
51. MIRAR
52. behance.net dribbble.com awwwards.com
53. pttrns.com androidniceties.tumblr.com
54. COMUNICACIÓN
55. Manejo del espacio Mantener margenes
59. Manejo del espacio Mantener margenes
61. SER UN EQUIPO
62. Idea Boceto Diseño Desarrollo Comunicación - SER UN EQUIPO Producto
63. CONTACTO
64. Comunicación - CONTACTO
65. APRENDER
66. ¿Cómo podemos mejorarlo? ¿Podemos encontrar otra manera? Quizá si intentamos... RESOLVER PROBLEMAS JUNTOS:
67. HABLAR EL MISMO LENGUAJE
68. Prototipos en papel? Mockups? Guías de diseño? Framework?
69. PLANEAR
70. ¿Reuniones semanales? ¿Charlas diarias? ¿Guías de diseño?
71. SEGUIR EL PLAN ACORDADO
72. Manejo del espacio Comunicación
73. @luguedesde pasequeestaabierto.tumblr.com Lucía Guedes de Rezende GRACIAS!
74. Imagenes utilizadas Foto de tapa y slide 9: Denny Brechner (http://instagram.com/dennybre) Slide 2: Jiri Jerabek Slide 49: Mercedes Benz Magazine Ad Slides 45-50 y 66 ilustradas por Casey Edwards (@basicnoir) y Dennis Estanislao (@fwdpxl) Foto de contratapa: http://www.flickr.com/photos/npmeijer/ Slide 52: Adham Dannaway