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.

1. PaulRomero
UX Designer
Awards Lead Designer

2. Pagine Design
Systems
Atomic
Design
Dove
Comincio?

3. C A P I T O L O1
Pagine

8. Mockup Web

11. Creativi che fanno finta
di lavorare davanti a un macbook.

13. Sviluppatori che fanno finta
di lavorare davanti a un iMac.

14. We are not designing pages,
we're designing systems
of components.
Stephen Hay

15. C A P I T O L O2
DesignSystems

18. È un evolversi di regole, di design,
di sviluppo e di principi che
compongono un prodotto.

19. carbondesignsystem.com

20. carbondesignsystem.com

22. adventurage.com/bootstrap

23. Stop using Bootstrap please!
Davide di Pumpo

24. atomicdesign.bradfrost.com

25. Atomic Design
C A P I T O L O

26. Metodologia composta da 5 fasi
che lavorano insieme per creare
un sistema d’interfacce gerarchico

27. Atomi Molecole Organismi Template Pagine

28. Atomi Molecole Organismi Template Pagine

29. Search the site Label
Search Button
Enter keyword Input

30. Atomi Molecole Organismi Template Pagine

31. Search the site
SearchEnter keyword

32. Atomi Molecole Organismi Template Pagine

33. Home About Blog Contact

35. Atomi Molecole Organismi Template Pagine

36. Home About Blog Contact

37. Atomi Molecole Organismi Template Pagine

38. 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.

40. 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

41. C A P I T O L O4
Dovecomincio?

42. Entrare in Empatia

43. Conoscere meglio il Designer

44. Il Canvas

46. C’è un mondo prima

47. Ma non tutti lo sanno.

48. Allora da dove parto?

51. Ok, ma a lato pratico?
Cosa utilizzo?

54. Possiamo organizzare
i nostri componenti.

56. Design Collaborativo.

63. Plugins.

64. Sketch Runner

66. Anima App

69. Velocità e qualità.

70. Risolvere problemi e facilitare
l’utilizzo di un singolo touchpoint.

71. Il vostro Design Systems non è
il vostro file Sketch
Brad Frost

73. Grazie.@pjbenitesromero
PaulRomero