AtomicDesign

Atomic Design

wow

É uma metodologia desenvolvida por Brad Frost em 2013 para auxiliar na criação de Desing Systems

O que é?

wow

• Design sistemáticos
• Melhoria na documentação
• Consistência
• Escalabilidade
• Reaproveitamento
• Boas práticas

Vantagens

wow

***Design tokens(Colors, Styles)

• Átomos
• Moléculas
• Organismos
• Templates
• Páginas

Como funciona?

wow

• Unidades mais divisíveis
• Menor nível de complexidade
• Blocos de construção básicos

Átomos

wow

• Conjunto de átomos
• Nível um pouco maior

• Tangebilidade de elementos

Moléculas

wow

• Estrutura material organizada e complexa

• Elementos que norteiam a navegação dentro de um layout

Organismos

wow

Devido ao nível de complexidade, é difícil utilizar em aplicações mobile, porém sempre que observada a necessidade, seu uso é indicado!

Templates e Páginas

wow

Exemplos

wow

Quanto mais componentizado for nosso código, mais facilmente conseguimos renderizar designs complexos!

Conclusão

wow