3 způsoby, jak využít blok Obrázek k oživení obsahu

Obrázek je blok se spoustou možností. Poznejte možnosti jeho nastavení, pomohou vám k vytvoření atraktivního obsahu.

Obrázky jako rozcestník

Obrázek nastavený jako Plakát dokáže zobrazovat text přes obrázek. Toho můžete využít například pro tvorbu samostatných karet.

Karty vám umožní odprezentovat velké množství informací stravitelným způsobem. Každý z obrázků může být zároveň odkazem na samostatnou stránku s detailními informacemi. Náhled v obrázku s popisem umožní lidem najít informace, které hledají, a kliknutím přejít na podrobnější informace.

Rozložení obrázků můžete měnit a využít třeba různých poměrů stran pro vytvoření mozaiky.

Výhodou karet je jejich flexibilita. Využít můžete různých velikostí i uspořádání. Kombinací různě velkých boxů můžete snadno vytvářet vizuální hierarchii.

Obrázek jako ikona

Dalším způsobem, jak získat pozornost uživatele a zvýšit vizuální zajímavost obsahu, jsou ikony. Ikony jsou jednoduše rozeznatelné, nepotřebují překládat, mohou dotvářet brand a také se na ně snadněji kliká.

Malé množství ikon je ale natolik univerzálních, aby byly pochopitelné za každé situace bez dalšího vysvětlení. Proto je často používáme s popiskem. Chcete-li s ikonami pracovat, využijte nastavení obrázku jako ikona.

Díky tomu bude obsah držet pohromadě i na menších obrazovkách a zobrazí se vždy správně.

Střídání fotek a textu

Cik cak uspořádání obsahu reflektuje jeden ze způsobů, jakým lidé skenují obsah stránky. Z toho vychází doporučení, kam umístit důležité prvky stránky. Střídání zároveň vytváří rytmus, který pomáhá poutat pozornost návštěvníka.

Vychází z patternu Z, podle kterého předpokládáme, že lidé nejprve skenují obsah horizontálně zleva doprava, poté míří diagonálně dolů doleva a následně na pravý okraj. Tím vzniká pomyslné písmeno Z.

Takové rozmístění je vhodné hlavně pro stránky s menším množstvím textu, které mají zdůraznit několik klíčových věcí. 

Stačí nastavit Obrázek jako Karta. Tím se vám vytvoří vedle obrázku prostor na libovolný text. Můžete zapnout i zobrazení tlačítka. V globálním Designu je možné definovat poměr obrázků vůči textu a tím doladit vizuální podobu přesně podle vašich potřeb.