Solucionado (ver solução)

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!

Solucionado
(ver solução)
1
resposta

[Projeto] Organização do projeto

Insira aqui a descrição dessa imagem para ajudar na acessibilidade
Realizei os ajustes sugeridos em aula

1 resposta
solução!

Olá, Nilceli. Como vai?

Seu projeto ficou excelente! O layout está muito bonito, moderno e o uso do tema escuro (dark mode) foi super bem aplicado, trazendo um ótimo contraste com as imagens dos cards.

O ponto principal dessa atividade era exercitar a estruturação das camadas, e olhando para o seu painel esquerdo (Camadas), você mandou muito bem na organização! Separar os elementos principais em grupos bem definidos como seleção de cards, menu de navegação e campo de busca é uma das melhores práticas no dia a dia de um UI Designer.

Manter o arquivo limpo e nomeado dessa forma traz grandes vantagens para o fluxo de trabalho:

  • Facilidade de Alteração: Se você precisar mudar a posição de todos os cards juntos ou ajustar os ícones laterais, basta selecionar o grupo correspondente de uma vez só, sem o risco de esquecer algum elemento solto.
  • Trabalho em Equipe: Quando outra pessoa designer ou a equipe de desenvolvimento front-end abrir o seu arquivo no Figma, eles conseguirão entender a estrutura da interface imediatamente.

Para agregar ainda mais valor ao seu aprendizado e te preparar para os próximos passos no Figma, deixo duas sugestões de boas práticas que você pode começar a explorar:

1. Organização interna dos Grupos
Uma dica valiosa é expandir esses grupos principais (clicando na setinha ao lado do nome da camada) e garantir que as camadas menores dentro deles também estejam nomeadas. Por exemplo, dentro de menu de navegação, renomear os ícones para home, perfil, configurações, etc., em vez de deixá-los com os nomes genéricos que o programa cria automaticamente (como Vector 1, Group 5).

2. Uso de Auto Layout
Conforme você avançar nos estudos do Figma, você conhecerá uma ferramenta fantástica chamada Auto Layout. Ela permite que os elementos fiquem dinâmicos. No caso da sua seleção de cards, por exemplo, com o Auto Layout configurado, se você decidisse deletar um dos cards ou adicionar um novo, os outros se reposicionariam sozinhos automaticamente, mantendo o espaçamento perfeito entre eles.

Parabéns pela dedicação e pelo capricho na organização do seu primeiro projeto. Criar o hábito de organizar o painel de camadas desde o começo da sua jornada vai te poupar muito tempo no futuro!

Espero que possa ter lhe ajudado!