Aqbeż għall-kontenut ewlieni

Blokk Hero · video: video fl-isfond

Għal xiex jintuża Hero · video?

Uża moviment biss meta jwassal aktar minn ritratt wieħed. Hero · video jista' juri malajr post, proċess, atmosfera jew prodott waqt l-użu. Il-messaġġ ewlieni għandu jibqa' jinftiehem mingħajr il-video: dan huwa sfond viżwali bla ħoss, mhux player ta' film.

Bidu tajjeb: xena qasira u kalma li tirrepeti ruħha, poster ċar, overlay medju, titlu qasir u CTA speċifika.

X'jagħmel video tajjeb fl-isfond?

Hero video tajjeb ma jirrakkontax film sħiħ; iżid informazzjoni utli fi ftit sekondi.

Xena waħda sempliċi

Uri post, moviment, proċess jew prodott waqt l-użu. Ħafna qtugħ u xeni jikkompetu mat-titlu.

Qasir u jista' jirrepeti ruħu

Agħżel mument li jista' jerġa' jibda b'mod naturali u jgħaddi l-idea malajr.

Sfond kalm taħt il-kliem

Żomm iż-żona tat-titlu relattivament kalma. Il-messaġġ u l-CTA għandhom jibqgħu l-aktar importanti.

Short — paġna interna

Żid moviment fil-bidu mingħajr ma tieħu l-iskrin kollu.

Il-verżjoni qasira tintroduċi servizz, post jew proċess b'mod viżwali.

Tall — hero tal-homepage

Uri l-esperjenza qabel ma tispjegaha fit-tul.

Il-verżjoni Tall taqbel meta l-moviment jgħin fl-ewwel impressjoni mingħajr ma jimla l-iskrin kollu.

Fullscreen — introduzzjoni immersiva

Agħti spazju lil esperjenza kbira, iżda biss meta l-moviment jistħoqqlu.

Fullscreen jaqbel meta l-post, il-proċess jew l-esperjenza viżwali huma parti mill-offerta. Il-kontenut juża l-wisa' kollha b'padding sikur.

Importanti: il-video fl-isfond jindaqq bla ħoss. Tiddependix fuq narratur, diskors jew effetti tal-ħoss. Il-messaġġ ewlieni għandu jkun sħiħ ukoll meta jidher biss il-poster. F'din il-paġna l-eżempju Tall juri moviment veru minn video YouTube; it-tnejn l-oħra juru l-layouts bi stampi poster. Fuq is-sit tiegħek żid il-video fil-qasam Video URL (MP4 or YouTube) u, jekk għandek, verżjoni WebM.

SettingX'jikkontrolla?Parir prattiku
Sors tal-videoVideo URL (MP4 jew YouTube), u WebM fakultattiv.Ipprovdi mill-inqas sors wieħed li l-browser jista' jdoqq. WebM jista' jkun alternattiva.
PosterStampa li tidher qabel jew minflok il-video.Agħżel immaġni soda li twassal il-messaġġ waħedha, anki meta l-video ma jitgħabbiex.
GħoliShort / Tall / Fullscreen.Tall taqbel mal-homepage; Short ma' paġni interni; Fullscreen meta l-moviment tassew isaħħaħ l-esperjenza.
OverlayLight / Medium / Dark.Iċċekkja li t-test jinqara fuq frames ċari u skuri; il-kuntrast huwa aktar importanti fuq video li jiċċaqlaq.
Livell tat-titluH1, H2 jew H3.Żomm H1 wieħed fil-paġna. Uża H1 għall-hero ewlieni jew H2 meta diġà hemm Title fil-quċċata.
Daqs tat-titlu u tat-testHeadline size (px) u Description size (px), jew Auto.Jekk tħallihom vojta jintuża d-daqs standard. Test kbir jonqos fuq skrins dojoq.
CTA u kuluriTikketta tal-buttuna, link, kuluri tal-buttuna u tat-test.Iċċekkja li l-buttuna tibqa' tinqara fuq il-partijiet ċari u skuri tal-video.
Wisa' u spazjiWisa' tas-sezzjoni, wisa' tal-kontenut u spazju intern.Sfond fuq il-wisa' kollha jaqbel ma' dan il-blokk. Ħalli padding sikur mal-ġnub.
ViżibbiltàRegoli skont it-tagħmir u ħinijiet skedati.L-iskedar jgħin għall-kampanji; tużax Mobile only biex taħbi problema ta' video mhux responsive.

Settings ewlenin ta' Hero · video

It-tieni CTA: buttuna jew link fit-test

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 ħdejn il-buttuna prinċipali fl-editur. Tidher biss meta t-tnejn huma mimlija.

  • Secondary action style: Text link hu l-istil standard. Button jagħti aktar enfasi u jista' jkollu l-kuluri tiegħu.
  • Buttons: Side by side, bil-buttuna sekondarja li tinżel f'linja ġdida jekk hemm bżonn, jew One under the other.

Fuq video, link fit-test jieħu l-kulur tal-kliem tal-hero. Jekk jisparixxi viżwalment minħabba l-moviment, buttuna b'kuntrast ċar tista' tkun aktar sigura.

Parir: żewġ azzjonijiet m'għandhomx jikkompetu. Żomm dik sekondarja aktar diskreta.

Stampa bħala t-tieni CTA

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

  • Image frame: White card biex il-logo jibqa' fuq sfond abjad, jew No frame.
  • It-test ALT jagħti isem lill-link: iddeskrivi d-destinazzjoni, pereżempju “Programm ta' finanzjament tal-UE — paġna tal-proġett”. Mingħajr ALT il-link bl-immaġni ma jintweriex.
  • Issettja d-destinazzjoni fil-qasam Secondary link.

Uża biss badge uffiċjali li għandek id-dritt turi.

Kif tuża sew video fl-isfond tal-hero

  • Video qasir jaħdem aħjar bħala sfond. Agħżel xena li tinftiehem fi ftit sekondi u tista' terġa' tibda b'mod naturali. Tpoġġix film sħiħ tal-kumpanija fl-isfond.

UŻA L-MOVIMENT, MHUX GĦAD-DEKORAZZJONI

Video tajjeb fl-isfond jagħti xi ħaġa fi ftit sekondi li ritratt ma jagħtix.

Żommu qasir, bla ħoss u ripetibbli, b'poster ċar u spazju viżwali kalm madwar it-titlu.