Când fotografia creează prima impresie. Alege un vizual care comunică atmosferă, calitate, un rezultat sau un loc. Imaginea este baza întregii secțiuni, nu o simplă decorațiune.
Începe cu o fotografie puternică, o înălțime potrivită, apoi ajustează suprapunerea întunecată și punctul focal pentru lizibilitate pe toate ecranele.
Înălțimea stabilește importanța fotografiei în primul ecran.
Potrivită unei subpagini sau introduceri scurte; conținutul următor apare repede.
Un punct de plecare bun pentru pagini principale centrate pe imagine.
Când fotografia merită întregul prim ecran și mesajul rămâne scurt.
Înălțime mică / subpagină
Alege această înălțime când imaginea contează, dar vizitatorul trebuie să ajungă rapid la conținut.
Înălțime mare / prima secțiune
Fotografia domină mesajul, dar următoarea secțiune rămâne aproape.
Ecran complet / lățime completă
Imaginea și conținutul se întind pe lățime, cu margini laterale de siguranță.
Regulă simplă: nu alege numai fotografia cea mai frumoasă, ci pe aceea pe care textul rămâne lizibil. Subiectul principal trebuie să fie vizibil chiar după decupare, fără să intre sub titlu.
| Setare | Ce controlează? | Recomandare practică |
|---|---|---|
| Imagine | Baza vizuală a întregii secțiuni. | Alege o fotografie cu subiect clar și spațiu liber pentru text. |
| Înălțime | Joasă / Înaltă / Ecran complet. | Înaltă este un început bun; ecran complet numai pentru o imagine foarte puternică. |
| Suprapunere întunecată | Strat slab, mediu sau puternic peste fotografie. | Alege intensitatea după contrastul textului cu zonele luminoase. |
| Punct focal | Locul din fotografie păstrat la decupare. | Marchează fața, produsul sau detaliul principal. |
| Text și CTA | Etichetă, titlu, subtitlu, butoane și culori. | Păstrează textul scurt și verifică contrastul butoanelor. |
| Nivelul titlului | H1, H2 sau H3. | Un singur H1 principal pe pagină; pentru secțiuni secundare alege H2. |
| Mărime text | Pixeli sau Auto. | În cele mai multe situații mărimea implicită este suficientă. |
| Fundal și lățime | Coloană, lățime completă sau până la margini. | Fotografia poate ajunge la marginea ecranului, textul poate rămâne în coloană. |
| Lățime și vizibilitate | Lățimea conținutului, margini, afișare pe dispozitive și programare. | Programarea este utilă campaniilor reale, nu rezolvării unei probleme responsive. |
Principalele setări ale Hero-ului cu imagine de fundal
Pe lângă butonul principal poți include o acțiune mai discretă, de exemplu „Cum funcționează”. Configurează destinația în câmpul Link secundar și textul direct în Hero; ambele sunt necesare.
Verifică vizibilitatea butoanelor atât peste zona luminoasă, cât și peste cea închisă a imaginii. Nu face ca acțiunile să concureze pentru aceeași atenție.
Stilul Imagine transformă a doua acțiune într-un vizual cu link. Este util pentru un panou informativ oficial care deschide pagina unui proiect.
Folosește grafică oficială numai dacă ai dreptul și fișierul aferent proiectului.
Fotografia trebuie să rămână clară la dimensiuni mari și să aibă un subiect evident. O miniatură bună nu este mereu bună pe tot ecranul.
Depinde dacă imaginea este fundal sau element separat.
OFERĂ SPAȚIU CELEI MAI BUNE IMAGINI
Alege o compoziție bună, înălțimea și contrastul potrivite, apoi testează decupajul pe mobil.