Kontrasti on yksi suunnittelun periaatteista. Kontrasti tapahtuu, kun kaksi elementtiä ovat erilaiset. Mitä suurempi ero on, sitä suurempi kontrasti. Avain kontrastin tekemiseen on varmistaa, että erot ovat ilmeisiä. Neljä tavallista kontrastin luomistapaa ovat koon, arvon, värin ja tyypin eroja.
Kontrasti lisää sivun kiinnostusta ja tarjoaa keinon korostaa tärkeätä tai ohjaa lukijan silmää. Sivulla, jossa ei ole kontrastia, lukija ei tiedä mistä etsiä ensin tai mikä on tärkeää. Kontrasti tekee sivusta mielenkiintoisempaa, jotta lukija pystyy kiinnittämään paremmin huomiota siihen, mitä sivulla on. Kontrasti auttaa lukemisessa tekemällä otsikoita ja alaotsikoita erottumaan. Kontrasti näyttää, mikä on tärkeää pienentämällä pienempiä tai vaaleampia elementtejä sivuilla, jotta muut elementit voivat olla keskellä.
Kontrastia voidaan kuitenkin liioitella. Valitse huolellisesti. Jos kaikki poikkeaa kaikesta kaikesta, pääset kilpailevien elementtien kanssa ja lukija ei vielä tiedä, mistä etsiä ensin.
Koko
Suuret ja pienet samankaltaiset elementit, kuten suuret ja pienet kuvat sekä suuret ja pienet tyypit ovat ilmeisimmin koon muotoisia ja kontrastia. Toinen tapa on kontrastinen valkotasapaino tai kappaleen fyysinen koko toisella elementillä.
Arvo
Kaksi elementtien suhteellista keveyttä tai pimeyttä toisiinsa voivat luoda kontrastin arvoon. Olipa harmaasävyisiä sävyjä tai yksittäisiä värejä ja sävyjä, mitä enemmän arvot ovat, sitä suurempi kontrasti.
Väri
Käytä yhdenmukaisia, täydentäviä ja vastakkaisia värejä kontrastin luomiseen. Ole varovainen myös väreillä. Esimerkiksi värien yhdenmukaistaminen (vierekkäin värillisellä pyörällä) voi näyttää huuhtoutuneen, jos kunkin värin arvoissa ei ole riittävästi eroa.
Tyyppi
Tyypin kontrasti voi hyödyntää kokoa, arvoa ja väriä vastakkaisten typografisten käsittelyjen luomiseksi.
- Lisätä rohkea tai kursivointi luoda kontrasti
- Sekoita suurikokoista tyyppiä
- Yhdistä serif ja sans serif -tyyppinen tyyppi kontrastin luomiseksi
- Aseta tekstin osat vastakkaisiin väreihin tai vaihteleviin arvoihin
- Muutokset tyyppikohdistuksessa luovat kontrastin, kuten tyypin välit, kuten ääriraja otsikoille
Ilmeiset kontrastielementit
Muita kontrastin luomisen menetelmiä ovat muun muassa tekstuurin, muodon, suuntauksen, suunnan, liikkeen käyttö. Muista, että avain on käyttää huomattavaa eroa. Kirjasinkoko muuttuu, joka on vähäpätöisesti havaittavissa ja liian lähellä olevat värit näyttävät pikemminkin virheeltä kuin pyrkimys korostaa tai kiinnostaa.
Joitakin tapoja käyttää vastakkaisia elementtejä:
- Lisää visuaalista mielenkiintoa korkeiden, laihaisten tekstipilarien ulkoasuun käyttämällä laaja- tai epäsäännöllisen muotoisia valokuvia
- Sarja staattisia kuvia, joissa yksittäinen kuva osoittaa liikkeen, vetää silmän kontrasti kuvaan
- Kohdista teksti vasemmalle, mutta aseta alivärit viereiseen sarakkeeseen oikealle
- Tyypillisesti layout voi käyttää yhdistelmää, jossa on 2 tai useampia kontrastielementtejä.
