Questão de Engenharia de Software — Acessibilidade em Sistemas — INSTITUTO AOCP 2024

Design de Interfaces: Grid, Cor, Tipografia e Hierarquia

Gabarito: letra D. A sequência correta é 4 – 1 – 2 – 3: a hierarquia organiza os elementos por grau de importância, o grid organiza em colunas e linhas, a cor realiza o contraste e a tipografia organiza os caracteres de forma legível. A questão cobra o domínio das funções de cada princípio básico do design de interface, e a alternativa D é a única que associa corretamente todos os quatro conceitos.

O design de interface (UI) é a disciplina que cuida da aparência e da interação de um produto digital, e quatro dos seus pilares são o grid, a cor, a tipografia e a hierarquia. Cada um tem uma função específica e complementar, e é exatamente essa distinção que a banca explora. O grid é a estrutura invisível que organiza o conteúdo em colunas e linhas, criando alinhamento e consistência visual. A cor vai além da estética: ela é uma ferramenta funcional que cria contraste, direciona a atenção e comunica estados (como erro ou sucesso). A tipografia é a arte de organizar os caracteres de forma legível e hierarquizada, garantindo que o texto seja confortável de ler. Por fim, a hierarquia é o princípio que estabelece a ordem de importância visual dos elementos, guiando o olhar do usuário pelo conteúdo.

Na prática, esses elementos trabalham juntos. Imagine uma página de notícias: o grid define onde cada bloco de conteúdo fica; a hierarquia faz o título principal saltar aos olhos antes do subtítulo; a cor destaca o botão de assinar; e a tipografia garante que o texto do artigo seja legível. A pegadinha da questão está em inverter as funções — por exemplo, atribuir à cor a função de organizar em colunas (que é do grid) ou à tipografia a função de criar contraste (que é da cor).

Para acertar, o candidato precisa ter clareza sobre o papel de cada princípio. A hierarquia é sobre importância; o grid é sobre estrutura; a cor é sobre contraste; e a tipografia é sobre legibilidade. Guarde essa associação: é exatamente nela que as alternativas se dividem.

Alternativa A — ❌ Incorreta

A sequência 3 – 2 – 4 – 1 começa atribuindo a tipografia (3) à função de organizar por grau de importância, o que é papel da hierarquia (4). A banca inverteu os conceitos: tipografia organiza caracteres de forma legível, não define importância visual.

Alternativa B — ❌ Incorreta

A sequência 1 – 4 – 3 – 2 atribui ao grid (1) a função de organizar por importância, que é da hierarquia (4). O grid organiza em colunas e linhas, não por grau de importância.

Alternativa C — ❌ Incorreta

A sequência 2 – 1 – 3 – 4 atribui à cor (2) a função de organizar por importância, que é da hierarquia (4). A cor é responsável pelo contraste, não pela hierarquia de importância.

Alternativa D — ✅ Correta ⟵ GABARITO

A sequência 4 – 1 – 2 – 3 associa corretamente: hierarquia (4) organiza por grau de importância; grid (1) organiza em colunas e linhas; cor (2) realiza o contraste; e tipografia (3) organiza os caracteres de forma legível. É a única alternativa que mantém a função de cada princípio correta.

Alternativa E — ❌ Incorreta

A sequência 1 – 4 – 2 – 3 atribui ao grid (1) a função de organizar por importância, que é da hierarquia (4). O grid organiza em colunas e linhas, não por grau de importância.

Gabarito: letra D