Ir para conteúdo

Arquivado

Este tópico foi arquivado e está fechado para novas respostas.

VictorKobbel

O que é Design Atômico (Atomic Design)

Recommended Posts

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

 

atomic-design.jpg

 

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.

 

exemplo-de-template.jpg

 

 

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

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?

Compartilhar este post


Link para o post
Compartilhar em outros sites

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!

Compartilhar este post


Link para o post
Compartilhar em outros sites

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.

Compartilhar este post


Link para o post
Compartilhar em outros sites

×

Informação importante

Ao usar o fórum, você concorda com nossos Termos e condições.