Recursos / Insights de IA / Glossário
Design de sites e interfaces
Explicações simples dos componentes e escolhas visuais por trás de sites e interfaces de apps.
34 definições simples para quem está começando.
Acessibilidade
A acessibilidade permite que pessoas com diferentes capacidades e necessidades usem um produto.
Leia a definiçãoEstado ativo
O estado ativo mostra o item que alguém está pressionando ou usando no momento.
Leia a definiçãoAnimação
A animação muda a aparência de um item ao longo do tempo para mostrar movimento ou mudança.
Leia a definiçãoÍcone do app
Um ícone de app é a imagem que as pessoas usam para reconhecê-lo e abri-lo.
Leia a definiçãoDesfoque do fundo
O desfoque do fundo suaviza o que aparece atrás de um painel translúcido.
Leia a definiçãoRaio da borda
O raio da borda controla o quanto os cantos de uma caixa parecem arredondados.
Leia a definiçãoModelo de caixa
O modelo de caixa descreve o espaço ocupado por um elemento e suas bordas na página.
Leia a definiçãoBotão
Um botão é um controle que você pressiona para iniciar uma ação.
Leia a definiçãoCartão
Um cartão reúne uma pequena quantidade de informações relacionadas em uma caixa.
Leia a definiçãoLayout em grade de cartões
Uma grade de cartões apresenta itens relacionados em linhas e colunas.
Leia a definiçãoSeletor de cores
Um seletor de cores ajuda a escolher uma cor.
Leia a definiçãoContraste
Contraste é a diferença visível entre cores ou elementos próximos.
Leia a definiçãoModo escuro
O modo escuro usa um fundo mais escuro e texto mais claro na interface.
Leia a definiçãoToken de design
Um token de design é um valor nomeado reutilizado em escolhas como cor, espaçamento ou tamanho do texto.
Leia a definiçãoFlexbox
Flexbox organiza itens em uma linha ou coluna e distribui o espaço disponível.
Leia a definiçãoEstado de foco
O estado de foco mostra que controlo irá responder à entrada do teclado.
Leia a definiçãoCSS Grid
CSS Grid organiza elementos da página em linhas e colunas.
Leia a definiçãoÍcone
Um ícone é uma pequena imagem usada para representar uma ação ou ideia.
Leia a definiçãoCampo de entrada
Um campo de entrada é um espaço na tela para alguém inserir informações.
Leia a definiçãoLink
Um link leva você a outra página, lugar ou informação.
Leia a definiçãoMargem
Margem é o espaço externo que separa um elemento do que está ao redor.
Leia a definiçãoMenu
Um menu agrupa opções para ajudar a encontrar páginas ou ações.
Leia a definiçãoJanela modal
Uma janela modal pede atenção a uma mensagem ou decisão antes de continuar.
Leia a definiçãoBarra de navegação
Uma barra de navegação agrupa ligações para partes importantes de um site.
Leia a definiçãoDesign responsivo
O design responsivo permite que um site se ajuste a diferentes tamanhos de tela.
Leia a definiçãoHTML semântico
O HTML semântico usa elementos que descrevem a finalidade de cada parte de uma página web.
Leia a definiçãoBauhaus
A Bauhaus foi uma escola e um movimento de design que uniu arte, artesanato e utilidade.
Leia a definiçãoNeobrutalismo
O neobrutalismo é um estilo visual marcante, com contornos fortes, formas simples e muito contraste.
Leia a definiçãoInterface escura
Uma interface escura usa fundos escuros nas partes principais.
Leia a definiçãoEstética de terminal
A estética de terminal faz uma página parecer inspirada em terminais de texto.
Leia a definiçãoDesign Y2K
O design Y2K é um visual retrofuturista associado ao final dos anos noventa e ao início dos anos dois mil.
Leia a definiçãoTipografia
Tipografia é a forma como as palavras escritas aparecem e são lidas em uma página.
Leia a definiçãoHierarquia visual
A hierarquia visual guia o olhar primeiro para as partes mais importantes da página.
Leia a definiçãoWireframe
Um wireframe é um plano simples de uma página ou tela de aplicativo.
Leia a definição