Text a fotografia spoločne rozprávajú jeden príbeh. Tento blok sa hodí, keď obrázok nie je iba dekorácia, ale ukazuje výrobok, výsledok, ľudí alebo miesto, ktoré pomáha pochopiť ponuku.
Začnite jedným jasným posolstvom a relevantnou fotografiou. Potom rozhodnite, či má byť obrázok vľavo alebo vpravo.
Služba / odbornosť
Fotografia by mala zobrazovať niečo konkrétne – výrobok, postup, výsledok, miesto alebo človeka.
Obraz má prinášať informáciu, nielen zapĺňať polovicu obrazovky.
Výrobok, práca, tím, miesto alebo výsledok, ktorý podporuje posolstvo.
Hlavný predmet musí zostať viditeľný aj po orezaní.
Ak by rovnaká fotografia pasovala na stránku každého konkurenta, neprináša dosť významu.
Výrobok / vizuálny dôraz
Fotografia vľavo zaujme ako prvá a text hneď vysvetlí, čo vidíme.
Praktické pravidlo: ak fotografia slúži len na ozdobu, zvoľte úvodnú sekciu na stred. Keď dokumentuje výsledok alebo pridáva súvislosti, hodí sa obrázok vedľa textu. Poloha závisí od toho, čo si má návštevník všimnúť ako prvé.
| Nastavenie | Čo ovláda? | Praktické odporúčanie |
|---|---|---|
| Obsah | Štítok, nadpis, opis a CTA. | Krátky nadpis a vysvetlenie, akú novú informáciu pridáva fotografia. |
| Úroveň nadpisu | H1, H2 alebo H3. | Na stránke ponechajte jeden hlavný H1. Vedľajším sekciám dajte H2. |
| Veľkosť textu | Pixely alebo Automaticky. | Predvolená hodnota často stačí, na mobile sa veľké písmo prispôsobí. |
| Obrázok | Fotografia, ALT a názov. | Použite skutočný relevantný záber, nie zoznam kľúčových slov v ALT. |
| Poloha fotografie | Vľavo alebo vpravo. | Dajte najprv obraz, ak upúta pozornosť, inak nech ponuku prvý vysvetlí text. |
| Ohnisko | Ktorý detail zostane viditeľný po orezaní. | Zachovajte tvár, výrobok alebo podstatný prvok. |
| Pozadie a šírka | Bežné, plná šírka alebo až k okrajom. | Rozsiahly pás môže stále zachovať prehľadné stĺpce. |
| Farby CTA | Pozadie tlačidla a farba jeho textu. | Dostatočný kontrast v rámci palety značky. |
| Šírka a rozostupy | Šírka obsahu a vnútorné aj vonkajšie medzery. | Široký variant vyhovuje dvom stĺpcom. |
Hlavné nastavenia úvodnej sekcie s obrázkom vedľa textu.
Fotografiu možno orezať do tvaru, ktorý sa objaví pri príchode na obrazovku.
Obdĺžnik so zaoblenými rohmi, predvolený aj pri dvojici obrázkov.
Výrez do tvaru zaoblenej brány.
Najväčší kruh, ktorý sa zmestí do dostupného priestoru.
Tvar s dvoma výrazne zaoblenými protiľahlými rohmi.
Nepravidelný obrys, ktorý sa jemne mení v čase.
Vyžaduje orezanie s vyplnením; pri tlači sa zobrazí celá fotografia.
Tvar: oblúk
Fotografia má zaoblený výrez, ktorý sa odkryje pri príchode na obrazovku. Efekt vyžaduje orezaný rám.
Pri nastavení Obrázky môžete jediný záber nahradiť dvojicou fotografií, ktoré sa čiastočne prekrývajú a majú jemný tieň, podobne ako v bloku Dvojica obrázkov. Prvá zostáva vpredu, druhá má vlastný ALT text.
Dvojica fotografií: naklonené
Prvý obrázok je väčší, druhý zostáva za ním pri hornom rohu.
Vedľa hlavného tlačidla môžete umiestniť nenápadnejšiu akciu. Cieľ nastavíte v poli Vedľajší odkaz; text sa zobrazí len vtedy, keď existuje aj platný cieľ.
Akcie zostávajú v textovej časti pod vysvetlením nezávisle od polohy fotografie. Prvá musí byť vizuálne hlavná.
Štýl Obrázok umožňuje vložiť klikateľný vizuálny panel, napríklad oficiálnu informáciu s odkazom na projekt.
Používajte iba oficiálnu grafiku, ktorú máte právo zverejniť.
Keď návštevník potrebuje najprv pochopiť ponuku a fotografia mu potom poskytne dôkaz.
Začnite tým, akú úlohu má fotografia.
ROVNOVÁHA TEXTU A OBRAZU
Fotografia a text sa majú dopĺňať, nie súperiť.