Před a po (posuvník) – Visualbook

Před a po (posuvník)

Na této stránce

Před a po (posuvník) – co tato sekce umí

Sekce Před a po (posuvník) spojuje dva snímky v jednom interaktivním bloku – čtenář táhne posuvník a hned vidí rozdíl mezi stavem před a po. Hodí se pro rebranding, retuše, úpravy rozhraní nebo vývojové verze produktu. Pro čisté statické zobrazení jednoho vizuálu bez posuvníku zvažte Obrázek (jednoduchý).

Varianty zobrazení

  • Základní porovnání (4:3) – klasický formát pro dokumentaci a prezentace s jedním párem fotografií
  • Čtvercový formát (1:1) – stabilní rámeček pro produktové detaily a vizuály ve stylu sociálních sítí
  • Originální poměr stran – žádný nucený ořez, snímky přesně v poměru, v jakém byly připraveny
  • Více porovnání najednou – až pět párů v jedné sekci pro sérii úprav nebo více scén
  • Vlastní barva posuvníku – barva dělící čáry sladěná s paletou značky pro lepší čitelnost na konkrétních fotografiích

K čemu se hodí

  • Dokumentace redesignu loga, webu nebo aplikace se srozumitelným „starý vs. nový“ stavem
  • Ukázky foto retuší, barevných korekcí nebo mockupů před realizací
  • Vývojové a produktové manuály porovnávající předchozí a aktuální rozhraní
  • Kampaně nebo case studies, kde má být transformace vidět okamžitě
  • Materiály pro klienty či partnery, kde je důležité vizuálně demonstrovat dopad změny

Varianta: Základní porovnání (4:3)

Nejběžnější varianta posuvníku – jeden pár fotografií v poměru stran 4:3. Ideální pro srovnání designů, barevných verzí nebo úprav fotografií.

Finální verze
Původní návrh
Původní návrh
Finální verze

Varianta: Čtvercový formát (1:1)

Posuvník s poměrem stran 1:1 – vhodný pro detailní záběry, produktové fotografie nebo profilové snímky.

Tip

Čtvercový formát zajistí konzistentní zobrazení na všech zařízeních a je ideální pro sociální sítě.

Po retušování
Bez úprav
Bez úprav
Po retušování

Varianta: Originální poměr stran

Posuvník zachovávající originální poměr stran nahraných obrázků – žádné ořezávání, přesně tak, jak byly pořízeny.

Poznámka

Použijte originální poměr stran, pokud nechcete ztratit žádnou část kompozice. Oba obrázky by měly mít stejné rozlišení.

Zpracovaný výstup
Surový snímek
Surový snímek
Zpracovaný výstup

Varianta: Více porovnání najednou

Do jedné sekce lze umístit až 5 párů fotografií – každý s vlastním posuvníkem a popisky. Ideální pro prezentaci celé série úprav.

Upozornění

U více párů obrázků doporučujeme zachovat konzistentní poměr stran a rozlišení, aby porovnání působilo profesionálně.

Realizace – varianta A
Koncept – varianta A
Koncept – varianta A
Realizace – varianta A
Realizace – varianta B
Koncept – varianta B
Koncept – varianta B
Realizace – varianta B
Realizace – varianta C
Koncept – varianta C
Koncept – varianta C
Realizace – varianta C

Varianta: Vlastní barva posuvníku

Barvu dělicí čáry a ovládacího kolečka lze nastavit na libovolnou barvu z brand palety. Pokud barvu nezvolíte, použije se výchozí barva hlavních tlačítek.

Tip

Zvolte barvu, která dobře kontrastuje s oběma fotografiemi, aby byl posuvník snadno viditelný.

Nový rebranding
Stará značka
Stará značka
Nový rebranding