Ugrás a fő tartalomhoz

Elválasztó blokk

Mire jó az Elválasztó blokk?

Egy apró jel is elég lehet ahhoz, hogy az oldal rendezettebb legyen. Az Elválasztó blokk két kapcsolódó tartalmi rész közé tesz vizuális határt anélkül, hogy új fejezetet vagy külön szekciót kellene építened.

Két dolgot választasz: milyen legyen a jel és milyen szélesen fusson. A finom hajszálvonaltól a karakteresebb díszített változatig öt stílus áll rendelkezésre.

Öt stílus működés közben

Hajszálvékony — szűk: a legcsendesebb változat. Akkor jó, ha a két rész összetartozik, csak egy kis vizuális szünetet szeretnél közéjük.


Vastag — széles: határozottabb fejezetváltást jelez. Használd akkor, amikor a következő rész már más hangsúlyt kap, de külön cím még nem szükséges.


Gradiens — teljes: középen látható, a széleken finoman elhal. Lágy átvezetéshez jó, például egy hangsúlyosabb vizuális rész után.

Pontozott — széles: valamivel játékosabb, kevésbé formális választás. Jól működhet könnyedebb tartalomnál vagy olyan oldalon, ahol a vizuális rendszer eleve lazább.


Díszített ◆ — szűk: két finom vonal közé egy kis rombusz kerül. Inkább szerkesztői, magazinos karaktert ad, ezért érdemes ritkán használni.

Ne tegyél elválasztót minden blokk közé. Ha túl sok van belőle, az oldal apró darabokra esik. Akkor használd, amikor valóban van ritmus- vagy témaváltás — ha csak több levegő kell, inkább Üres hely blokkot válassz.

Mit állíthatsz az Elválasztóban?

A stílus és a szélesség együtt határozza meg, mennyire halk vagy hangsúlyos lesz a törés.

Hajszálvékony

1 pixeles, finom vonal. A legsemlegesebb választás közeli tartalmi részek közé.

Vastag

3 pixeles, erősebb vonal. Határozottabb fejezet- vagy ritmusváltáshoz.

Pontozott

Dekoratívabb, könnyedebb karakterű vonal, amely kevésbé formális hatást ad.

Díszített ◆

Két hajszálvonal között rombuszmotívum. A rombusz a webhely kiemelőszínét használja.

Gradiens

Középen látható, a széleken elhaló finom vonal. Lágy vizuális átvezetéshez.

Rövid / Szűk / Széles / Teljes

Négy vonalszélesség közül választhatsz. A „Teljes” a tartalmi sáv maximális szélességét jelenti, nem feltétlenül a teljes képernyőt.

Finom ritmusváltás

Az elválasztó akkor jó, ha észrevétlenül rendet tesz.

Válassz annyira erős jelet, amennyit a tartalmi váltás indokol — és ha elég a levegő, ne rajzolj vonalat.