Tofarvet design: markante udtryk med kun to farver

Tofarvet design betyder, at du bygger alt, skrift, former, baggrunde og endda fotos, af kun to farver: som regel én mørk og én lys med en kraftig forskel i lyshed. Kobolt og mandarin, skovgrøn og rosa, blæk og smør. Begrænsningen er hele pointen. To farver ser bevidste ud, læses tydeligt i alle størrelser og giver et brand en genkendelig signatur hurtigere, end en fuld palet kan.

Tofarvet, duotone og monokrom er ikke det samme

Ordene bruges løst, så det hjælper at skille dem ad. De overlapper, og mange gode layouts bruger alle tre idéer på én gang.

Vil du have blandingen frem for opdelingen, dækker tofarvede gradienter den side, og monokrome farveskemaer dækker udgaven med én farvetone.

Tolv tofarvede farvepaletter

Hvert par nedenfor har én farve, der er mørk nok til at sætte tekst på den anden. Kontrasten mellem farvetonerne betyder mindre end kontrasten i lyshed: et par kan være varmt og koldt eller to naboer, så længe den ene er tydeligt mørkere.

Nogle af dem er komplementære, som kobolt og mandarin, der giver maksimal energi. Andre er nære slægtninge, som dyb violet og syren, der føles roligere og mere eksklusivt. Komplementærfarver forklarer, hvorfor modsætninger summer, når de mødes.

Sådan vælger du dine to farver

1. 1

   Vælg den mørke farve først

   Den skal bære alle overskrifter og afsnit, så den skal kunne læses på den lyse farve. Marineblå, skovgrøn, aubergine, chokolade og næsten sort virker alle.

2. 2

   Vælg den lyse farve efter stemning

   Det er den farve, folk husker. Varme lyse farver som fersken og smør føles venlige; kølige lyse farver som himmel og syren føles stillere.

3. 3

   Tjek kontrasten begge veje

   Mørk tekst på den lyse farve skal nå 4,5:1 til brødtekst. Alle par i oversigten ovenfor består den test.

4. 4

   Prøv det i tre formater

   Et kvadratisk opslag, en story på 1080×1920 og en A5-flyer. Føles parret stadig som dig i alle tre, så behold det.

Sådan får du mere spændvidde ud af to farver

To flade farver kan virke tynde, så snart du skal bruge et sekundært panel, en billedtekst eller en deaktiveret knap. Løsningen er ikke en tredje farve. Bland lysere toner af den lyse farve og mørkere toner af den mørke, så hver ny tone stadig hører til parret.

• Bund: den lyseste tone, til store flader og sider med tekst.
• Hovedfarve: den mørke farve, til overskrifter, brødtekst og massive blokke.
• Slagkraft: den lyse farve i fuld styrke, til én form, ét ord eller én pris.
• Mellemtoner: en mellemtone af hver, til skillelinjer, billedtekster og fyld i illustrationer.

Tofarvede fotos med duotone

Det er ved fotos, at tofarvede layouts som regel bryder sammen: et billede i fuld farve smider en tredje, fjerde og femte farve ind på siden. En duotone-behandling omsætter fotoet, så skyggerne bliver din mørke farve og højlysene din lyse. Duotone-effekten går mere i dybden; på nettet kan du gøre det med blandingstilstande.

.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;
}

I Gradiently kan du tone ethvert foto i Markens farver som mono, duotone eller en lavering, så billederne bliver en del af designet i stedet for at kæmpe imod det.

Idéer til tofarvet design, du kan prøve

• Koncert- og eventplakater: to spotfarver er billige at trykke og ser bevidste ud fra den anden side af gaden.
• Menukort på restauranter: en mørk farve til retterne, den lyse til papiret, en mellemtone til priserne.
• Instagram-karruseller: skift mellem, hvilken farve der er bunden på hvert slide, så det føles rytmisk at swipe.
• Emballage: én farve per produktlinje, den anden fælles for hele serien.
• Præsentationer: sektionsslides i den mørke farve, indholdsslides på den lyse tone.
• Visitkort: én side i hver farve.

Mål kontrasten begge veje med værktøjerne i farvekontrast og tilgængelighed. Kan du lide disciplinen i to farver, går samme tankegang igen i minimalistisk grafisk design og, med fuld volumen, i markant grafisk design.