Preskočiť na hlavný obsah

Blok Obrázok s interaktívnymi bodmi

Načo slúži obrázok s interaktívnymi bodmi?

Fotografia, ktorú návštevník môže preskúmať. Pridajte vysvetlenia k dôležitým častiam obrázka: výrobku, pôdorysu, interiéru, zariadeniu či obrazovke aplikácie. Podrobnosti sa zobrazia presne tam, kde ich človek na fotografii hľadá.

Neoznačujte každý detail. Niekoľko zmysluplných bodov podporí objavovanie. Polohy sú vyjadrené v percentách z obrázka, takže po jeho výmene alebo zmene pomeru strán skontrolujte, či body stále ukazujú na správne miesto.

Kde sa interaktívne body hodia?

  • Výrobok: materiály, konektory a jednotlivé funkcie.
  • Interiér: nábytok, povrchy a vizuálne riešenia.
  • Stroj: ovládacie prvky a zostavy.
  • Softvér: popisky jednotlivých častí snímky obrazovky.

Interaktívna ukážka – preskúmajte detaily

Kliknite na body. Vždy je otvorené iba jedno vysvetlenie.

Svetlý moderný kancelársky priestor s drevenými povrchmi, pracovnými miestami a teplým osvetlením.

Štyri spôsoby zobrazenia

Tá istá fotografia a tri body môžu pôsobiť rôzne.

Karty

Po výbere bodu sa zobrazí karta pri ňom, vedľa fotografie alebo pod ňou.

Zoznam

Všetky vysvetlenia sa zobrazia v prehľadnom zozname vedľa obrázka.

Komentovaná prehliadka

Postupne sa zameriate na jeden bod a fotografia sa jemne priblíži k detailu.

Štítky

Názvy sa zobrazia priamo na obrázku; na úzkych obrazovkách sa zmenia na zoznam.

Ukážka: karty

Nenápadne pulzujúce body s vysvetlením napravo od fotografie.

Svetlý moderný kancelársky priestor s drevenými povrchmi, pracovnými miestami a teplým osvetlením.
1 / 3

Materiály

Drevené povrchy prinášajú do miestnosti teplo a prirodzený vzhľad.

1 / 3. Materiály. Drevené povrchy prinášajú do miestnosti teplo a prirodzený vzhľad.

Ukážka: zoznam

Očíslované body s vysvetleniami v zozname naľavo.

Svetlý moderný kancelársky priestor s drevenými povrchmi, pracovnými miestami a teplým osvetlením.
  1. Drevené povrchy prinášajú do miestnosti teplo a prirodzený vzhľad.

  2. Na centrálnej pracovnej ploche môžete vysvetliť funkciu priamo tam, kde ju na fotografii vidno.

  3. Teplé osvetlenie vytvára ďalšiu vizuálnu vrstvu, ktorú možno opísať samostatne.

Ukážka: komentovaná prehliadka

Prejdite body jeden za druhým, fotografia sa postupne približuje.

Svetlý moderný kancelársky priestor s drevenými povrchmi, pracovnými miestami a teplým osvetlením.

1 / 3

Materiály

Drevené povrchy prinášajú do miestnosti teplo a prirodzený vzhľad.

Ukážka: štítky

Tmavé štítky priamo na obrázku sa na mobile zmenia na zoznam.

Svetlý moderný kancelársky priestor s drevenými povrchmi, pracovnými miestami a teplým osvetlením.
  1. Materiály

    Drevené povrchy prinášajú do miestnosti teplo a prirodzený vzhľad.

  2. Pracovná plocha

    Na centrálnej pracovnej ploche môžete vysvetliť funkciu priamo tam, kde ju na fotografii vidno.

  3. Osvetlenie

    Teplé osvetlenie vytvára ďalšiu vizuálnu vrstvu, ktorú možno opísať samostatne.

Čo sa dá na interaktívnom obrázku nastaviť?

Fotografia dáva súvislosti a jednotlivé body vysvetľujú presné detaily.

Nadpis a úvod

Stručne vysvetlia, na čo sa má návštevník zamerať.

Fotografia a jej opis

Vyberte obrázok, ALT text a voliteľný názov.

Štyri pomery strán

16:9, 4:3, 1:1 alebo 3:4.

Umiestnenie bodov

Percentuálne súradnice X a Y zachovajú relatívnu polohu.

Názov a vysvetlenie

Ku každému bodu pripravte krátky, užitočný text.

Jeden aktívny bod

Vysvetľujte jeden detail naraz bez zahltenia obrázka kartami.

JEDEN OBRÁZOK, VIAC DETAILOV

Vysvetlite detail presne na mieste, kde ho vidno.

Niekoľko vhodne rozmiestnených bodov a krátke opisy stačia na pohodlné skúmanie.