Design de Interação

• A barra do app deve possuir 54dp de altura, porém pode variar.
• A barra de status é um elemento cuja medida não pode ser alterada.
• A altura da barra do app é de 56 dp.
• A altura da lista é de 88 dp.
• Títulos devem estar a esquerda.
• E objetos de ações ( ícones ) posicionados a direita.
• Existem recomendações sobre posicionamentos da barra.
• Um menu suspenso é um componente de interface que exibe uma lista de opções quando o usuário clica ou passa o mouse sobre um botão ou área específica.
• As opções geralmente são exibidas abaixo ou ao lado do botão, formando um menu que "cai" ou "sobe".
• A cor secundária contribui para a diversidade da paleta de cores sem comprometer a coesão visual.
• O destaque pode ser alcançado alterando a cor da borda, adicionando sombras ou destacando o campo de outra maneira para indicar que está pronto para receber entrada.
• Campos de texto destacados geralmente se referem a campos que são realçados de alguma forma quando selecionados ou focados.
• A cor secundária é usada para destacar elementos específicos e proporcionar variação visual.
• A cor secundária é uma tonalidade adicional que complementa a cor primária.
• As variantes ajudam a manter a legibilidade e o equilíbrio visual em diferentes contextos.
• Checkboxes, radio buttons e Switches são geralmente da interface.
• Preenchidos são campos de texto com uma cor de fundo preenchida para indicar que o campo está ativo ou foi preenchido pelo usuário.
• material.io é uma ferramenta online.
• A variante clara pode ser aplicada em fundos, enquanto a escura pode ser usada para texto ou elementos de destaque.
• Variantes claras e escuras da cor primária são utilizadas para criar hierarquia visual.
• Essa prática pode melhorar a visibilidade e a clareza, destacando claramente os campos de texto em uso.
• O usuário pode escolher uma opção clicando nela.
• Um contêiner de imagens é uma estrutura que envolve ou mantém uma ou mais imagens.
• Rótulos de texto são opcionais e podem ser usados para contextualizar ou fornecer detalhes sobre o conteúdo visual.
• Rótulos de texto são elementos de texto que fornecem descrições ou informações adicionais relacionadas às imagens contidas no contêiner.
• Caixas de texto, áreas de texto, botões de opção, caixas de seleção, menus suspensos, botões de alternância e controles deslizantes são elementos para entrada de dados.
• As especificações para listas simples incluem altura 56, margin-top e bottom 8px.
• A altura do site é 249px.
• As medidas sugeridas para a margem top, direita, inferior e esquerda são 16px.
• As medidas de margem top e bottom são 56px.
• Listas podem ter no máximo três linhas e podem ter comportamento, como transições com efeitos.
• Um menu lateral é uma barra de navegação vertical que geralmente está localizada ao lado da tela.
• Pode ser acionado por um ícone de hambúrguer (três linhas horizontais) ou estar sempre visível.
• Esse tipo de menu é comum em designs responsivos para dispositivos móveis ou em layouts de aplicativos.
• Os itens do menu são organizados em uma lista vertical, facilitando a navegação entre seções ou páginas do aplicativo ou site.
• O Campo Oculto armazena dados no formulário, mas não é visível para o usuário.
• A Barra de Progresso exibe visualmente o progresso de uma tarefa.
• A opção de tornar esses ícones limpa os dados inseridos nos campos de entrada.
• A cor primária é a tonalidade principal que representa a identidade visual da interface ou marca.
• A proteção de texto, no contexto de um contêiner de imagens, pode se referir a técnicas ou elementos usados para garantir que o texto não seja obscurecido ou dificilmente legível quando colocado sobre as imagens.