Importante

Você está vendo a versão anterior da nova experiência da Alura que estamos preparando para você. Em breve, ela ganha uma identidade visual novinha totalmente pensada em potencializar seus estudos!

1
resposta

Atomic Desgin - Instagram

Atomic Desgin - Instagram

Fiz a relação do Atomic Design com Programação Front-end/React, levando em conta meu conhecimento na área. Os átomos seriam as tags, como títulos, textos, imagens, entre outros. No menu de stories, no Instagram, as imagens de perfil e nome de usuário seriam os átomos. Já as moléculas, vejo como os componentes do React, seriam a união da foto circular, a circunferência em volta com o gradiente e o nome do usuário, formando cada stories de cada perfil. Por fim, o organismo seria toda essa barra com todos os stories postados pelos usuários.

Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Fala, Andressa! Como vai?

Você fez uma ótima análise relacionando o Atomic Design com o Instagram.

Sua interpretação de átomos, moléculas e organismos está bem alinhada com o conceito. No Atomic Design, os átomos são os elementos básicos, como você mencionou: títulos, textos, imagens. No caso do Instagram, as imagens de perfil e os nomes de usuário são exemplos perfeitos de átomos.

As moléculas, como você disse, são combinações de átomos que formam componentes mais complexos. No Instagram, a combinação da foto de perfil com o gradiente e o nome do usuário formando um story é uma boa representação de uma molécula.

Por fim, o organismo é uma seção completa que combina várias moléculas e átomos para formar uma parte funcional da interface, como a barra de stories que você mencionou.

Sua análise demonstra um bom entendimento do Atomic Design e como ele pode ser aplicado em interfaces reais. Continue observando e praticando essa abordagem para aprimorar ainda mais seu olhar para a consistência visual.

Fico à disposição! E se precisar, conte sempre com o apoio do fórum.

Abraço e bons estudos!

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!