Aqbeż għall-kontenut ewlieni

Blokk Hero · split: test u stampa

Għal xiex jintuża Hero · split?

It-test u l-istampa jirrakkontaw l-introduzzjoni flimkien. Hero · split jaħdem meta r-ritratt jagħmel aktar milli jżejjen: juri prodott, riżultat, persuna, post jew dettall li tkun tieħu aktar ħin tispjega bil-kliem.

Bidu tajjeb: wegħda prinċipali waħda fuq in-naħa tat-test, stampa tassew rilevanti u deċiżjoni jekk l-istampa għandhiex tidher fuq ix-xellug jew il-lemin.

Servizz / esperjenza

Uri dak li jieħu l-viżitatur fl-ewwel skrin.

Uża ritratt bħala prova jew dettall konkret: xogħol reali, post, persuna, prodott jew riżultat, mhux biss atmosfera.

Idejn jagħtu forma lit-tafal fuq rota tal-fuħħar, f'dettall iswed u abjad.

Liema stampa għandek tagħżel?

Hero · split huwa l-aktar b'saħħtu meta l-istampa żżid informazzjoni, mhux sempliċement timla nofs il-paġna.

Uri prova

Agħżel prodott, referenza, post, membru tat-tim jew riżultat konkret li jgħin lill-viżitatur jifhem.

Żomm punt fokali ċar

Is-suġġett ewlieni għandu jibqa' rikonoxxibbli meta l-istampa tinqata' jew l-iskrin jiċkien.

Evita stampi ġeneriċi

Jekk l-istess ritratt jaqbel ma' websajt ta' kompetitur, probabbilment ma jżidx ħafna valur.

Prodott / enfasi viżwali

Jekk ir-ritratt huwa l-aqwa bidu, poġġih l-ewwel.

Bl-istampa fuq ix-xellug, il-viżitatur jaraha l-ewwel u t-test jispjega għaliex hija importanti.

Qsari, vażuni u skutelli tat-terracotta magħmula bl-idejn, miġburin flimkien.

Regola rapida: jekk l-istampa hija biss dekorazzjoni, agħżel Hero · centred. Jekk turi prova, dimostrazzjoni jew kuntest, Hero · split hija għażla tajba. Poġġi r-ritratt fuq ix-xellug jew il-lemin skont x'għandu jiġbed l-attenzjoni l-ewwel.

GħażlaX'jikkontrolla?Parir prattiku
KontenutEyebrow, headline, subhead u CTA.Żomm it-titlu qasir u ċar. It-test taħtu għandu jispjega x'żżid l-istampa mal-offerta.
Livell tat-titluH1, H2 jew H3.Żomm H1 wieħed fil-paġna. Uża H1 għat-titlu ewlieni jew H2 meta diġà hemm blokk Title.
Daqs tat-titlu u tat-testHeadline size (px), description size (px) jew Auto.Jekk tħallihom vojta jintuża d-daqs standard; testi kbar jonqsu fuq mobile.
StampaImmaġni, ALT u TITLE.Uża ritratt reali u rilevanti. ALT għandu jiddeskrivi dak li jgħodd, mhux lista ta' kliem ewlieni.
Pożizzjoni tal-istampaLeft jew Right.Poġġi l-istampa l-ewwel jekk hija l-aktar li tiġbed l-attenzjoni, inkella ħalli l-offerta tinqara l-ewwel.
Punt fokaliPożizzjoni orizzontali u vertikali.Żomm wiċċ, prodott jew dettall importanti viżibbli meta tinbidel l-inkwadratura.
Sfond u wisa'Kulur u Section width: Column, Full width jew Edge to edge.Full width jagħti faxxa b'sfond sal-ġnub u kontenut f'żona sigura. Column huwa aktar diskret.
Kuluri tal-CTASfond u test tal-buttuna.Il-buttuna trid tispikka waqt li tibqa' konsistenti mal-marka.
Wisa' u spazjarContent width, inner spacing u spacing below.Wide spiss jaqbel ma' Split. Evita wisq spazju ġewwa u barra fl-istess ħin.

Settings ewlenin ta' Hero · split

Setting ġdid: Shape

L-istampa tinqata' f'forma li tikxef ruħha waqt l-iskrolljar.

Rounded corners

Rettangolu bil-kantunieri fit-tond, l-għażla standard.

