GettyImages 137885806 58dfe2ac5f9b58ef7ecf0cf9 5bd75993c9e77c00511d6076 scaled

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 ovat, sitä suurempi on kontrasti.
  • Väri: Kaksi kontrastiväriä kiinnittää huomion erottuvaan elementtiin.

Tässä artikkelissa selitetään useita tapoja käyttää kontrastia graafisen suunnittelun parantamiseen.

Käytä kontrastia graafisen suunnittelun parantamiseen

Kontrasti on suunnitteluperiaate, joka ilmenee, kun kaksi visuaalista elementtiä eroavat dramaattisesti. Mitä suurempi ero, sitä suurempi kontrasti. Kontrasti välittää viestisi korostamalla sen, mikä on tärkeää ja kiinnittämällä lukijan huomion, parantaa luettavuutta tekemällä osioiden otsikoista erottuvan ja kiinnittää lukijan huomion lisäämällä sivun mielenkiintoa. Voit luoda kontrastia koon, arvon, värin, tyypin ja muiden elementtien suhteen.

Kaveri

Kahden elementin sijoittaminen vierekkäin, jotka ovat kaikilta osin samanlaisia ​​kokoa lukuun ottamatta, on yksi tapa luoda mittakontrastia. Se voi olla esimerkiksi suuria ja pieniä kuvia tai suuria ja pieniä fontteja. Suuren valkoisen tilan jättäminen pienen kohteen ympärille on toinen tapa kontrastia sen kokoa.

Lukijoiden näkymä kiinnittyy ensin suurempiin kohtiin, joten suurenna kohteita, joita haluat korostaa.

Missä

Kahden elementin suhteellinen vaaleus tai tummuus voi luoda arvokontrastia. Olipa kyseessä harmaan sävyt tai yhden värin sävyt ja sävyt, mitä kauempana arvot ovat, sitä suurempi kontrasti.

Pilvet vesipisaroita suspensiona värikkäällä taustalla

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. Ole varovainen arvon suhteen kontrastivärien kanssa. Harmonisoivat värit (värit, jotka ovat vierekkäin väriympyrässä) voivat näyttää haalistuneilta, jos värien välillä ei ole tarpeeksi arvoeroa.

Vihreä sateenvarjo on kontrasti mustien sateenvarjojen merelle

Ota huomioon vaikutus katsojiin, kun määrität kontrastisia väripareja. Esimerkiksi kirkkaan punainen ja kirkkaan sininen kontrasti, mutta voi aiheuttaa silmien rasitusta yhdessä katsottuna.

Tyyppi

Käytä kokoa, arvoa ja värejä luodaksesi kontrastisia typografiamuokkauksia. Tee tietyistä sanoista erottuvampia käyttämällä jotakin seuraavista toimista:

  • Lisää lihavointi tai kursivoitu.
  • Sekoita suuria ja pieniä.
  • Yhdistä serif sans serif (ei-serif) -tyyppiin.
  • Aseta tekstiosat kontrastivärisillä tai vaihtelevilla arvoilla.
  • Muuta tasauksen tai välin tyyppiä.
  • Käytä toisiaan täydentäviä, mutta erilaisia ​​fontteja.

Sana

Typografian strateginen käyttö suunnittelussasi on taidetta sinänsä. Opi fonttien yhdistämisen periaatteet, kuten tyyppien mää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 liian lähellä toisiaan olevat värit voivat olla virheitä pikemminkin kuin yritys korostaa tai kiinnostaa.

päätön tyttö kantapäällä, ylösalaisin, roikkuu pöydän reunalla

Käytä mielikuvitustasi keksiäksesi muita tapoja käyttää kontrastia. Esimerkiksi:

  • Lisää leveitä tai epäsäännöllisen muotoisia valokuvia kompensoidaksesi korkeita ja kapeita tekstisarakkeita.
  • Lisää staattisten kuvien sarjaan kuva, joka näyttää liikettä.
  • Tee yksi mustavalkokuvan elementti pop-korkeudesta lisäämällä siihen väriä.

Kontrastia voidaan liioitella. Kun kaikki on vahvasti vastakkainen kaiken muun kanssa, saat kilpailevia elementtejä, jotka hämmentävät lukijaa ennemmin kuin auttavat. Ole siis varovainen kontrastia käyttäessäsi.

Por Markus