Ficha 02 · Cor, tipografia e processo

Parte I · Cor

Exercício 1 · Harmonias (15 pts)

Indica a harmonia de cor:

a) Tons da mesma cor com luminosidades diferentes. ___

b) Cores opostas na roda (contraste máximo). ___

c) Cores vizinhas na roda (suave). ___

d) Três cores equidistantes na roda. ___

Exercício 2 · Regra 60-30-10 (10 pts)

Explica a regra 60-30-10 e dá um exemplo de aplicação.

Exercício 3 · Acessibilidade da cor (15 pts)

a) Qual o rácio de contraste mínimo recomendado (WCAG AA) para texto normal? (5 pts)

b) Porque não se deve comunicar só pela cor? Dá um exemplo de solução. (10 pts)

Parte II · Tipografia

Exercício 4 · Classes (10 pts)

Indica a classe tipográfica adequada:

a) Interface de uma app moderna. ___

b) Título com personalidade num cartaz. ___

c) Mostrar código numa documentação. ___

Exercício 5 · Regras (15 pts)

Critica este texto de design: "Usei 5 tipos de letra diferentes, todo o corpo a MAIÚSCULAS e a 11 px para caber mais."

Parte III · Processo

Exercício 6 · Workflow (15 pts)

Ordena o processo de design (1 a 7):

• ___ Cor e tipografia
• ___ Briefing
• ___ Revisão crítica
• ___ Esboços (thumbnails)
• ___ Pesquisa/moodboard
• ___ Finalização e exportação
• ___ Composição (grelha, hierarquia)

Exercício 7 · Caso prático (20 pts)

Vais desenhar um post para Instagram que anuncia o sarau da escola (data, hora, local, "entrada livre").

a) Define briefing resumido (mensagem, público, tom). (6 pts)

b) Decisões de hierarquia, cor (harmonia + 60-30-10) e tipografia. (10 pts)

c) Que verificação de acessibilidade fazes? (4 pts)