Olá, Caroline! Tudo bem?
Parabéns pela execução da atividade! O layout do seu projeto CodeConnect ficou muito limpo, moderno e bem estruturado. Dá para ver que você já está dominando os recursos fundamentais do Figma para criar uma interface funcional e visualmente atraente.
Sua escolha pela paleta dark mode com tons de cinza profundo e o destaque nos cards de postagem mostra uma boa compreensão de Contraste e Hierarquia Visual.
Destaques Técnicos do seu Design
Ao observar sua interface, notei a aplicação de conceitos essenciais de UI:
- Barra Lateral (Sidebar) Consistente: O uso de ícones de traço fino alinhados à esquerda cria uma navegação intuitiva. Manter os ícones de configurações e perfil na parte inferior é um padrão de UX (Experiência do Usuário) que facilita a ergonomia.
- Componentização dos Cards: Os cards de postagem parecem ter sido feitos usando Components ou Auto Layout. Isso é excelente, pois mantém o espaçamento entre o título, a descrição e os ícones de interação (curtidas, comentários, compartilhamentos) exatamente igual em todas as instâncias.
- Grid e Alinhamento: O espaçamento entre os cards está muito bem distribuído, o que dá "respiro" ao design e evita a sobrecarga cognitiva do usuário.
Dicas para Evoluir seu Protótipo
Como você está conhecendo o programa, aqui estão três recursos do Figma que podem elevar o nível desse projeto:
- Auto Layout (Shift + A): Se você ainda não usou, tente aplicar nos cards. Ele permite que o card se ajuste automaticamente se você escrever um título mais longo ou uma descrição maior, mantendo as margens perfeitas.
- Variantes de Componentes: Você pode criar um único componente de "Card" e criar variantes para estados diferentes (como um card com "hover" ou um card selecionado).
- Prototype (Interatividade): No Figma, você pode clicar na aba "Prototype" e ligar o ícone de perfil à página de perfil, ou o ícone de busca à barra de pesquisa. Isso transforma sua imagem estática em uma experiência navegável!
O seu projeto está com um aspecto profissional incrível! Você sentiu facilidade em alinhar os elementos usando as guias inteligentes do Figma ou usou a ferramenta de Grid Layout (as colunas vermelhas) para organizar os cards?
