AULA 3 UI Design (Interface do Usuário)

Prévia do material em texto

AULA 3 – UI Design (Interface do 
Usuário) 
(Conteúdo equivalente a 3 páginas) 
1. O que é UI Design? 
UI é o design visual da interface — botões, cores, tipografia, ícones, layout. 
 Se UX define o como funciona, UI define como aparece. 
 
2. Elementos essenciais da UI 
Cores 
● Deve haver contraste suficiente. 
 
● Evitar excessos. 
 
Tipografia 
● Títulos 
 
● Subtítulos 
 
● Corpo de texto 
 
● Pesos e hierarquia visual 
 
Componentes UI 
● Botões 
 
● Inputs 
 
● Cards 
 
● Navegação 
 
Layout e Espaçamento 
Define a organização visual e a respiração da interface. 
 
3. Design Systems 
Sistema que padroniza: 
● Paleta de cores 
 
● Componentes 
 
● Estilos de texto 
 
● Ícones 
 
Exemplos: 
● Material Design 
 
● Carbon Design 
 
● Fluent Design 
 
 
4. Atividade 
1. Escolha uma paleta de 3 cores e monte uma mini interface. 
 
2. Defina uma tipografia para títulos e outra para texto corrido. 
 
 
	AULA 3 – UI Design (Interface do Usuário) 
	1. O que é UI Design? 
	2. Elementos essenciais da UI 
	Cores 
	Tipografia 
	Componentes UI 
	Layout e Espaçamento 
	3. Design Systems 
	4. Atividade