Aqbeż għall-kontenut ewlieni

Blokk Hero · full image: stampa kbira fil-ftuħ

Għal xiex jintuża Hero · full image?

Użah meta r-ritratt innifsu jagħti l-ewwel impressjoni. Jaħdem l-aħjar bi stampa li diġà turi l-atmosfera, il-kwalità jew il-kuntest tal-offerta. Hawn ir-ritratt mhuwiex sempliċi dekorazzjoni, iżda l-bażi viżwali tal-ftuħ.

Bidu tajjeb: agħżel stampa b'saħħitha, għoli adattat, overlay u punt fokali biex it-test jibqa' ċar fuq kull skrin.

Kemm għandu jkun għoli l-hero?

L-għoli jiddetermina kemm mill-ewwel skrin jieħu r-ritratt.

Short — faxxa qasira

Tajjeb għal paġna interna jew kampanja. Jagħti identità viżwali mingħajr ma jdewwem il-kontenut ewlieni.

Tall — hero bilanċjat

Għażla tajba għal homepages: b'saħħitha mingħajr ma timla l-iskrin kollu.

Fullscreen — esperjenza immersiva

Agħżlu meta l-istampa tassew tista' timla l-ewwel skrin u l-viżitatur għandu jiffoka fuq mument wieħed.

Workshop tal-injam b'għodod tal-idejn fuq ħajt, fuq bank antik tax-xogħol.

Short / paġna interna

Agħti karattru lill-paġna mingħajr ma tieħu l-iskrin kollu.

Short jaqbel meta r-ritratt huwa importanti, iżda l-kontenut ewlieni għandu jidher malajr.

Mastrudaxxa xkatla bord tal-injam tal-ġewż bl-idejn fost laqx tal-injam.

Tall / bidu tal-homepage

Uri l-atmosfera l-ewwel, imbagħad spjega x'toffri.

Tall jaqbel meta l-istampa hija parti mill-messaġġ, iżda t-taqsima li jmiss għandha tibqa' fil-qrib.

Id fuħħari tagħti forma lit-tafal fuq rota li ddur, minn fuq.

Fullscreen / wisa' kollha

Meta ritratt tassew għandu xi jgħid, agħtih l-iskrin kollu.

L-isfond u l-kontenut jistgħu jużaw il-wisa' kollha, iżda għandhom jibqgħu bi spazju sigur mal-ġnub.

Regola rapida: tagħżilx biss l-isbaħ ritratt. Agħżel dak li jaħdem mal-kliem: is-suġġett għandu jkun 'il bogħod mit-titlu, biżżejjed spazju għandu jibqa' għat-test u l-parti importanti ma tintilifx wara l-qtugħ.

SettingX'jikkontrolla?Parir prattiku
StampaIl-bażi viżwali tal-hero.Agħżel immaġni b'suġġett ċar u spazju biżżejjed għall-kliem.
GħoliShort / Tall / Fullscreen.Tall jaqbel ma' ħafna paġni; Fullscreen meta l-istampa tassew tista' ġġorr l-iskrin, Short meta l-kontenut ewlieni għandu jidher aktar malajr.
OverlaySaff Light / Medium / Dark fuq l-istampa.Agħżel skont il-kuntrast. Ritratti ċari jistgħu jeħtieġu overlay skur.
Punt fokaliIl-parti li tibqa' fiċ-ċentru tal-qtugħ.Żomm viżibbli wiċċ, prodott jew dettall fuq skrins differenti.
Test u CTAEyebrow, headline, subhead, buttuna u kuluri.Żomm il-kliem qasir u l-buttuna leġġibbli kemm fuq stampa ċara kif ukoll skura.
Livell tat-titluH1, H2 jew H3.Uża H1 wieħed biss. Agħżel H2 meta Title diġà huwa t-titlu ewlieni.
Daqs tal-kliemHeadline size u Description size f'px jew Auto.Id-daqs standard normalment ikun biżżejjed; il-kliem akbar jadatta fuq mobile.
Sfond u wisa'Column, Full width jew Edge to edge.Full width joħroġ ir-ritratt sal-ġnub u jżomm it-test fil-kontenut. Edge to edge jeħtieġ padding laterali.
Wisa' u viżibbiltàContent width, spacing below u regoli ta' viżibbiltà.Wide huwa bidu tajjeb. Tużax regoli separati għal mobile biex taħbi problemi responsive.

Settings ewlenin ta' Hero · full image

It-tieni CTA: buttuna jew link

Żid azzjoni sekondarja diskreta ħdejn il-buttuna prinċipali, bħal “Ara kif taħdem” ħdejn “Ibda”. Agħżel id-destinazzjoni taħt Secondary link u daħħal it-tikketta fil-hero. It-tieni azzjoni tidher biss jekk it-tnejn huma mimlija.

  • Secondary action style: Text link hija l-għażla standard; Button tagħti aktar enfasi u tista' jkollha kuluri separati.
  • Buttons: Side by side jew One under the other.

Fuq ritratt, il-link fit-test jieħu l-kulur tal-kliem tas-sezzjoni. Iċċekkja l-kuntrast fuq l-aktar partijiet ċari u skuri u żomm l-azzjoni sekondarja aktar diskreta.

Stampa bħala t-tieni CTA

Taħt Secondary action style hemm ukoll Image: badge jew stampa li hija link, bħal logo ta' finanzjament Ewropew lejn il-paġna tal-proġett.

  • Image frame: White card biex il-badge jibqa' fuq sfond abjad, jew No frame.
  • ALT huwa isem il-link: iddeskrivi d-destinazzjoni, bħal “Programm ta' finanzjament tal-UE — paġna tal-proġett”. Mingħajr ALT, il-link bl-istampa ma jintweriex.
  • Id-destinazzjoni tmur f'Secondary link.

Uża biss badge uffiċjali li għandek permess turi.

Kif tirfina Hero · full image

  • Għandu jibqa' dettaljat f'daqs kbir u jkollu punt fokali ċar. Jekk jaħdem biss bħala thumbnail, probabbilment ma jidhirx b'saħħtu fuq skrin sħiħ.

AGĦTI SPAZJU LILL-AQWA RITRATT

Hero · full image jaħdem meta l-istampa u l-kliem jibqgħu ċari flimkien.

Agħżel kompożizzjoni b'saħħitha, għoli u overlay adattati, u iċċekkja l-punt fokali fuq skrins żgħar.