Kasutage rõhuasetust, et juhtida vaataja silma
Veebilehe disaini rõhuasetus loob ala või objekti, mis on lehe fookuspunkt. See on võimalus kujunduse ühe elemendi eristamiseks. Fookuspunkt võib olla suurem kui teised disaini elemendid või erksavärvilised, mõlemad kipuvad silma joonistama. Veebisaidi kujundamisel võite lisada rõhu, valides sõna või fraasi ja määrates sellele värvuse, fondi või suuruse, mis muudab selle väljapaistvaks, kuid teie disainis on rõhuasetuseks palju muid võimalusi.
Rõhu kasutamine disainis
Üks suurimaid vigu, mida disainerid suudavad teha, on teha kõik, et disain oleks välja kujunenud. Kui kõik on sama rõhuasetusega, näib disain paindlik ja segane või halvem, igav ja unustamatu. Web-disaini fookuspunkti loomiseks ärge unustage kasutama:
- Liinid: looge rõhk kontrast. Kui mitu elementi on horisontaalsed, muutub üks vertikaalne element fookuspunktiks.
- Värv: kui enamik disainis olevaid elemente on tumedad või summutavad, siis värviline objekt meelitab silma.
- Kujundid: kui enamik kujundeid on ebaregulaarsed, eristub geomeetriline kuju.
- Lähedus: kui mitu elementi on rühmitatud ja üks on grupist eraldiseisv, liigub silm ühele üksusele.
- Paigutus: kuigi on erandeid, paneb disaini keskos asuv element tavaliselt silma.
- Kaal: raske element meelitab vaataja tähelepanu.
- Korrigeerimine: kui tavalist tüüpi graafilist elementi korratakse, siis jälgib silm fokaalpunkti korduvat elementi.
- Kontrastsus: Lisaks kontrastidele, mis on loodud värvide ja joontega, saab kontrasti luua suuruse, tekstuuri või fontide muutmise teel. Muutus põhjustab fookuse elemendi eristumist.
- Valge ruum: element, mis on ümbritsetud valge (või tühja) ruumiga, muutub fookuspunktiks.
Hierarhia veebidisainides
Hierarhia on disainielementide visuaalne paigutus, mis näitavad tähtsust suuruse järgi. Suurim element on kõige olulisem; vähem olulised elemendid on väiksemad. Keskendu oma veebidisaini visuaalsete hierarhiate loomisele. Kui olete oma HTML- märgistuse semantilise voo loomiseks töötanud, on see lihtne, kuna teie veebilehel on juba hierarhia. Kogu teie disain peab tegema seda, et rõhutada õiget elementi, nagu näiteks H1 pealkiri, kõige rõhuasetuse jaoks.
Tähisega hierarhia korral tuleb silmas pidada, et külastaja silmad näevad Z-mudeli veebilehte alguses ekraani ülemises vasakus nurgas. See muudab lehe vasakus ülanurgas olulise objekti, näiteks ettevõtte logo jaoks heaks koha. Parempoolne parempoolne nurk on tähtsa teabe teine parim asetusasend.
Kuidas lisada Web disainid rõhku
Veebi disaini rõhuasetust saab rakendada mitmel viisil:
- Kasutage semantilist märgistust, et rõhutada isegi ilma stiilita.
- Muutke fontide või piltide suurust disaini rõhutamiseks või vähendamiseks.
- Rõhku andmiseks kasutage kontrastset värvi .
- Suurus loeb. Suurt sõna lehel või ekraanil muutub koheseks tähelepanu.
- Keskpunkti ümbritseb valge ruum.
- Korda sõna või pilti tähelepanu juhtimiseks.
Kus Subordination sobib?
Subordinatsioon tekib siis, kui muudate teekonnapunkti pildistamiseks disaini teisi elemente. Üks näide on erksavärviline graafika, mis on paigutatud musta ja valge tausta foto vastu. Sama efekt ilmneb siis, kui kasutate vaigistatud värve või värve, mis seostuvad fookuspunkti taustaga, põhjustades selle eristumist.