Pular para conteúdo

Exercícios 12 - UX/UI e Material Design 🎨

🟢 Fáceis

  1. Princípio Key: Qual a principal diferença visual (metafórica) entre o Material Design (Google) e o Flat Design original? (Dica: pense em Eixo Z).
  2. Cores: O que é o "Dynamic Color" (Material You)?

🟡 Médios

  1. Acessibilidade: Por que não devemos confiar apena na COR para indicar estado (ex: erro ser apenas vermelho)? O que mais devemos adicionar?
  2. Dark Mode: Ao criar um ícone preto (#000000) para um botão, o que acontece quando o usuário ativa o Modo Escuro no celular? Como corrigir?

🔴 Desafio

  1. Densidade de Informação: Você tem uma lista de 50 itens para exibir.

    • Opção A: Lista densa (apenas texto, linhas finas).
    • Opção B: Cards grandes com margens largas e sombras.

    Em qual situação você usaria a Opção A e em qual usaria a Opção B? (Considere um app de utilitário vs um app de mídia/notícias).

📚 Gabarito e Soluções Comentadas

Gabarito Explicado ### Questão 1: Princípio Key **Resposta Comentada:** - **Fundamentação:** No contexto de **UX/UI e Material Design 3**, o conceito abordado (Princípio Key) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 2: Cores **Resposta Comentada:** - **Fundamentação:** No contexto de **UX/UI e Material Design 3**, o conceito abordado (Cores) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 3: Acessibilidade **Resposta Comentada:** - **Fundamentação:** No contexto de **UX/UI e Material Design 3**, o conceito abordado (Acessibilidade) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 4: Dark Mode **Resposta Comentada:** - **Fundamentação:** No contexto de **UX/UI e Material Design 3**, o conceito abordado (Dark Mode) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais. ### Questão 5: Densidade de Informação **Resposta Comentada:** - **Fundamentação:** No contexto de **UX/UI e Material Design 3**, o conceito abordado (Densidade de Informação) é essencial para assegurar que os requisitos do sistema sejam estruturados de forma padronizada e escalável. - **Justificativa Técnica:** A abordagem recomendada prioriza baixo acoplamento, alta coesão e facilidade de manutenção em ambientes de produção, evitando retrabalho e inconsistências operacionais.