O que é Design Atômico (Atomic Design)

[VictorKobbel 0]

Boa noite Populares.

Desde já digo que sou novo aqui no fórum e que vim tanto para ajudar quanto para ser ajudado. Então vamos lá.

 

 

Andando pelo blog do Tableless me deparei com uma matéria interessante sobre Design Atômico. Li, re-li, li novamente, mas não tive ainda uma clareza do que realmente é este tipo de design.

 

Pelo que entendi, ele segue um pouco o processo do Guia de estilo onde colocamos todos os elementos que estarão presentes no site como botões, design de inputs, campos de busca, entre outros, porém, eu não vi nada falando que este design deve ser realizado utilizando algo estático como o photoshop por exemplo e os exemplos mostrados na matéria são apenas wireframes vivos e funcionais.

 

 

 

Partindo desse conceito (que não sei se estou certo...kkk), meu entendimento foi de que a criação de um layout ou guia de estilo estático de um site ou sistema no photoshop já não seria necessário, partiríamos já para a programação colocando elementos (atomos, moléculas e organismos) criando um wireframe vivo. Podemos observar uma demonstração dos elementos já separados no site Pattern Lab

 

Caso alguém conheça esse método de layout, peço que me explique como isso tudo funciona, se esse design atômico só é melhor utilizado no front-end e não com nosso querido Photoshop.

 

Abs a todos.

[Lucas Guima 164]

Exatamente, ideia é não depender do Photoshop para criar uma nova página.

[VictorKobbel 0]

Exatamente, ideia é não depender do Photoshop para criar uma nova página.

Mas desta forma, acredito que a parte criativa estaria muito limitada, pois no photoshop podemos criar, apagar, criar outra coisa, analisar questões de usabilidade atrelado ao design. Indo direto para programação a criativadade se perderia. Não acha?

[Lucas Guima 164]

Sem dúvidas, por esse motivo é que este método não se aplica a qualquer projeto, costuma ser usado em sistemas mais simples, que não necessitem de tanta criatividade, apenas um design padrão bem definido.

[VictorKobbel 0]

Excelente. Essa resposta já sana minhas dúvidas..rsrs.

Obrigado

[Ted k' 126]

Olhei esse padrão e realmente se aplicam em projetos com um layout mais sólido, é um bom conceito, eu gostei, mas precisa sim ser bem estudado, bem discutido!

[VictorKobbel 0]

Olhei esse padrão e realmente se aplicam em projetos com um layout mais sólido, é um bom conceito, eu gostei, mas precisa sim ser bem estudado, bem discutido!

 

Realmente.

Eu sempre trabalho com diversos tipos de layout então as vezes até grid me atrapalha. Porém, esses tipos de padrões são excelentes para agilizar os projetos e acredito que para criação de interface de sistemas seja ainda mais útil.