L'Atomic design è una metodologia composta da 5 differenti fasi che insieme creano un sistema di interfacce, in maniera gerarchica. In questa talk esploreremo le caratteristiche e le potenzialità dell'Atomic Design e come Sketch può aiutarci a mantenere interfacce coerenti attraverso l'uso dei simboli e altre "best practices". Scopriremo anche quali plugins sono fondamentali e come utilizzarli al meglio per velocizzare il vostro workflow.

1. AtomicDesign
Pensareacomponenti,nonapagine.

2. @pjbenitesromero
PaulRomero
UX Designer
Awards Lead Designer

3. Pagine Design
Systems
Atomic
Design
Dove
Comincio?

4. C A P I T O L O1
Pagine

9. Mockup Web

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

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

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

16. C A P I T O L O2
DesignSystems

20. carbondesignsystem.com

21. carbondesignsystem.com

23. adventurage.com/bootstrap

24. Stop using Bootstrap please!
Davide di Pumpo

25. atomicdesign.bradfrost.com

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

27. L’atomicdesignèunametodologia
compostada5differentifasichelavorano
insiemepercreareunsistemad’interfacce
inunamanieragerarchica.

28. Atomi Molecole Organismi Template Pagine

29. Atomi Molecole Organismi Template Pagine

30. Search the site Label
Search Button
Enter keyword Input

31. Atomi Molecole Organismi Template Pagine

32. Search the site
SearchEnter keyword

33. Atomi Molecole Organismi Template Pagine

34. Home About Blog Contact

36. Atomi Molecole Organismi Template Pagine

37. Home About Blog Contact

38. Atomi Molecole Organismi Template Pagine

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

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

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

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

48. Possiamo organizzare
i nostri componenti.

50. Design Collaborativo.

57. Plugins.

58. Sketch Runner

60. Anima App

63. Velocità e qualità.

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

65. Se impariamo a risolvere questi
problemi, possiamo avvicinarci a
risolverne di molto più grandi.
Gesù

68. Grazie.@pjbenitesromero
PaulRomero