際際滷

際際滷Share a Scribd company logo
AtomicDesign
Pensareacomponenti,nonapagine.
@pjbenitesromero
PaulRomero
UX Designer
Awards Lead Designer
Pagine Design
Systems
Atomic
Design
Dove
Comincio?
C A P I T O L O1
Pagine
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design - Pensare a componenti, non a Pagine.
Mockup Web
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design - Pensare a componenti, non a Pagine.
Creativi che fanno 鍖nta
di lavorare davanti a un macbook.
Atomic Design - Pensare a componenti, non a Pagine.
Sviluppatori che fanno 鍖nta
di lavorare davanti a un iMac.
We are not designing pages,
we're designing systems
of components.
Stephen Hay
C A P I T O L O2
DesignSystems
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design - Pensare a componenti, non a Pagine.
carbondesignsystem.com
carbondesignsystem.com
Atomic Design - Pensare a componenti, non a Pagine.
adventurage.com/bootstrap
Stop using Bootstrap please!
Davide di Pumpo
atomicdesign.bradfrost.com
Atomic Design
C A P I T O L O
Latomicdesign竪unametodologia
compostada5differentifasichelavorano
insiemepercreareunsistemadinterfacce
inunamanieragerarchica.
Atomi Molecole Organismi Template Pagine
Atomi Molecole Organismi Template Pagine
Search the site Label
Search Button
Enter keyword Input
Atomi Molecole Organismi Template Pagine
Search the site
SearchEnter keyword
Atomi Molecole Organismi Template Pagine
Home About Blog Contact
Atomic Design - Pensare a componenti, non a Pagine.
Atomi Molecole Organismi Template Pagine
Home About Blog Contact
Atomi Molecole Organismi Template Pagine
Home About Blog Contact
1. Create a list with all possible keywords that 鍖t to
your product, service or business 鍖eld. 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.
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design 竪:
Una metodologia per costruire
dei Design System e鍖caci
Facilmente trasversabile da astratto a concreto
Promotore di coerenza e coesione
Basato sull'assemblare piuttosto che sul decostruire
C A P I T O L O4
Dovecomincio?
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design - Pensare a componenti, non a Pagine.
Ok, ma a lato pratico?
Cosa utilizzo?
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design - Pensare a componenti, non a Pagine.
Possiamo organizzare
i nostri componenti.
Atomic Design - Pensare a componenti, non a Pagine.
Design Collaborativo.
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design - Pensare a componenti, non a Pagine.
Plugins.
Sketch Runner
Atomic Design - Pensare a componenti, non a Pagine.
Anima App
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design - Pensare a componenti, non a Pagine.
Velocit e qualit.
Risolvere problemi e facilitare
lutilizzo di un singolo touchpoint.
Se impariamo a risolvere questi
problemi, possiamo avvicinarci a
risolverne di molto pi湛 grandi.
Ges湛
Atomic Design - Pensare a componenti, non a Pagine.
Atomic Design - Pensare a componenti, non a Pagine.
Grazie.@pjbenitesromero
PaulRomero

More Related Content

Atomic Design - Pensare a componenti, non a Pagine.