1
resposta

[Projeto] Primeira atividade

Primeira vez usando, é bem intuitivo e com a aula dá pra pegar as dicas, aprender os atalhos e entender melhor. Ansiosa pra me aprofundar mais e dominar o figma.
Insira aqui a descrição dessa imagem para ajudar na acessibilidade

1 resposta

Olá, Lidia. Como vai?

Seja muito bem-vinda ao universo do UI Design e ao Figma! Parabéns pela conclusão do seu primeiro projeto. O CodeConnect ficou com uma interface linda, limpa e extremamente profissional.

Fazer o primeiro contato com uma ferramenta de design pode parecer intimidador, mas você captou a essência do programa logo de cara. O Figma é realmente incrível porque combina uma interface intuitiva com recursos extremamente poderosos de repetição e alinhamento.

Analisando a captura de tela do seu projeto, é possível notar o cuidado técnico que você teve com detalhes fundamentais de UI (User Interface):

1. Consistência e Uso de Componentes (ou Duplicação Avançada)

O segredo de uma interface de alto nível é a consistência. Seus seis cards de conteúdo possuem exatamente o mesmo espaçamento interno (padding), o mesmo raio de arredondamento nos cantos (border-radius) e as mesmas proporções de fontes e ícones. Manter esse padrão visual transmite muita confiança e profissionalismo para o usuário final.

2. Gestalt e Hierarquia Visual

Você distribuiu os elementos de forma muito inteligente dentro de cada card:

  • A imagem no topo captura a atenção imediata.
  • O título em negrito cria o primeiro ponto de leitura textual.
  • A descrição com um peso de fonte mais leve facilita a leitura do bloco de texto.
  • Os metadados (curtidas, comentários, compartilhamentos e o avatar do usuário) organizados na base criam uma assinatura visual limpa que não polui o design.

3. Contraste e Acessibilidade (Dark Mode)

Trabalhar com interfaces escuras (Dark Mode) exige uma atenção redobrada com o contraste para não cansar os olhos do usuário. A sua escolha de tons de cinza para o fundo dos cards e para os textos secundários sobre o fundo preto ficou excelente. Há um equilíbrio perfeito que garante uma ótima leitura.

Uma dica valiosa para os seus próximos passos: Atalhos de Alinhamento

Como você mencionou que gostou de aprender os atalhos, quando estiver organizando essa grade de cards (Grid), você pode selecionar todos eles e usar as ferramentas de alinhamento do painel superior direito do Figma.

Um comando secreto maravilhoso para organizar grades é o Tidy Up (atalho Ctrl + Alt + Shift + T no Windows ou Cmd + Option + Shift + T no Mac). Ele calcula e distribui os espaços verticais e horizontais entre todos os cards de forma automática e milimétrica!

Você começou com o pé direito e demonstrou excelente percepção estética e espacial. Continue praticando e explorando os recursos!

Espero que possa ter lhe ajudado!