--- title: "Hoogtepunt" slug: "highlight" updated: 2026-10-26T08:26:07Z published: 2026-10-26T08:26:07Z 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. # Hoogtepunt Het element Highlight stelt je in staat belangrijke gebieden op een stapafbeelding te markeren met een gekleurde overlay, waardoor de aandacht van de kijker op een specifiek gebied wordt gevestigd zonder de omliggende inhoud te dimmen. Gebruik het om UI-elementen te benadrukken, belangrijke gebieden te annoteren of belangrijke secties visueel te onderscheiden in je interactieve video's, gidsen en uitlegvideo's. --- ## Gebruikssituaties | Scenario | Aanbevolen configuratie | | --- | --- | | Benadruk op een knop waarop de gebruiker moet klikken | Rechthoekige vorm, gele of oranje kleur | | Een foutveld of waarschuwingsgebied markeren | Rechthoekige vorm, rood of aangepaste kleur | | Een icoon of statusindicator markeren | Cirkelvorm, contrasterende kleur | | Meerdere regio's annoteren over een complexe UI-stap | Meerdere highlights met duidelijke kleuren en beschrijvende namen | | Aandacht vestigen op een navigatie-item of menu-optie | Rechthoekige vorm, op maat van het menumenu | --- ## Toevoeging van hoogtepunt ### Voeg highlight toe aan een stapsgewijs handboek 1. Navigeer naar de stap waar je een highlight wilt toevoegen. 2. Ga in het rechterpaneel naar **Elementen toevoegen**. 3. Klik **op Belichten**. Als er al een markering bestaat, klik dan op **Nieuw toevoegen**. 4. Gebruik het **oogicoon** rechtsboven om de markering te tonen of te verbergen. Verborgen hoogtepunten verschijnen niet voor de lezer, maar worden niet verwijderd. 5. Schakel **'Andere elementen verbergen** ' in om elk ander element te verbergen terwijl je de markering configureert. 6. Voer een naam in in het **Naamveld** (bijv. `Highlight - Save Button`, ). `Highlight - Error Field` 7. Kies onder **Vorm:** - **Rechthoek** - voor knoppen, invoervelden en UI-regio's. - **Cirkel** - voor iconen, avatars en ronde componenten. 8. Kies onder **Kleur** uit de vooraf ingestelde stalen of klik **op +** om een aangepaste kleur in te stellen. 9. Klik **op Aanvullen**. ![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) ### Voeg highlight toe aan uitlegvideo / interactieve video 1. Ga in het rechterpaneel naar **Elementen toevoegen**. 2. Klik **op Belichten**. Als er al een markering bestaat, klik dan op **Nieuw toevoegen**. 3. Gebruik het **oogicoon** rechtsboven om de markering te tonen of te verbergen. Verborgen hoogtepunten verschijnen niet voor de lezer, maar worden niet verwijderd. 4. Schakel **'Andere elementen verbergen** ' in om elk ander element te verbergen terwijl je de markering configureert. 5. Voer een naam in in het **Naamveld** (bijv. `Highlight - Save Button`, ). `Highlight - Error Field` 6. Stel de **Starttijd** en **Eindtijd** in om te bepalen wanneer de highlight verschijnt. Gebruik **Select exact frame** voor precieze plaatsing. 7. Kies onder **Vorm:** - **Rechthoek** - voor knoppen, invoervelden en UI-regio's. - **Cirkel** - voor iconen, avatars en ronde componenten. 8. Kies onder **Kleur** uit de vooraf ingestelde stalen of klik **op +** om een aangepaste kleur in te stellen. 9. Klik **op Aanvullen**. Noot Eenmaal toegepast kun je het highlightgebied direct op het canvas herpositioneren en van formaat aanpassen door de randen te slepen. ![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) --- ## Beheer van hoogtepunten Na toevoeging verschijnen de highlights in het **Highlight-paneel**, waarbij elk de naam van de highlight en het geconfigureerde tijdbereik of stapnummer toont. - **Voeg nog een highlight toe** - Klik bovenaan het paneel **op Nieuw toevoegen** . - **Bewerk een markering** - Klik op een willekeurige markering in de lijst om deze te bewerken. Pas aan indien nodig en klik dan **op Toepassen** om op te slaan of **Annuleren** om terug te gaan. Gebruik het **Verwijderen-icoon** om het te verwijderen. - **Verwijder een markering** - Beweeg je muis over een markering, klik op het **driepuntmenu** en selecteer **Verwijderen**. ![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) --- ## Best practices - **Gebruik beschrijvende namen** - Label elke markering duidelijk wanneer meerdere markeringen over stappen worden toegepast, zodat ze makkelijker te identificeren en te beheren zijn. - **Kies kleuren met intentie** - Geel en oranje werken goed voor algemene nadruk, terwijl aangepaste kleuren kunnen aansluiten bij je merkpalet of specifieke betekenis kunnen aangeven (bijv. rood voor fouten, groen voor succes). - **Verbergen in plaats van verwijderen** - Schakel tijdelijk markeringen uit die niet nodig zijn in plaats van ze te verwijderen. Dit bewaart de configuratie voor toekomstig gebruik. - **Gebruik Highlight naast Spotlight** - Spotlight dimmt de achtergrond terwijl Highlight een kleuroverlay op het doelgebied toevoegt, wat een gelaagd accenteffect creëert. - **Hergrootte en herpositioneren op het canvas** - Gebruik de sleephandgrepen voor precieze plaatsing en de draai- of fit-to-screen-instellingen voor oriëntatieaanpassingen. - **Preview na aanbrengen** - Controleer of kleur en grootte duidelijk overeenkomen met de inhoud van de stap en geen kritische informatie verbergen.