interpreter_mode

Mentorias disponíveis em fase Beta. Saiba mais

Mentorias disponíveis em fase Beta. Saiba mais

Tooltip

Tooltip

As tooltips geralmente aparecem como pequenos balões ou caixas de texto, mostrando uma descrição breve, explicação, ou instruções para o elemento de interface em questão.

As tooltips geralmente aparecem como pequenos balões ou caixas de texto, mostrando uma descrição breve, explicação, ou instruções para o elemento de interface em questão.

Grátis

lock_open

Sobre

Uma tooltip é um elemento de UI que fornece informações adicionais sobre um item quando o usuário passa o cursor do mouse sobre ele ou toca em dispositivos táteis. As tooltips geralmente aparecem como pequenos balões ou caixas de texto, mostrando uma descrição breve, explicação, ou instruções para o elemento de interface em questão.

As tooltips são úteis para fornecer contexto adicional sem sobrecarregar a interface principal com informações excessivas. Elas ajudam os usuários a entender melhor as funções e a interagir com a interface de forma mais eficiente.

Elas se parecem com os popovers, mas ela difere de uma tooltip porque geralmente é acionada por meio de um clique em vez de passar o mouse e pode conter elementos interativos.

Uma tooltip é um elemento de UI que fornece informações adicionais sobre um item quando o usuário passa o cursor do mouse sobre ele ou toca em dispositivos táteis. As tooltips geralmente aparecem como pequenos balões ou caixas de texto, mostrando uma descrição breve, explicação, ou instruções para o elemento de interface em questão.

As tooltips são úteis para fornecer contexto adicional sem sobrecarregar a interface principal com informações excessivas. Elas ajudam os usuários a entender melhor as funções e a interagir com a interface de forma mais eficiente.

Elas se parecem com os popovers, mas ela difere de uma tooltip porque geralmente é acionada por meio de um clique em vez de passar o mouse e pode conter elementos interativos.

Uma tooltip é um elemento de UI que fornece informações adicionais sobre um item quando o usuário passa o cursor do mouse sobre ele ou toca em dispositivos táteis. As tooltips geralmente aparecem como pequenos balões ou caixas de texto, mostrando uma descrição breve, explicação, ou instruções para o elemento de interface em questão.

As tooltips são úteis para fornecer contexto adicional sem sobrecarregar a interface principal com informações excessivas. Elas ajudam os usuários a entender melhor as funções e a interagir com a interface de forma mais eficiente.

Elas se parecem com os popovers, mas ela difere de uma tooltip porque geralmente é acionada por meio de um clique em vez de passar o mouse e pode conter elementos interativos.

Tópicos abordados

  • Intro

  • Definição

  • Anatomia

  • Localizações

  • Tooltips vs Popup Tips

  • Toggletip, Popover…

  • Exemplos de Tooltips

  • Como usar Tooltips

  • Prática no Figma

O que você achou dessa aula?

Essa aula é gratuita, mas você pode fazer uma doação se quiser retribuir o trabalho de alguma forma. 🥰

Uma escala tipográfica, ou hierarquia tipográfica, serve para padronizar os tamanhos de fontes de texto do seu projeto, trazendo consistência e hierarquia para seus designs.

Ela pode ser feita utilizando uma escala de tamanhos fixa, em que os números são pré-determinados pelo designer, ou pode ser feita utilizando uma escala modular onde temos um fator multiplicador e um número base (ex: escala de 1.5 e número base 16px).

Confira a aula teórica gratuitamente e adquira a aula prática exclusiva!

Detalhes

Categoria

Componente

Instrutor

Willian Matiola

Tempo total de aula

32 min

Pontos para o ranking

0 pts

520

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

520

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

520

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

520

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

520

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

520

Alunos na newsletter

Newsletter

Para quem não quer perder nenhuma novidade do projeto.

Inscreva-se:

Enviar mensagem

Enviar mensagem

Grupo secreto 🤫

Grupo secreto 🤫

Conteúdo de qualidade não precisa custar seu salário.

Conteúdo de qualidade não precisa custar seu salário.

Conteúdo de qualidade não precisa custar seu salário.

Conteúdo de qualidade não precisa custar seu salário.

Conteúdo de qualidade não precisa custar seu salário.

Conteúdo de qualidade não precisa custar seu salário.