Please enable JavaScript.
Coggle requires JavaScript to display documents.
Botões (Tipos de botões (Call to Action (Mais importante, Ex: Faça…
Botões
Tipos de botões
Call to Action
Mais importante
Ex:
Faça download
Experimente grátis
Cadastra-se
Primário
Seguem o padrão
Secundário
Chama menos atenção que o primário.
Ghost Button
Aquele estiloso que vc gosta.
Com ícones
Icone direito: Ação
Icone esquerdo: reforçando a ação do botao
Floating Action Button (FAB)
Apenas um na tela
utilizado mais em app e site responsivo
Text Button
Apenas o texto com icone
anatomia
Tipografia
Família
Cor
Tamanho
Peso
Sombra
Border radius
Padding
Cor
Tamanho
Estilos dos botões
Flat Design
Apenas uma cor com um texto
Almost Flat Design
uma sombrinha sabe
Gradiente
se sabe
Gradiente iluminado
Sombra colorida
Características
Cores
Utilizar a cor da marca do cliente
Definindo uma cor que de contraste
ajuda chamar a atenção
Tamanhos
definido de acordo com a necessidade
Estados
Hover, pressed e bla bla bla
Tom de voz
O texto do botão
Download = baixar
comprar = concluir pagamento
O tom de voz pode estar alinhado
com o tom de voz da marca