Käytä korostetta vetämään katsojan silmää
Verkkosivun suunnittelussa korostuu alue tai kohde, joka on sivun keskipiste. Se on tapa tehdä yksi elementti erottumaan suunnittelussa. Painopiste voi olla suurempi kuin muut suunnittelun elementit tai kirkkaasti värjätyt - molemmat piiristävät silmää. Kun suunnittelet verkkosivun, voit lisätä painotusta valitsemalla sana tai lause ja antamalla sille värin, fontin tai koon, joka tekee siitä erottuvan, mutta suunnittelussa on paljon muita tapoja käyttää painotusta.
Korostus suunnittelussa
Yksi suurimmista virheistä, joita suunnittelijat voivat tehdä, on yrittää tehdä kaiken suunnittelussa erottuvan. Kun kaikki on yhtä painotettu, muotoilu näyttää kiireiseltä ja sekavalta tai pahempaa ja tylsää. Luodaksesi yhteyspisteen verkkosuunnitteluun, älä unohda:
- Lines: Korostamme kontrastia. Jos useat elementit ovat vaakatasossa, yksi pystysuora elementti tulee keskipiste.
- Väri: Jos useimmat suunnittelun elementit ovat pimeitä tai mykistyneitä, kaikki värilliset kohteet houkuttelevat silmää.
- Muodot: Kun useimmat muodot ovat epäsäännöllisiä, geometrinen muoto erottuu.
- Läheisyys: Kun useat kohteet on ryhmitelty ja yksi ryhmästä erillään, silmä kulkee yksittäiseen kohteeseen.
- Sijoitus: Vaikka poikkeuksia onkin, mallin keskelle sijoitettu elementti tavallisesti kiinnittää silmän.
- Paino: Raskas elementti houkuttelee katsojan huomiota.
- Toisto: Kun yksinkertainen graafinen tyyppi-elementti toistetaan, silmä seuraa toistuvaa elementtiä keskipisteeseen.
- Kontrasti: Värin ja viivojen luomien kontrastien lisäksi kontrasti voi syntyä koon, tekstuurin tai kirjasimen muutosten mukaan. Muutos saa polttovälin erottumaan.
- Valkoinen tila: elementti, jota ympäröi valkoinen (tai tyhjää) tilaa, tulee keskipiste.
Hierarkia Web-suunnittelussa
Hierarkia on muotoilun elementtien visuaalinen järjestely, joka osoittaa merkityksen koon mukaan. Suurin osa on tärkein; vähemmän tärkeät tekijät ovat pienemmät. Keskity visuaalisen hierarkian luomiseen web-malleissasi. Jos olet työskennellyt luomalla semanttinen virtaus HTML- merkintään, tämä on helppoa, koska verkkosivustossasi on jo hierarkia. Kaikkien suunnittelusi tarvitsee korostaa oikeaa elementtiä - kuten H1-otsikkoa - painottaen eniten.
Merkkikohdan hierarkian lisäksi tunnistat, että kävijän silmä katsoo verkkosivun Z-kuvassa, joka alkaa näytön vasemmasta yläkulmasta. Tämä tekee sivun vasemman yläkulman hyvän paikan tärkeälle kohteelle, kuten yrityksen logolle. Oikea yläkulma on toiseksi paras sijoituspaikka tärkeille tiedoille.
Kuinka sisällyttää korostukset Web-suunnitteluihin
Verkkosivujen painopiste voi olla monin tavoin toteutettavissa:
- Käytä semanttista merkintää antamaan painotus myös ilman tyylejä.
- Muuta fonttien tai kuvien kokoa korostaaksesi tai heikentämättä niitä suunnittelussa.
- Käytä kontrastisia värejä korostaaksemme.
- Koko laskee. Suuri sana sivussa tai näytöllä saa välitöntä huomiota.
- Keskitä polttopiste valkoisella tilalla.
- Toista sana tai kuva kiinnittääksesi huomiota.
Missä alistuminen sopii?
Alisteisuus tapahtuu, kun sävyttää muita elementtejä suunnitelussa, jotta keskipiste pop. Yksi esimerkki on kirkkaanvärinen grafiikka, joka on sijoitettu mustavalkoiseen taustakuvaan. Sama vaikutus ilmenee, kun käytät vaimeita värejä tai värejä, jotka sekoittuvat keskipisteen taustalla ja aiheuttavat sen erottuvan.