Mitä tietää
- Koko: Aseta kaksi samanlaista elementtiä vierekkäin, mutta tee toinen toista suuremmiksi. Isompi kiinnittää huomion.
- Arvo: Käytä samanvärisiä vaaleita ja tummia arvoja. Mitä kauempana arvot toisistaan, sitä suurempi kontrasti.
- Väri: Kahden värin kontrasti kiinnittää huomion erottuvaan elementtiin.
Tässä artikkelissa selitetään useita tapoja käyttää kontrastia graafisen suunnittelun parantamiseen.
Bottom Line
Kontrasti on suunnitteluperiaate, joka syntyy, kun kaksi visuaalista elementtiä ovat dramaattisesti erilaisia. Mitä suurempi ero, sitä suurempi kontrasti. Kontrasti välittää viestisi korostamalla tärkeää ja ohjaamalla lukijan katsetta, helpottaa luettavuutta tuomalla osioiden otsikot erottumaan ja kiinnittää lukijan huomion lisäämällä sivuun mielenkiintoa. Voit luoda kontrastia koon, arvon, värin, tyypin ja muiden elementtien suhteen.
Koko
Kahden elementin sijoittaminen vierekkäin, jotka ovat kaikilta osin samanlaisia kokoa lukuun ottamatta, on yksi tapa tuoda kokoon kontrastia. Se voi olla esimerkiksi suuria ja pieniä kuvia tai suuria ja pieniä kirjasintyyppejä. Runsaan valkoisen tilan jättäminen pienen kohteen ympärille on toinen tapa kontrastia kokoa.
Lukijat näkevät ensin suuremmat kohteet, joten suurenna kohteita, joita haluat korostaa.
Arvo
Kahden elementin suhteellinen vaaleus tai tummuus voi luoda arvon kontrastia. Olipa kyseessä harmaan sävyt tai yhden värin sävyt ja sävyt, mitä kauempana arvot ovat toisistaan, sitä suurempi on kontrasti.
Voit käyttää useampaa kuin yhtä kontrastielementtiä yhdessä. Esimerkiksi suuri, valkoinen teksti mustalla taustalla, jota seuraa harmaa teksti samalla taustalla, yhdistää arvon ja koon.
Väri
Käytä harmonisoivia, täydentäviä ja vastakkaisia värejä luodaksesi kontrastia. Kun kontrastoit värejä, ole varovainen arvon kanssa. Harmonisoivat värit (värit, jotka ovat vierekkäin väriympyrässä) voivat näyttää haalistuneilta, jos niiden välillä ei ole tarpeeksi arvoeroa.
Ota huomioon vaikutus katsojiin, kun määrität kontrastisia väripareja. Esimerkiksi kirkkaan punainen ja kirkkaan sininen kontrasti, mutta se voi rasittaa silmiä yhdessä katsottuna.
Tyyppi
Käytä kokoa, arvoa ja värejä luodaksesi kontrastisia typografisia käsittelyjä. Tee tietyistä sanoista erottuvampia käyttämällä jotakin seuraavista toimista:
- Lisää lihavoitu tai kursivoitu.
- Sekoita iso ja pieni kirjasin.
- Yhdistä serif sans serif (ei-serif) -tyyppiin.
- Aseta tekstin osia kontrastivärisillä tai vaihtelevilla arvoilla.
- Muuta tyypin tasausta tai välilyöntejä.
- Käytä toisiaan täydentäviä, mutta kuitenkin erilaisia tyylejä.
Typografian strateginen käyttö suunnittelussa on taidetta sinänsä. Opi kirjasinten yhdistämisen periaatteet, kuten kirjasinten lukumäärän rajoittaminen kahteen tai kolmeen.
Muut kontrastielementit
Muita kontrastia luovia elementtejä ovat tekstuuri, muoto, kohdistus, suunta ja liike. Tärkeintä on käyttää merkittävää eroa. Hädin tuskin havaittava kirjasinkoon muutos tai värit, jotka ovat liian lähellä arvoa, voivat olla virheitä pikemminkin kuin yritys korostaa tai kiinnostaa.
Käytä mielikuvitustasi keksiäksesi muita tapoja käyttää kontrastia. Esimerkki:
- Siirrä korkeita, kapeita tekstisarakkeita sisällyttämällä leveitä tai epäsäännöllisen muotoisia valokuvia.
- Lisää sarjaan staattisia kuvia yksi liikettä.
- Tee yksi elementti mustavalkoisesta valokuvasta lisäämällä siihen väriä.
Kontrastia voidaan liioitella. Jos kaikki on hyvin ristiriidassa kaiken muun kanssa, päädyt kilpaileviin elementteihin, jotka hämmentävät lukijaa sen sijaan, että auttavat häntä. Ole siis varovainen käyttäessäsi kontrastia.
