Kiemelés a weboldal tervezése létrehoz egy területet vagy objektumot, amely az oldal fókuszpontja. Ez egy módja annak, hogy az egyik elem kiemelkedjen a tervezésben. A fókuszpont nagyobb lehet, mint a design többi eleme, vagy élénk színű - mindkettő hajlamos felhívni a szemet. Weboldal tervezésekor hangsúlyt helyezhet a szó vagy kifejezés kiválasztásával és a szín, betűtípus vagy méret, amely feltűnővé teszi, de a hangsúly kiemelésének számos más módja is van tervezés.
A hangsúly hangsúlyozása a tervezésben
Az egyik legnagyobb hiba, amelyet a webdesignerek elkövethetnek, az, hogy megkísérelnek mindent a tervezésben kiemelni. Amikor mindennek egyforma hangsúlya van, a design elfoglaltnak és zavarónak tűnik, vagy ami még rosszabb - unalmas és nem tetszetős. Ha egy fókuszpontot szeretne létrehozni egy webdesignban, ne hagyja figyelmen kívül a következők használatát:
- Vonalak: Hozzon létre hangsúlyt ellentétben. Ha több elem vízszintes, akkor egy függőleges elem lesz a fókuszpont.
- Szín: Ha a tervezés legtöbb eleme sötét vagy el van némítva, akkor bármilyen színű tárgy vonzza a tekintetet.
- Alakzatok: Ha a legtöbb alakzat szabálytalan, akkor egy geometriai forma tűnik ki.
- Közelség: Ha több elem van csoportosítva, és az egyik elkülönül a csoporttól, a szem az egyetlen elemre megy.
- Elhelyezés: Bár vannak kivételek, a design közepére helyezett elem általában felhívja a figyelmet.
- Súly: Nehéz elem vonzza a néző figyelmét.
- Ismétlés: Amikor egy egyszerű grafikus típusú elem megismétlődik, a szem követi az ismételt elemet a fókuszpontig.
- Kontraszt: A színek és vonalak által létrehozott kontrasztok mellett a kontraszt méret, textúra vagy betűtípus-változtatások révén is létrehozható. A változás hatására a fókuszelem vagy a hangsúly kiemelkedik.
- Fehér űr: A fehér (vagy üres) térrel körülvett elem lesz a fókuszpont.
Hierarchia a webdesignokban
A hierarchia a látványelemek elrendezése, amelyek méret szerint jelzik a fontosságot. A legnagyobb elem a legfontosabb; a kevésbé fontos elemek kisebbek. Koncentráljon egy vizuális hierarchia létrehozására a webterveiben. Ha azon dolgoztál, hogy szemantikus folyamatot hozz létre a HTML jelölés, ez könnyű, mert a weblapja már hierarchiával rendelkezik. A tervezésénél csak annyit kell tennie, hogy kiemeli a helyes elemet - például a H1 címsort - a legnagyobb hangsúly érdekében.
Együtt hierarchia a jelölésben, ismerje fel, hogy a látogató szeme egy weboldalt a képernyő bal felső sarkától kezdődően Z mintával néz. Ezáltal az oldal bal felső sarka jó hely egy fontos elem, például a cég emblémája számára. A jobb felső sarokban a második legjobb helyezési pozíció található a fontos információkért.
Hogyan lehet a hangsúlyt beépíteni a webdesignokba
A webdesignban a hangsúly sokféleképpen megvalósítható:
- A szemantikus jelöléssel stílusok nélkül is hangsúlyt fektethet.
- Változtassa meg a betűtípusok vagy képek méretét, hogy kiemelje őket vagy ne hangsúlyozza őket a tervezés során.
- Használat kontrasztos színek hangsúlyozásra.
- A méret számít. Az oldalon vagy a képernyőn megjelenő hatalmas szó azonnali figyelmet kap.
- Vegye körül a fókuszpontot fehér szóközzel.
- Ismételjen meg egy szót vagy képet, hogy felhívja a figyelmet.
Hová illik az alárendeltség?
Az alárendelés akkor következik be, amikor a terv más elemeit tompítja, hogy a fókuszpont kiugrik. Az egyik példa egy élénk színű grafika, amely fekete-fehér háttérfotóval szemben helyezkedik el. Ugyanez a hatás akkor fordul elő, ha elnémított színeket vagy olyan színeket használ, amelyek a gyújtópont mögötti háttérrel keverednek, és ezzel kiemelkednek.