Arch

Forma tonda fuq nett, qisha arkata.

Circle

L-akbar ċirku possibbli fiċ-ċentru tal-qafas.

Leaf

Żewġ kantunieri opposti fit-tond ħafna, bħal werqa.

Blob (slowly morphing)

Forma irregolari ratba li bil-mod tbiddel il-kontorn.

Tajjeb tkun taf

Teħtieġ qafas cropped (Fill). Fil-paġna stampata r-ritratt jidher sħiħ.

Forma: Arch

Magħmul mill-injam, bl-idejn, fil-workshop tagħna.

L-istampa tieħu forma ta' arkata u tinkixef waqt l-iskrolljar. Shape jaħdem biss meta l-qafas ikun cropped (Fill).

Zkuk tal-injam miġburin flimkien, bit-truf maqtugħa jħarsu 'l quddiem.

Żewġ ritratti: Image pair minflok stampa waħda

Taħt Images tista' tagħżel Image pair minflok One image: żewġ ritratti jirkbu fuq xulxin b'dell ħafif, bħall-blokk Image pair. Ir-ritratt li diġà għandek jibqa' fuq quddiem u żżid wieħed wara b'test ALT u TITLE separati.

  • Pair style: Straight jew Tilted. Bl-istil Tilted iż-żewġ ritratti jduru ftit f'direzzjonijiet opposti.
  • Shape: tapplika għat-tnejn. F'par tista' tagħżel Rounded corners, Arch, Leaf jew Rectangle.
  • Ir-ritratt ta' quddiem huwa akbar u jitgħabba l-ewwel. Għandu jkun l-aktar importanti.
  • Fuq mobile il-par jidher taħt it-test b'daqs iżgħar, iżda bl-istess kompożizzjoni.

Image pair: Tilted

Żewġ ritratti, introduzzjoni waħda.

Ir-ritratt ta' quddiem huwa akbar u jitgħabba l-ewwel; dak ta' wara jidher fil-kantuniera ta' fuq.

Idejn jagħtu forma lit-tafal fuq rota, f'dettall iswed u abjad.
Qsari, vażuni u skutelli tat-terracotta magħmula bl-idejn.

It-tieni CTA: buttuna jew link

Tista' żżid azzjoni sekondarja aktar diskreta ħdejn il-buttuna ewlenija, bħal “Ara kif taħdem” ma' “Ibda”. Daħħal id-destinazzjoni taħt Secondary link u t-tikketta tal-buttuna fit-test tal-hero. Tidher biss meta hemm it-tnejn.

  • Secondary action style: Text link huwa l-istil standard; Button jagħtiha aktar enfasi u jista' jkollha kuluri separati.
  • Buttons: Side by side (bil-buttuna t-tieni tinżel f'linja ġdida jekk hemm bżonn), jew One under the other.

F'Hero · split iż-żewġ azzjonijiet jibqgħu taħt it-test, tkun fejn tkun l-istampa. Żomm l-azzjoni sekondarja aktar diskreta sabiex dik prinċipali tibqa' ovvja.

Stampa bħala t-tieni CTA

It-tielet għażla taħt Secondary action style hija Image: stampa jew badge li taħdem bħala link, pereżempju logo uffiċjali ta' finanzjament Ewropew li jwassal għall-paġna tal-proġett.

  • Image frame: White card biex l-artwork jibqa' fuq sfond abjad, jew No frame.
  • L-ALT jagħti isem lill-link. Iddeskrivi d-destinazzjoni, mhux l-istampa, bħal “Programm ta' finanzjament tal-UE — paġna tal-proġett”. Mingħajr ALT, il-link bl-istampa ma jintweriex.
  • Agħżel id-destinazzjoni f'Secondary link.

Uża badge uffiċjali li għandek permess ittella'.

Kif tirfina Hero · split

  • Meta trid li l-viżitatur jifhem l-offerta l-ewwel u l-istampa tikkonfermaha wara. Spiss ikun bidu tajjeb għal servizzi u messaġġi aktar kumplessi.

BILANĊ BEJN TEST U STAMPA

Hero · split tajjeb għandu żewġ naħat iżda jwassal messaġġ wieħed.

Ir-ritratt u l-kliem m'għandhomx jikkompetu; it-tnejn isaħħu l-istess offerta b'modi differenti.