Nesta aula, exploramos o papel dos botões no design de interfaces, suas categorias, estados e características essenciais para garantir clareza, interação e hierarquia visual eficazes.
Pontos principais da aula:
Função dos botões:
Facilitam ações específicas dos usuários, como submissão de formulários ou navegação.
Características principais:
Ação clara: A função do botão deve ser óbvia.
Feedback visual: Mudanças visuais como cor, sombra e tamanho devem indicar interação (hover, pressionado, ativo, etc.).
Prioridade e hierarquia: Botões primários, secundários e terciários devem ser visualmente diferenciados.
Estados dos botões:
Normal, hover, pressionado, focado, ativo, carregando e desabilitado.
Tipos de botões:
Primários: Indicam a ação mais importante (ex.: enviar, salvar).
Secundários: Ações de suporte ao primário (ex.: cancelar, voltar).
Terciários: Ações menos comuns, muitas vezes apresentadas como links.
Botões de ícones: Ícones universais (ex.: lupa, coração) que economizam espaço.
Adaptação ao contexto:
Aparência e função podem variar com base no fundo, contexto ou estratégia de usabilidade.