Tweekleurenontwerp: sterke looks met maar twee kleuren

Tweekleurenontwerp betekent alles, letters, vormen, achtergronden en zelfs foto’s, bouwen uit maar twee kleuren: meestal één donkere en één lichte, met een sterk verschil in helderheid ertussen. Kobalt en mandarijn, bos en blos, inkt en boter. De beperking is het punt. Twee kleuren ogen bewust, lezen helder op elk formaat en geven een merk sneller een herkenbare signatuur dan een volledig palet kan.

Tweekleurig, duotoon en monochroom zijn niet hetzelfde

De woorden worden losjes gebruikt, dus het helpt ze uit elkaar te halen. Ze overlappen, en veel goede opmaken gebruiken alle drie de ideeën tegelijk.

Wil je de overgang in plaats van de scheiding, dan behandelt verlopen met twee kleuren die kant, en monochrome kleurenschema’s de versie met één kleurtoon.

Twaalf tweekleurenpaletten

Elk paar hieronder heeft een kleur die donker genoeg is om tekst op de andere te zetten. Contrast tussen kleurtonen telt minder dan contrast in helderheid: een paar kan warm en koel zijn, of twee buren, zolang één duidelijk donkerder is.

Sommige hiervan zijn complementair, zoals kobalt en mandarijn, wat maximale energie geeft. Andere zijn naaste verwanten, zoals diep violet en lila, wat rustiger en duurder voelt. Complementaire kleuren legt uit waarom tegenpolen zoemen als ze elkaar ontmoeten.

Hoe je je twee kleuren kiest

1. 1

   Kies eerst de donkere kleur

   Hij draagt elke kop en alinea, dus hij moet leesbaar zijn op de lichte kleur. Marine, bos, aubergine, chocolade en bijna zwart werken allemaal.

2. 2

   Kies de lichte kleur voor de sfeer

   Dit is de kleur die mensen onthouden. Warme lichten als perzik en boter voelen vriendelijk; koele lichten als lucht en lila voelen rustiger.

3. 3

   Controleer het contrast beide kanten op

   Donkere tekst op de lichte kleur moet 4,5:1 halen voor lopende tekst. Elk paar in het raster hierboven haalt die test.

4. 4

   Probeer het op drie formaten

   Een vierkante post, een story van 1080×1920 en een A5-flyer. Voelt het paar op alle drie nog als jij, hou het dan.

Hoe je meer bereik haalt uit twee kleuren

Twee vlakke kleuren kunnen dun aanvoelen zodra je een secundair vlak, een bijschrift of een uitgeschakelde knop nodig hebt. De oplossing is geen derde kleur. Meng tinten van de lichte kleur en schaduwen van de donkere, zodat elke nieuwe toon nog bij het paar hoort.

• Ondergrond: de lichtste tint, voor grote vlakken en tekstpagina’s.
• Hoofdkleur: de donkere kleur, voor koppen, lopende tekst en effen blokken.
• Klap: de lichte kleur op volle sterkte, voor één vorm, één woord of één prijs.
• Middentonen: een middentint van elk, voor scheidingslijnen, bijschriften en illustratievlakken.

Tweekleurige foto’s met duotoon

Foto’s zijn waar tweekleurige opmaken meestal stukgaan: een kleurenafbeelding brengt een derde, vierde en vijfde kleur op de pagina. Een duotoonbehandeling zet de foto om zodat de schaduwen je donkere kleur worden en de lichten je lichte. Het duotoon-effect gaat dieper; op het web kan het met blendmodi.

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

In Gradiently kun je elke foto inkleuren in de kleuren van de Mark als mono, duotoon of wassing, zodat afbeeldingen deel van het ontwerp worden in plaats van ermee te vechten.

Ideeën voor tweekleurenontwerp om te proberen

• Concert- en eventposters: twee steunkleuren drukken goedkoop en ogen bewust vanaf de overkant van de straat.
• Restaurantmenu’s: een donkere kleur voor de gerechten, de lichte voor het papier, een middentint voor prijzen.
• Instagram-carrousels: wissel op elke slide welke kleur de ondergrond is, zodat swipen ritmisch voelt.
• Verpakkingen: één kleur per productlijn, de andere gedeeld over het assortiment.
• Presentaties: sectieslides in de donkere kleur, inhoudsslides op de lichte tint.
• Visitekaartjes: één kant in elke kleur.

Meet het contrast beide kanten op met de gereedschappen in kleurcontrast en toegankelijkheid. Houd je van de discipline van twee kleuren, dan loopt hetzelfde denken door minimalistisch grafisch ontwerp en, op volle sterkte, gedurfd grafisch ontwerp.