Keď fotografia vytvára prvý dojem. Vyberte záber, ktorý sprostredkuje atmosféru, kvalitu, výsledok alebo konkrétne miesto. Fotografia tvorí základ sekcie, nie iba ozdobu.
Začnite dobrým záberom a vhodnou výškou. Potom dolaďte tmavé prekrytie a ohnisko, aby boli texty čitateľné na počítači aj mobile.
Výška určuje, aký priestor dostane fotografia na prvej obrazovke.
Vhodná na podstránky a krátke úvody, ďalší obsah sa objaví rýchlo.
Dobrý východiskový bod na hlavnú stránku postavenú na fotografii.
Keď si záber zaslúži celú prvú obrazovku a posolstvo zostáva krátke.
Nízka výška / podstránka
Túto výšku zvoľte, keď na fotografii záleží, ale návštevník má rýchlo pokračovať k obsahu.
Vysoká sekcia / prvý dojem
Fotografia je výrazná, ale ďalšia obsahová sekcia zostáva nablízku.
Celá obrazovka / plná šírka
Obraz aj obsah využívajú plnú šírku s bezpečnými medzerami po bokoch.
Jednoduché pravidlo: nevyberajte len najkrajší záber, ale ten, na ktorom zostáva nadpis čitateľný. Hlavný predmet má ostať viditeľný aj po orezaní, nie schovaný pod textom.
| Nastavenie | Čo ovláda? | Praktické odporúčanie |
|---|---|---|
| Fotografia | Vizuálny základ celej sekcie. | Vyberte fotografiu s jasným predmetom a voľným miestom na text. |
| Výška | Nízka / Vysoká / Celá obrazovka. | Vysoká je dobrý začiatok, celú obrazovku využite pri skutočne silnom zábere. |
| Tmavé prekrytie | Slabé, stredné či silné zatmavenie obrázka. | Intenzitu vyberte podľa kontrastu textu na svetlých miestach. |
| Ohnisko | Dôležitá časť záberu, ktorá má zostať po výreze. | Zamerajte sa na tvár, produkt alebo podstatný detail. |
| Text a CTA | Štítok, nadpis, opis, tlačidlá a farby. | Píšte stručne a otestujte kontrast tlačidiel. |
| Úroveň nadpisu | H1, H2 alebo H3. | Jeden hlavný H1 na stránke; pre ďalšiu sekciu použite H2. |
| Veľkosť textu | Pixely alebo automatické nastavenie. | Predvolená veľkosť zvyčajne postačuje. |
| Pozadie a šírka | Rozsah do stĺpca, cez celú šírku či po okraje. | Obrázok môže siahať po okraj, text zostáva v čitateľnom stĺpci. |
| Šírka a viditeľnosť | Rozostupy, zobrazenie podľa zariadenia a plánovanie. | Plánovanie je pre skutočné kampane, nie oprava mobilného rozloženia. |
Hlavné možnosti nastavenia úvodnej sekcie s fotografickým pozadím.
Okrem hlavného tlačidla môžete ponúknuť nenápadnejší krok, napríklad „Ako to funguje“. Do poľa Vedľajší odkaz zadajte cieľ a do úvodnej sekcie samotný text. Na zobrazenie potrebujete oboje.
Skontrolujte čitateľnosť oboch akcií na svetlej aj tmavej časti fotografie. Hlavná a vedľajšia možnosť by nemali súperiť o pozornosť.
Štýl Obrázok premení vedľajšiu akciu na klikateľný vizuál. Hodí sa napríklad pri oficiálnom informačnom paneli, ktorý vedie na stránku projektu.
Oficiálne podklady používajte len vtedy, keď na to máte oprávnenie.
Musí byť ostrá aj vo veľkej veľkosti a mať zrozumiteľný hlavný predmet. Obrázok vhodný ako miniatúra nemusí fungovať na celú obrazovku.
Záleží na tom, či je fotografia pozadím alebo samostatnou časťou obsahu.
DOPRAJTE PRIESTOR DOBREJ FOTOGRAFII
Zvoľte dobrú kompozíciu, výšku a kontrast a potom otestujte výrez na mobile.