Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Atomic Design - Milano Frontend Meetup

458 views

Published on

Slides della presentazione fatta al Milano Frontend Meetup. Simile alle presentazioni già fatte sull'Atomic Design, con la differenza che c'è un occhio critico nei confronti del designer che progetta dei sistemi.

Published in: Design
  • Be the first to comment

Atomic Design - Milano Frontend Meetup

  1. 1. PaulRomero UX Designer Awards Lead Designer
  2. 2. Pagine Design Systems Atomic Design Dove Comincio?
  3. 3. C A P I T O L O1 Pagine
  4. 4. Mockup Web
  5. 5. Creativi che fanno finta di lavorare davanti a un macbook.
  6. 6. Sviluppatori che fanno finta di lavorare davanti a un iMac.
  7. 7. We are not designing pages, we're designing systems of components. Stephen Hay
  8. 8. C A P I T O L O2 DesignSystems
  9. 9. È un evolversi di regole, di design, di sviluppo e di principi che compongono un prodotto.
  10. 10. carbondesignsystem.com
  11. 11. carbondesignsystem.com
  12. 12. adventurage.com/bootstrap
  13. 13. Stop using Bootstrap please! Davide di Pumpo
  14. 14. atomicdesign.bradfrost.com
  15. 15. Atomic Design C A P I T O L O
  16. 16. Metodologia composta da 5 fasi che lavorano insieme per creare un sistema d’interfacce gerarchico
  17. 17. Atomi Molecole Organismi Template Pagine
  18. 18. Atomi Molecole Organismi Template Pagine
  19. 19. Search the site Label Search Button Enter keyword Input
  20. 20. Atomi Molecole Organismi Template Pagine
  21. 21. Search the site SearchEnter keyword
  22. 22. Atomi Molecole Organismi Template Pagine
  23. 23. Home About Blog Contact
  24. 24. Atomi Molecole Organismi Template Pagine
  25. 25. Home About Blog Contact
  26. 26. Atomi Molecole Organismi Template Pagine
  27. 27. Home About Blog Contact 1. Create a list with all possible keywords that fit to your product, service or business field. The more the better. So you will get also a lot of keywords which you must pay for only the minimal commandment of 5 cents.
  28. 28. Atomic Design è: Una metodologia per costruire dei Design System efficaci Facilmente trasversabile da astratto a concreto Promotore di coerenza e coesione Basato sull'assemblare piuttosto che sul decostruire
  29. 29. C A P I T O L O4 Dovecomincio?
  30. 30. Entrare in Empatia
  31. 31. Conoscere meglio il Designer
  32. 32. Il Canvas
  33. 33. C’è un mondo prima
  34. 34. Ma non tutti lo sanno.
  35. 35. Allora da dove parto?
  36. 36. Ok, ma a lato pratico? Cosa utilizzo?
  37. 37. Possiamo organizzare i nostri componenti.
  38. 38. Design Collaborativo.
  39. 39. Plugins.
  40. 40. Sketch Runner
  41. 41. Anima App
  42. 42. Velocità e qualità.
  43. 43. Risolvere problemi e facilitare l’utilizzo di un singolo touchpoint.
  44. 44. Il vostro Design Systems non è il vostro file Sketch Brad Frost
  45. 45. Grazie.@pjbenitesromero PaulRomero

×