¡Fusión! Diseño con desarrolladores

Transcript

1. ¡Fusión! Diseño con desarrolladores ricardofelix.es @_ricardo_felix
2. CLICHÉ
3. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas?
4. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas? Tienes que diseñar con tipografías
 del sistema.
5. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas? Tienes que diseñar con tipografías
 del sistema. Y el kerning qué… qué pasa con el kerning…
6. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas? Tienes que diseñar con tipografías
 del sistema. El maquetador ha roto el diseño. Y el kerning qué… qué pasa con el kerning…
7. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas? Tienes que diseñar con tipografías
 del sistema. El maquetador ha roto el diseño. Es cosa del informático (sorry), y os arregláis. Y el kerning qué… qué pasa con el kerning…
8. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas? Tienes que diseñar con tipografías
 del sistema. El maquetador ha roto el diseño. Es cosa del informático (sorry), y os arregláis. Y el kerning qué… qué pasa con el kerning… Internet está matando la creatividad
9. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas? Tienes que diseñar con tipografías
 del sistema. El maquetador ha roto el diseño. Es cosa del informático (sorry), y os arregláis. Y el kerning qué… qué pasa con el kerning… Internet está matando la creatividad Pon Bootstrap
 o Foundation
 así no hace falta diseñar nada.
10. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas? Tienes que diseñar con tipografías
 del sistema. El maquetador ha roto el diseño. Es cosa del informático (sorry), y os arregláis. Está claro… en el móvil todo más pequeño y ya está. Y el kerning qué… qué pasa con el kerning… Internet está matando la creatividad Pon Bootstrap
 o Foundation
 así no hace falta diseñar nada.
11. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas? Tienes que diseñar con tipografías
 del sistema. El maquetador ha roto el diseño. Es cosa del informático (sorry), y os arregláis. Está claro… en el móvil todo más pequeño y ya está. No esperes que se vea igual en Photoshop. Y el kerning qué… qué pasa con el kerning… Internet está matando la creatividad Pon Bootstrap
 o Foundation
 así no hace falta diseñar nada.
12. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas? Tienes que diseñar con tipografías
 del sistema. El maquetador ha roto el diseño. Es cosa del informático (sorry), y os arregláis. Está claro… en el móvil todo más pequeño y ya está. No esperes que se vea igual en Photoshop. Y el kerning qué… qué pasa con el kerning… Internet está matando la creatividad Este proyecto no necesita diseño. Pon Bootstrap
 o Foundation
 así no hace falta diseñar nada.
13. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas? Tienes que diseñar con tipografías
 del sistema. El maquetador ha roto el diseño. Es cosa del informático (sorry), y os arregláis. Está claro… en el móvil todo más pequeño y ya está. No esperes que se vea igual en Photoshop. Y el kerning qué… qué pasa con el kerning… En el PSD estaba muy claro como debían moverse todos los botones. Internet está matando la creatividad Este proyecto no necesita diseño. Pon Bootstrap
 o Foundation
 así no hace falta diseñar nada.
14. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas? Tienes que diseñar con tipografías
 del sistema. El maquetador ha roto el diseño. Es cosa del informático (sorry), y os arregláis. Está claro… en el móvil todo más pequeño y ya está. No esperes que se vea igual en Photoshop. Y el kerning qué… qué pasa con el kerning… En el PSD estaba muy claro como debían moverse todos los botones. Internet está matando la creatividad Este proyecto no necesita diseño. Pon Bootstrap
 o Foundation
 así no hace falta diseñar nada. “Gafapastas”
15. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas? Tienes que diseñar con tipografías
 del sistema. El maquetador ha roto el diseño. Es cosa del informático (sorry), y os arregláis. Está claro… en el móvil todo más pequeño y ya está. No esperes que se vea igual en Photoshop. Y el kerning qué… qué pasa con el kerning… En el PSD estaba muy claro como debían moverse todos los botones. Internet está matando la creatividad Este proyecto no necesita diseño. Pon Bootstrap
 o Foundation
 así no hace falta diseñar nada. “Gafapastas” Nerds
16. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas? Tienes que diseñar con tipografías
 del sistema. El maquetador ha roto el diseño. Es cosa del informático (sorry), y os arregláis. Está claro… en el móvil todo más pequeño y ya está. No esperes que se vea igual en Photoshop. Y el kerning qué… qué pasa con el kerning… En el PSD estaba muy claro como debían moverse todos los botones. Internet está matando la creatividad Este proyecto no necesita diseño. Pon Bootstrap
 o Foundation
 así no hace falta diseñar nada. “Gafapastas” Nerds Aprende código y lo entenderás.
17. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas? Tienes que diseñar con tipografías
 del sistema. El maquetador ha roto el diseño. Es cosa del informático (sorry), y os arregláis. Está claro… en el móvil todo más pequeño y ya está. No esperes que se vea igual en Photoshop. Y el kerning qué… qué pasa con el kerning… En el PSD estaba muy claro como debían moverse todos los botones. Internet está matando la creatividad Este proyecto no necesita diseño. Pon Bootstrap
 o Foundation
 así no hace falta diseñar nada. “Gafapastas” Nerds Aprende código y lo entenderás. Aprende a diseñar.
18. CLICHÉ ¿Tengo que diseñar todas las pantallas? ¿Todas todas? Tienes que diseñar con tipografías
 del sistema. El maquetador ha roto el diseño. Es cosa del informático (sorry), y os arregláis. Está claro… en el móvil todo más pequeño y ya está. No esperes que se vea igual en Photoshop. Y el kerning qué… qué pasa con el kerning… En el PSD estaba muy claro como debían moverse todos los botones. Internet está matando la creatividad Este proyecto no necesita diseño. Pon Bootstrap
 o Foundation
 así no hace falta diseñar nada. “Gafapastas” Nerds Aprende código y lo entenderás. Aprende a diseñar.
19. “There is no evidence that difference between the left/right sides of the brain has any effect on behaviour. It’s a myth, a fallacy. Designers you are not left brained any more than developers are right brained.” Joe Leech @mrjoe
20. “There is no evidence that difference between the left/right sides of the brain has any effect on behaviour. It’s a myth, a fallacy. Designers you are not left brained any more than developers are right brained.” Joe Leech @mrjoe
21. Diseñador gráfico, freelance. Gráfica Instante ADV Creativi 2001 2002 2015 OCÉ Folch Runroom
22. Diseño
23. Diseño UX
24. Diseño UI
25. Diseño interactivo
26. Diseño digital
27. Diseño web
28. Diseño full-stack
29. Diseño full-stack
30. TENEMOS QUE HABLAR
31. De compartir Comunidad, conocimiento, herramientas, metodologías y experiencias.
32. Del feedback Contexto, empatía y momento.
33. De la formación En metodologías y procesos.
34. FUSIÓN
35. Workflow
36. Kick off Diseño Desarrollo Refinado Contenidos Deploy
37. Research Diseño Desarrollo Deploy Prototipo Analítica Kick off Contenidos Diseño Diseño Desarrollo
38. Design Sprints Atomic design
39. Herramientas, procesos y contexto.
40. Flexbox Grid Variables Srcset Canvas WebP RRRR RRRR z z z z z z z z z color-gamut @media
44. Disminuye la complejidad técnica Se mantiene o aumenta la entrega de valor
46. Del manual corporativo a los Design Systems.
47. Design systems Librerías Diseño Desarrollo
48. Design systems Librerías Diseño Desarrollo
49. Design systems Librerías Diseño Desarrollo
51. DISEÑO & DESARROLLO
52. DISEÑO + DESARROLLO
53. Objetivos comunes.
54. Performance, contenido y negocio.
55. Aprendizaje mutuo y continuo.
56. No es necesario un equipo para crecer. Evitar aislamiento. Pair design, “Pairs” multidisciplinares.
57. Gracias.