O que é UI design?
UI significa user interface, ou interface do usuário: tudo o que uma pessoa vê e toca para usar um produto. Quem faz UI design decide como cada tela é organizada, qual texto é o maior, como um botão se parece e como ele responde quando você o pressiona.
Uma boa UI é quase invisível. As pessoas não notam o grid nem a escala tipográfica. Elas notam que encontraram o botão, leram o preço e concluíram a tarefa sem pensar nisso.
Todo componente tem estados
Iniciantes desenham um botão uma vez. Profissionais desenham cada estado em que ele pode estar. Os usuários precisam saber o que pode ser pressionado, o que acabaram de pressionar e o que não está disponível agora. Cada estado é uma promessa que você faz a eles.
- Reservar mesaPadrão
- Reservar mesaHover
- Reservar mesaPressionado
- Reservar mesaFoco
- Reservar mesaDesativado
- Reservar mesaCarregando
Os blocos de construção da UI
O curso dedica uma unidade a cada um deles, com exercícios e uma tela real para desenhar.
- Tipografia: escolher e combinar fontes, montar uma escala tipográfica, definir linhas com comprimento legível.
- Cor: paletas, significado e contraste que passa nas verificações de acessibilidade.
- Layout: grids, sistemas de espaçamento e hierarquia que funcionam do celular ao desktop.
- Componentes: botões, campos, cards e menus, com todos os seus estados.
- Design systems: tokens e bibliotecas para que uma equipe inteira desenhe de forma consistente.
- Acessibilidade: designs que funcionam para pessoas com baixa visão, daltonismo ou que usam o teclado.
Aprenda olhando para os melhores
As Human Interface Guidelines da Apple e o Material Design do Google são gratuitos, detalhados e escritos por equipes que desenham para bilhões de pessoas. Você vai ler partes de ambos e depois usar o auto layout e os componentes do Figma para construir suas próprias telas do jeito certo.
Ferramentas de IA já conseguem rascunhar uma tela em segundos. Isso deixa o ofício de UI mais valioso, não menos: você precisa enxergar por que um rascunho parece estranho e consertá-lo. A hierarquia está clara? O texto passa no contraste? Os cantos estão consistentes? Essas são as perguntas que você vai aprender a fazer.
