Kaksivärinen suunnittelu: vahva ilme kahdella värillä

Kaksivärinen suunnittelu tarkoittaa, että kaikki, teksti, muodot, taustat ja jopa valokuvat, rakennetaan vain kahdesta väristä. Yleensä toinen on tumma ja toinen vaalea, ja niiden vaaleusero on vahva. Koboltti ja mandariini, metsänvihreä ja puuteriroosa, muste ja voinkeltainen. Rajoitus on koko ajatus. Kaksi väriä näyttää harkitulta, toimii luettavasti kaikissa ko’oissa ja tekee brändistä tunnistettavan nopeammin kuin laaja paletti.

Kaksivärinen, duotone ja yksivärinen tarkoittavat eri asioita

Sanoja käytetään väljästi, joten niiden erottaminen auttaa. Ne limittyvät, ja moni hyvä asettelu käyttää kaikkia kolmea samalla kertaa.

Jos haluat sekoituksen jaon sijaan, kahden värin liukuvärit käsittelee sitä. Monokromaattiset värimaailmat kertoo yhden sävyn versiosta.

Kaksitoista kaksiväristä palettia

Jokaisen alla olevan parin toinen väri on riittävän tumma tekstiksi toisen päälle. Sävyjen ero on vähemmän tärkeä kuin vaaleusero. Pari voi olla lämmin ja viileä tai kaksi lähisävyä, kunhan toinen on selvästi tummempi.

Osa pareista on vastavärejä, kuten koboltti ja mandariini, ja tuo maksimaalista energiaa. Syvä violetti ja lila taas ovat lähisävyjä, jotka tuntuvat rauhallisemmilta ja ylellisemmiltä. Vastavärit selittää, miksi vastakkaiset sävyt värähtelevät kohdatessaan.

Näin valitset kaksi väriä

1. 1

   Valitse tumma väri ensin

   Kaikki otsakkeet ja kappaleet käyttävät sitä, joten sen pitää näkyä vaalealla värillä. Tummansininen, metsänvihreä, munakoiso, suklaa ja lähes musta toimivat.

2. 2

   Valitse vaalea tunnelman mukaan

   Tämä väri jää mieleen. Lämpimät vaaleat sävyt, kuten persikka ja voinkeltainen, tuntuvat ystävällisiltä. Viileät vaaleat, kuten taivaansininen ja lila, ovat hiljaisempia.

3. 3

   Tarkista kontrasti molempiin suuntiin

   Tumman leipätekstin kontrastin vaalealla värillä pitää olla vähintään 4,5:1. Jokainen yllä olevan ruudukon pari täyttää tämän vaatimuksen.

4. 4

   Kokeile kolmessa formaatissa

   Neliöjulkaisu, 1080×1920-tarina ja A5-esite. Jos pari tuntuu omaltasi kaikissa kolmessa, säilytä se.

Näin saat kahdesta väristä enemmän vaihtelua

Kaksi tasaista väriä voi tuntua niukalta, kun tarvitset toissijaisen paneelin, kuvatekstin tai käytöstä poistetun painikkeen. Ratkaisuksi riittävät vaalean värin vaalennukset ja tumman tummennukset. Jokainen uusi sävy kuuluu yhä samaan pariin.

• Pohja: vaalein sävy suurille alueille ja tekstisivuille.
• Pääväri: tumma väri otsakkeisiin, leipätekstiin ja umpinaisiin lohkoihin.
• Tehoste: täysivahvuinen vaalea väri yhdelle muodolle, sanalle tai hinnalle.
• Välisävyt: kummankin värin keskisävy jakoviivoihin, kuvateksteihin ja kuvitusten täyttöihin.

Kaksiväriset valokuvat duotone-käsittelyllä

Valokuvat rikkovat usein kaksivärisen asettelun: täysvärikuva tuo sivulle kolmannen, neljännen ja viidennen värin. Duotone-käsittely muuttaa varjot tummaksi väriksesi ja valokohdat vaaleaksi. Duotone-efekti käsittelee asiaa tarkemmin. Verkossa voit toteuttaa sen sekoitustiloilla.

.duotone {
  position: relative;
  background-color: #ff7a1a; /* light tone: the highlights */
}

.duotone img {
  display: block;
  width: 100%;
  filter: grayscale(100%) contrast(1.15);
  mix-blend-mode: multiply;
}

.duotone::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: #172e70; /* dark tone: the shadows */
  mix-blend-mode: lighten;
  pointer-events: none;
}

Gradientlyssä voit sävyttää minkä tahansa valokuvan Markin väreillä yksiväriseksi, duotoneksi tai laveeraukseksi. Kuva liittyy silloin designiin eikä riitele sen kanssa.

Kokeile näitä kaksivärisiä ideoita

• Keikka- ja tapahtumajulisteet: kaksi spottiväriä painetaan edullisesti ja näyttävät harkituilta kadun toiselle puolelle.
• Ravintolan ruokalistat: tumma väri annoksille, vaalea paperille ja välisävy hinnoille.
• Instagram-karusellit: vaihda pohjaväriä dioittain, jolloin selaamiseen syntyy rytmi.
• Pakkaukset: yksi väri kullekin tuotesarjalle ja toinen koko valikoiman yhteiseksi.
• Esitykset: osioiden aloitusdiat tummalla värillä ja sisältödiat vaalealla sävyllä.
• Käyntikortit: kummallekin puolelle oma väri.

Mittaa kontrasti molempiin suuntiin värikontrastin ja saavutettavuuden oppaan työkaluilla. Jos kahden värin kurinalaisuus miellyttää, sama ajattelu näkyy minimalistisessa graafisessa suunnittelussa ja voimakkaampana rohkeassa graafisessa suunnittelussa.