A hangsúlyt felhívja arra, hogy felhívja a néző szemét
A weblap 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 design 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 tervezők, hogy megpróbálja mindent a tervezés kiáll. Amikor mindenki egyenlően hangsúlyozza, a formatervezés elfoglalt és zavaros vagy rosszabb, unalmas és elhanyagolt. Ha egy webes tervezési pontot kíván létrehozni, ne hagyja figyelmen kívül a következőket:
- Vonalak: A kontrasztot hangsúlyozza. 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.
- Alakok: Ha a legtöbb alakzat szabálytalan, geometriai forma tűnik ki.
- Proximity: Ha több elem van csoportosítva, és az egyik el van választva a csoporttól, akkor a szem az egyetlen elemhez kerül.
- Elhelyezés: Habár vannak kivételek, a design középpontjában elhelyezett elem általában vonzza a szemet.
- Súly: A nehéz elem vonzza a néző figyelmét.
- Ismétlés: Ha egy egyszerû grafikus elemet ismétel meg, 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ípusváltozások generálhatják. A változás hatására a fókusz elem kiemelkedik.
- Fehér space: 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 tervednek kell tennie, hogy hangsúlyozza a helyes elemet - például a H1 főcímét - 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.