Rõhk a veebilehtede kujundus loob ala või objekti, mis on lehe keskpunkt. See on viis, kuidas üks element kujunduses silma paista. Fookuspunkt võib olla suurem kui muud kujunduse elemendid või erksavärviline - mõlemad kipuvad silma tõmbama. Veebilehe kujundamisel võite rõhuasetuse lisada, valides sõna või fraasi ja määrates sellele a värv, font või suurus, mis muudab selle silmapaistvaks, kuid rõhuasetuste kasutamisel on palju muid võimalusi kujundus.
Rõhuasetuste kasutamine disainis
Üks suurimaid vigu, mida veebidisainerid teha võivad, on proovida kõik disainilahendustes silma paista. Kui kõigel on võrdne rõhk, tundub disain hõivatud ja segane või hullem - igav ja ebameeldiv. Veebikujunduses keskpunkti loomiseks ärge unustage järgmist:
- Read: Looge rõhuasetused vastandina. Kui mitu elementi on horisontaalsed, saab keskpunktiks üks vertikaalne element.
- Värv: Kui enamik disainilahenduse elemente on tumedad või summutatud, tõmbab pilku iga värviga ese.
- Kujundid: Kui enamik kujundeid on ebakorrapärased, paistab silma geomeetriline kuju.
- Lähedus: Kui mitu üksust on rühmitatud ja üks on rühmast eraldi, läheb silm ühe elemendi poole.
- Paigutus: Ehkki on ka erandeid, tõmbab tavaliselt tähelepanu disaini keskele asetatud element.
- Kaal: Raske element äratab vaataja tähelepanu.
- Kordus: Kui korratakse lihtsat graafilist tüüpi elementi, järgib silm korratud elementi fookuspunktini.
- Kontrast: Lisaks värvide ja joontega loodud kontrastidele võib kontrasti tekitada ka suuruse, tekstuuri või fondi muutmine. Muudatus põhjustab fookuselemendi ehk rõhuasetuse eristumist.
- Valge ruum: Valgest (või tühjast) ruumist ümbritsetud elemendist saab fookuspunkt.
Hierarhia veebikujundustes
Hierarhia on kujunduselementide visuaalne paigutus, mis osutab olulisusele suuruse järgi. Suurim element on kõige olulisem; vähem olulised elemendid on väiksemad. Keskenduge visuaalse hierarhia loomisele oma veebikujundustes. Kui olete töötanud oma semantilise voo loomiseks HTML märgistus, see on lihtne, kuna teie veebisaidil on juba hierarhia. Teie disainilahendused peavad vaid rõhutama õiget elementi - näiteks H1-pealkirja.
Koos hierarhia märgistuses, tuvastage, et külastaja silm vaatab veebi Z-mustriga, mis algab ekraani vasakus ülanurgas. See muudab lehe vasakus ülanurgas hea koha olulise eseme, näiteks ettevõtte logo jaoks. Parem ülanurk on tähtsuse kohta paremuselt teine positsioon.
Kuidas lisada rõhku veebidisainidesse
Rõhku veebidisainis saab rakendada mitmel viisil:
- Kasutage semantilist märgistust, et rõhutada ka ilma stiilideta.
- Muutke fontide või piltide suurust, et neid kujunduses rõhutada või vähem rõhutada.
- Kasutage kontrastsed värvid rõhuasetuse pakkumiseks.
- Loeb suurus. Tohutu sõna lehel või ekraanil saab kohese tähelepanu.
- Ümber fookuspunkti valge ruumiga.
- Korrake tähelepanu või pilti, et tähelepanu juhtida.
Kuhu alluvus sobib?
Alluvus tekib siis, kui muudate disainilahenduse elemendid, et fookuspunkt hüppaks. Üks näide on erksavärviline graafika, mis on paigutatud mustvalge taustfoto vastu. Sama efekt ilmneb siis, kui kasutate summutatud värve või värve, mis sulanduvad fookuspunkti taga oleva taustaga, põhjustades selle eristumist.