Ugrás a fő tartalomhoz

Kiemelt doboz blokk

Mire jó a Kiemelt doboz blokk?

Emeld ki azt, amit nem szabad átgörgetni. A Kiemelt doboz blokk egy fontos saját üzenetet választ le a környező tartalomról. Jó feltételhez, figyelmeztetéshez, rövid összegzéshez, szerkesztői tipphez vagy olyan mondathoz, amelynek önmagában is súlya van.

A blokk méretét nem egyetlen méretkapcsoló adja: a Belső tér és a Tartalom szélessége együtt határozza meg, hogy kompakt megjegyzésnek vagy nagy, levegős kiemelésnek érződik-e.

Mekkora legyen a kiemelés?

A Belső tér szabályozza a doboz belső levegőjét, a Tartalom szélessége pedig azt, milyen szélesen fusson a tartalom.

Kompakt – Szűk

Rövid feltételhez, megjegyzéshez vagy egyetlen fontos mondathoz. Kevés belső tér, gyors vizuális jelzés.

Normál

A legtöbb kiemeléshez jó alap. Elég hangsúlyos, de nem szakítja meg túl erősen az oldal ritmusát.

Tágas

Nagyobb összegzéshez vagy erős átvezetőhöz. Több belső térrel önálló szekcióként is működhet.

Kompakt példa: az ajánlat csak a készleten lévő termékekre érvényes.

Tágas példa: előbb válaszd ki a célt, utána az eszközt. A nagyobb belső tér akkor jó, ha az üzenetnek önálló megállást akarsz adni az oldalon.

TIPP

Jelölő példa: ha minden második szakaszt kiemelsz, egyik sem fog igazán kiemelkedni. A jelölő opcionális; itt Fül megjelenéssel, egy kategóriaszóként ül a doboz tetején. Ne dekorációként, hanem jelentéssel használd.

Négy stílus, négy hangnem

A Stílus adja meg, mekkora súlya legyen a kiemelésnek:

  • Megjegyzés: világos doboz, tetején színes vonallal, rövid figyelmeztetéshez a folyó szövegben. Ez az alapértelmezés.
  • Kártya: színezett doboz ikonnal és nagyobb címmel, ajánlathoz vagy következő lépéshez, általában gombbal.
  • Kijelentés: doboz nélkül, egy-két mondat nagy betűvel két vékony vonal között, ígérethez, elvhez vagy egy vendég szavaihoz.
  • Panel: sötét doboz, a cím a szöveg mellett, ami mindenképp ki kell tűnjön.

A Megjegyzés és a Kártya Hangneme lehet Semleges vagy Információ (az oldal kiemelőszínével), Figyelmeztetés (borostyán) vagy Siker (zöld). Az utóbbi háromnak ikonja is van, amely kikapcsolható. A Figyelmeztetést tartsd meg a valódi óvatosságra. Lent mind a négy stílusra látsz egy mintát.

A jelentkezési határidő péntek

A tavaszi tanfolyamra pénteken éjfélig lehet jelentkezni, utána már csak várólistára tudunk felvenni. Ez a Megjegyzés stílus Figyelmeztetés hangnemben.

Próbáld ki a saját oldaladon

Pár perc alatt elkészül az első változat, amelyet utána blokkonként alakíthatsz. Ez a Kártya stílus két művelettel: egy gombbal és egy szöveges linkkel.

Szerkesztési elv

Inkább kevesebb, de pontos mondat, mint egy oldalnyi általánosság.

Összefoglalva

Egy oldalon legfeljebb egy-két kiemelés legyen. A stílust az üzenet súlya döntse el: a Megjegyzés a folyó szövegbe simul, a Panel lezár egy szakaszt.

Mit állíthatsz a Kiemelt doboz blokkon?

Nem csak a szöveget és a hátteret: a stílus, a hangnem, a jelölő, a gombok és a méretérzet is szabályozható.

Stílus

Megjegyzés, Kártya, Kijelentés vagy Panel, attól függően, mekkora súlya legyen az üzenetnek.

Hangnem és ikon

Megjegyzésnél és Kártyánál: Semleges, Információ, Figyelmeztetés vagy Siker. Az ikon kikapcsolható.

Jelölő

Opcionális rövid szó vagy szám. Megjelenése lehet Címke, Fül, Vízjel (a négy sarok egyikében), Sorszám (01 / 02 / 03 sorozathoz) vagy Idézőjel; Rejtett állásban nem látszik.

Gombok

A szöveg alá elsődleges gomb és másodlagos művelet kerülhet. A másodlagos szöveges link vagy gomb lehet, a kettő egymás mellett vagy egymás alatt.

Belső tér

A Belső tér lehet Szűk, Normál vagy Tágas. Ez adja a doboz belső levegőjének három jól használható fokozatát.

Szélesség és térköz →

A Szélesség beállítással a háttér a tartalomhasábig (Kolumna) vagy a képernyő széléig (Teljes szélesség) érhet, Széltől szélig beállításnál a szöveg is; a belső és külső térköz külön szabályozható.

Tartalom szélessége

Olvasható, Széles vagy Teljes beállítással döntheted el, mennyire széles legyen maga a tartalom.

Igazítás

Balra, középre vagy jobbra rendezheted a tartalmat. Rövid összegzésnél a közép is működhet; hosszabb szövegnél a bal általában jobb.

Háttér és kontraszt

Használhatsz egyedi háttér-, szöveg- és kiemelőszínt, illetve Sötét hátteret. A kontraszt mindig maradjon egyértelmű.

Teljes szélességű példa: egy kiemelés lehet teljes szélességű tartalmi sáv is, de ezt ritkábban érdemes használni. Akkor működik jól, ha valóban erős váltást vagy összegzést szeretnél jelezni.

Emeld ki, ami tényleg számít

A hangsúly attól működik, hogy nem kap minden mondat ugyanekkora súlyt.

Használj rövid, önmagában is érthető üzenetet, és igazítsd a hátteret az oldal ritmusához.