Na této stránce
Obrázek s body (interaktivní) – co tato sekce umí
Sekce Obrázek s body promění statický obrázek v interaktivní prvek. Na obrázek umístíte body, které návštěvník rozklikne a zobrazí se u nich popisek. Vzhled bodů i popisků si přizpůsobíte tak, aby ladily s vaší značkou.
Tip
Popisky u bodů podporují tučný text a odkazy – můžete tak odkázat na další stránku nebo produkt.
Možnosti vzhledu
- Vlastní barva bodů – barvu klikatelných bodů sladíte s vaší značkou
- Vlastní barva tooltipu – nastavíte pozadí i barvu textu popisku
- Velikost bodů – čtyři velikosti (S, M, L, XL) podle důrazu
- Pulzování bodů – jemná animace upozorní na možnost kliknutí
- Velikost písma a zaoblení tooltipu – doladíte styl popisku do detailu
K čemu se hodí
- Popis jednotlivých prvků produktu nebo obalu
- Interaktivní mapy, plánky a schémata
- Vysvětlení částí screenshotu nebo uživatelského rozhraní
- Prezentace detailů návrhu značky
Varianta: Základní (výchozí barvy)
Výchozí podoba sekce. Body využívají primární barvu z nastavení barev a tooltip je černý s bílým textem. Body zároveň jemně pulzují, aby upozornily na možnost kliknutí.
Poznámka
Body rozmístíte přímo na obrázku – stačí kliknout a zadat popisek.
Varianta: Velikost bodů a pulzování
Body mají čtyři velikosti (S, M, L, XL). Zde jsou nastaveny na XL a pulzování je vypnuté, takže body zůstávají v klidu. Větší body se hodí na velké obrázky nebo když chcete body více zdůraznit.
Varianta: Velikost písma a zaoblení tooltipu
Doladit lze i samotný popisek. Zde má větší písmo a plně zaoblené rohy (16 px). Kombinací velikosti písma a zaoblení přizpůsobíte tooltip celkovému stylu webu.
