---
title: "Destaque"
slug: "highlight"
updated: 2026-10-26T08:24:47Z
published: 2026-10-26T08:24:47Z
canonical: "docs.document360.com/highlight"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.document360.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Destaque

O elemento Destaque permite marcar áreas importantes em uma imagem de degraus com uma sobreposição colorida, atraindo a atenção do espectador para uma região específica sem diminuir o conteúdo ao redor. Use-o para enfatizar elementos da interface, anotar áreas-chave ou diferenciar visualmente seções importantes em seus vídeos interativos, guias e vídeos explicativos.

---

## Casos de uso

| Cenário | Configuração Recomendada |
| --- | --- |
| Enfatizando um botão que o usuário precisa clicar | Formato retangular, cor amarela ou laranja |
| Marcando um campo de erro ou área de alerta | Formato retangular, vermelho ou cor personalizada |
| Destacando um ícone ou indicador de status | Formato circular, cor contrastante |
| Anotação de múltiplas regiões em uma etapa complexa de interface | Múltiplos destaques com cores distintas e nomes descritivos |
| Chamando atenção para um item de navegação ou opção de menu | Formato retangular, dimensionado conforme a entrada do menu |

---

## Adicionando elemento de destaque

### Adicione destaque a um guia passo a passo

1. Navegue até a etapa onde você quer adicionar um destaque.
2. No painel direito, vá em **Adicionar elementos**.
3. Clique **em Destaque**. Se já existir um destaque, clique **em Adicionar novo**.
4. Use o **ícone do olho** no canto superior direito para mostrar ou esconder o destaque. Os destaques ocultos não aparecem para o leitor, mas não são deletados.
5. Ative **o Ocultar outros elementos** para ocultar todos os outros elementos enquanto configura o destaque.
6. Insira um nome no campo **Nome** (por exemplo, `Highlight - Save Button`, `Highlight - Error Field`).
7. **Em Forma**, escolha:
  - **Retângulo** - para botões, campos de entrada e regiões da interface.
  - **Círculo** - para ícones, avatares e componentes circulares.
8. **Em Cor,** escolha entre as amostras pré-definidas ou clique **em +** para definir uma cor personalizada.
9. Clique **em Aplicar**.

![Settings menu for adding highlights with options for shape and color selection.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Highlight-guide.png)

### Adicionar destaque ao vídeo explicativo / vídeo interativo

1. No painel direito, vá em **Adicionar elementos**.
2. Clique **em Destaque**. Se já existir um destaque, clique **em Adicionar novo**.
3. Use o **ícone do olho** no canto superior direito para mostrar ou esconder o destaque. Os destaques ocultos não aparecem para o leitor, mas não são deletados.
4. Ative **o Ocultar outros elementos** para ocultar todos os outros elementos enquanto configura o destaque.
5. Insira um nome no campo **Nome** (por exemplo, `Highlight - Save Button`, `Highlight - Error Field`).
6. Defina o **horário de início** e **o horário de fim** para definir quando o destaque aparece. Use **Selecionar quadro exato** para posicionamento preciso.
7. **Em Forma**, escolha:
  - **Retângulo** - para botões, campos de entrada e regiões da interface.
  - **Círculo** - para ícones, avatares e componentes circulares.
8. **Em Cor,** escolha entre as amostras pré-definidas ou clique **em +** para definir uma cor personalizada.
9. Clique **em Aplicar**.

               Nota
              

Depois de aplicado, você pode reposicionar e redimensionar a região de destaque diretamente na tela arrastando as bordas.

![Interface for adding highlights with options for name, time, shape, and color.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Highlight-video-demo.png)

---

## Gerenciando elementos de destaque

Uma vez adicionados, os destaques aparecem no **painel Destaque**, cada um mostrando o nome do destaque e seu intervalo de tempo configurado ou número de passos.

- **Adicione outro destaque** - Clique **em Adicionar novo** no topo do painel.
- **Editar um destaque** - Clique em qualquer destaque na lista para editar. Modifique conforme necessário, depois clique **em Aplicar** para salvar ou **Cancelar** para voltar. Use o **ícone Excluir** para removê-lo.
- **Exclua um destaque** - Passe o mouse sobre um destaque, clique no **menu de três pontos** e selecione **Excluir**.

![Interface showing highlights with timestamps and options to add or delete highlights.](https://cdn.document360.io/860f9f88-412e-4570-8222-d5bf2f4b7dd1/Images/Documentation/Manage-Highlight.png)

---

## Melhores práticas

- **Use nomes descritivos** - Rotule cada destaque claramente quando vários destaques forem aplicados em várias etapas, para facilitar a identificação e a gestão.
- **Escolha cores com intenção** – amarelo e laranja funcionam bem para ênfase geral, enquanto cores personalizadas podem se alinhar com a paleta da sua marca ou significar um significado específico (por exemplo, vermelho para erros, verde para sucesso).
- **Ocultar em vez de deletar** - Desabilite temporariamente os destaques que não são necessários em vez de excluí-los. Isso preserva a configuração para uso futuro.
- **Use Destaque junto com Destaque** - Destaque escurece o fundo enquanto Destaque adiciona uma sobreposição de cor na área alvo, criando um efeito de ênfase em camadas.
- **Redimensione e reposicione na tela** - Use as alças de arrasto para posicionamento preciso e os controles de rotação ou ajuste na tela para ajustes de orientação.
- **Prévia após a aplicação** - Confirme que a cor e o tamanho são claramente representados em relação ao conteúdo do passo e não obscurecem informações críticas.