Korostus a verkkosivujen suunnittelu luo alueen tai objektin, joka on sivun keskipiste. Se on tapa erottaa yksi elementti suunnittelussa. Polttopiste voi olla suurempi kuin muut muotoilun osat tai kirkkaanväriset - molemmilla on taipumus vetää silmää. Kun suunnittelet verkkosivua, voit lisätä korostusta valitsemalla sanan tai lauseen ja määrittelemällä sen a väri, kirjasin tai koko tekevät siitä erottuvan, mutta korostuksessa on monia muita tapoja design.
Painopisteen käyttö suunnittelussa
Yksi suurimmista virheistä, joita web-suunnittelijat voivat tehdä, on yrittää saada kaikki suunnittelussa erottumaan. Kun kaikessa on sama painopiste, muotoilu näyttää kiireiseltä ja hämmentävältä tai pahempaa - tylsältä ja epämiellyttävältä. Jos haluat luoda yhteyspisteen verkkosuunnittelussa, älä unohda seuraavien käyttöä:
- Linjat: Luo korostus kontrastilla. Jos useita elementtejä on vaakasuorassa, yhdestä pystysuorasta elementistä tulee keskipiste.
- Väri: Jos suurin osa suunnittelun elementeistä on tummia tai mykistetty, mikä tahansa väreillä varustettu esine houkuttelee silmiä.
- Muodot: Kun useimmat muodot ovat epäsäännöllisiä, erottuu geometrinen muoto.
- Läheisyys: Kun useita kohteita on ryhmitelty ja yksi on erillään ryhmästä, silmä menee yksittäiseen kohteeseen.
- Sijoitus: Vaikka on olemassa poikkeuksia, muotoilun keskelle sijoitettu elementti yleensä kiinnittää huomiota.
- Paino: Raskas elementti herättää katsojan huomion.
- Kertaus: Kun yksinkertainen graafisesti kirjoitettava elementti toistetaan, silmä seuraa toistettua elementtiä polttopisteeseen.
- Kontrasti: Värin ja viivojen luomien kontrastien lisäksi kontrasti voidaan tuottaa koon, tekstuurin tai kirjasimen muutosten avulla. Muutos saa painopisteen tai painotuksen erottumaan.
- Valkoinen tila: Valkoisen (tai tyhjän) tilan ympäröimästä elementistä tulee keskipiste.
Hierarkia verkkosivujen suunnittelussa
Hierarkia on visuaalinen suunnitteluelementit, jotka osoittavat tärkeyden koon mukaan. Suurin osa on tärkein; vähemmän tärkeät elementit ovat pienempiä. Keskity visuaalisen hierarkian luomiseen verkkosivuillasi. Jos olet työskennellyt luomaan semanttisen virtauksen omaan HTML merkintä, tämä on helppoa, koska verkkosivullasi on jo hierarkia. Suunnittelusi on vain korostettava oikea elementti - kuten H1-otsikko - eniten korostusta.
Kera hierarkia merkinnöissä, tunnista, että kävijän silmä tarkastelee verkkosivua Z-kuviona, joka alkaa näytön vasemmasta yläkulmasta. Siksi sivun vasen yläkulma on hyvä paikka tärkeälle tuotteelle, kuten yrityksen logolle. Oikea yläkulma on toiseksi paras sijoitusasento tärkeitä tietoja varten.
Kuinka sisällyttää korostus Web-suunnitteluun
Painopiste verkkosuunnittelussa voidaan toteuttaa monin tavoin:
- Käytä semanttista merkintää korostamaan myös ilman tyylejä.
- Muuta fonttien tai kuvien kokoa korostaaksesi tai korostaaksesi niitä suunnittelussa.
- Käyttää vastakkaiset värit korostaa.
- Koko laskee. Valtava sana sivulla tai näytöllä saa välitöntä huomiota.
- Ympäröi polttopiste valkoisella tilalla.
- Toista sana tai kuva kiinnittääksesi huomiota.
Mihin alistuminen sopii?
Alistaminen tapahtuu, kun hiljennät suunnittelun muita elementtejä saadaksesi polttopisteen esiin. Yksi esimerkki on kirkkaanvärinen kuva, joka on sijoitettu mustavalkoista taustakuvaa vasten. Sama vaikutus tapahtuu, kun käytät mykistettyjä värejä tai värejä, jotka sulautuvat polttopisteen takana olevaan taustaan, jolloin se erottuu.