A weboldal kialakításának hangsúlyozása olyan területet vagy objektumot hoz létre, amely az oldal fókuszpontja. Ez egy módja annak, hogy az egyik elem kiemelkedjen a formatervezésben. A fókuszpont nagyobb lehet, mint a formatervezés más elemei vagy élénk színűek - mindkettő hajlamos felhívni a szemet. Amikor weboldalt tervezel, hangsúlyozhatsz egy szót vagy kifejezést, és kijelölhetsz színt, betűtípust vagy mérett, ami kihozza, de sok más módja van arra, hogy a hangsúlyt a tervedben használj.
A hangsúly a tervezésben
Az egyik legnagyobb hiba a webes tervezők, hogy megpróbálja mindent a tervezés kiáll. Amikor mindegyik egyenlő hangsúlyt fektet, a formatervezés elfoglaltnak, zavarosnak vagy rosszabbnak tűnik - unalmas és unszolásellenes. Ha egy webes tervezési pontot kíván létrehozni, ne hagyja figyelmen kívül a következőket:
- sorok: Hozzon létre hangsúlyt a szemben. Ha több elem vízszintes, egy függőleges elem lesz a fókuszpont.
- Szín: Ha a legtöbb elem a sötétben vagy elnémítva van, minden színes tárgy vonzza a szemet.
- formák: Amikor a legtöbb alakzat szabálytalan, geometriai forma kiemelkedik.
- Közelség: Ha több elem csoportosul, és az egyik a csoporttól elkülönül, akkor a szem mindegyikére megy.
- Elhelyezés: Bár vannak kivételek, a design középpontjában elhelyezett elem általában felhívja a figyelmet.
- Súly: Egy nehéz elem vonzza a néző figyelmét.
- Ismétlés: Ha egy egyszerû grafikus elemet megismételünk, a szem követi az ismételt elemet a fókuszponthoz.
- Kontraszt: A szín és a vonalak által létrehozott kontrasztok mellett a kontrasztot a méret, a textúra vagy a betűtípus-változások generálják. A változás a fókuszos elemet vagy hangsúlyt fedi ki.
- Fehér űr: A fehér (vagy üres) tér által körülvett elem lesz a fókuszpont.
Hierarchia a webes dizájnban
A hierarchia a tervezési elemek vizuális elrendezése, amelyek nagyságrendileg fontosak. A legnagyobb elem a legfontosabb; a kevésbé fontos elemek kisebbek. A vizuális hierarchiák létrehozásának középpontjában áll az internetes tervekben. Ha dolgoztál, hogy létrehozz egy szemantikai folyamatot a HTML-jelölésedhez, akkor ez egyszerű, mert a weboldalnak már van hierarchiája. Minden terved meg kell tennie a hangsúlyt a helyes elem - például a H1 főcím - a legnagyobb hangsúlyt.
A megjelölés hierarchiája mellett ismerje fel, hogy a látogató szeme egy Z-minta weboldalát nézze meg a képernyő bal felső sarkában. Ez teszi az oldal bal felső sarkát egy fontos elemhez, például egy céglogóhoz. A jobb felső sarokban a második legjobb elhelyezési pozíció fontos információkhoz.
Hogyan lehet kiemelni a webes dizájnokat?
A webes tervezés hangsúlyozása számos módon megvalósítható:
- Használja a szemantikai jelölést, hogy stílus nélkül is hangsúlyt kapjon.
- Módosítsa a betűkészletek vagy képek méretét, hogy kiemelje vagy kiemelje őket a tervezésben.
- Használja a kontrasztos színeket, hogy hangsúlyt kapjon.
- Méretszám. Egy óriási szó az oldalon vagy a képernyőn azonnali figyelmet kap.
- Fókuszpont körül fehér térben.
- Ismételje meg a szót vagy a képet, hogy felhívja a figyelmet.
Hol van az alárendelés beilleszkedése?
Az alárendelés akkor következik be, ha más elemeket tükröz a tervezetben, hogy a fókuszpont felugrik. Az egyik példa egy élénk színű grafika, amely fekete-fehér háttérfotókkal szemben helyezkedik el. Ugyanez a hatás akkor fordul elő, ha elhúzódó színeket vagy színeket használ, amelyek a fókuszpont mögötti háttérrel keverednek, és ez kihívást jelent.
