Skip to content

Contrast gebruiken om uw grafische ontwerpen te verbeteren Design

3 de juli de 2021
GettyImages 137885806 58dfe2ac5f9b58ef7ecf0cf9 5bd75993c9e77c00511d6076

Wat te weten

  • Grootte: Plaats twee vergelijkbare elementen naast elkaar, maar maak de ene groter dan de andere. De grotere trekt de aandacht.
  • Waarde: Gebruik lichte en donkere waarden van dezelfde kleur. Hoe verder de waarden uit elkaar staan, hoe groter het contrast.
  • Kleur: Contrasterende twee kleuren vestigen de aandacht op het element dat opvalt.

In dit artikel worden verschillende manieren uitgelegd om contrast te gebruiken om grafische ontwerpen te verbeteren.

Contrast gebruiken om uw grafische ontwerpen te verbeteren Design

Contrast is een ontwerpprincipe dat optreedt wanneer twee visuele elementen dramatisch verschillen. Hoe groter het verschil, hoe groter het contrast. Contrast brengt uw boodschap over door te benadrukken wat belangrijk is en de aandacht van de lezer te trekken, helpt bij de leesbaarheid door sectiekoppen te laten opvallen en trekt de aandacht van de lezer door interesse aan de pagina toe te voegen. U kunt contrast creëren in grootte, waarde, kleur, type en andere elementen.

Grootte

Door twee elementen naast elkaar te plaatsen die in alle opzichten vergelijkbaar zijn, behalve de grootte, is een manier om maatcontrast te creëren. Het kunnen bijvoorbeeld grote en kleine afbeeldingen zijn of grote en kleine lettertypen. Veel witruimte rond een klein object laten is een andere manier om de grootte te contrasteren.

Het zicht van lezers wordt eerst aangetrokken door grotere items, dus vergroot de objecten die u wilt benadrukken.

Waarde

De relatieve lichtheid of duisternis van twee elementen kan een contrast in waarde creëren. Of het nu gaat om grijstinten of tinten en tinten van een enkele kleur, hoe verder de waarden uit elkaar staan, hoe groter het contrast.

Wolken waterdruppels in suspensie op een kleurrijke achtergrond

U kunt meer dan één contrasterend element samen gebruiken. Grote, witte tekst op een zwarte achtergrond, gevolgd door grijze tekst op dezelfde achtergrond, combineert bijvoorbeeld waarde en grootte.

Kleur

Gebruik harmoniserende, complementaire en tegengestelde kleuren om contrast te creëren. Wanneer u kleuren contrasteert, wees dan voorzichtig met de waarde. Harmoniserende kleuren (kleuren die aan elkaar grenzen op het kleurenwiel) kunnen vervaagd lijken als er niet genoeg verschil in waarde tussen de kleuren is.

Groene paraplu in contrast met een zee van zwarte paraplu's

Houd rekening met het effect op kijkers bij het bepalen van contrasterende kleurenparen. Felrood en felblauw contrasteren bijvoorbeeld, maar kunnen vermoeide ogen veroorzaken wanneer ze samen worden bekeken.

Type

Gebruik grootte, waarde en kleur om contrasterende typografische bewerkingen te maken. Laat bepaalde woorden meer opvallen door een van de volgende acties te gebruiken:

  • Vet of cursief toevoegen.
  • Mix groot type met klein type.
  • Combineer schreef met schreefloos (niet-serif) type.
  • Stel delen van tekst in in contrasterende kleuren of variërende waarden.
  • Type uitlijning of spatiëring wijzigen.
  • Gebruik complementaire, maar toch verschillende lettertypen.

Het woord 'liefde'  in rode drukblokken

Typografie strategisch gebruiken in je ontwerp is een kunst op zich. Leer de principes van het combineren van lettertypen, zoals het beperken van het aantal typen tot twee of drie.

Andere contrasterende elementen

Andere elementen die contrast creëren zijn onder meer textuur, vorm, uitlijning, richting en beweging. De sleutel is om een ​​substantieel verschil te gebruiken. Een wijziging in de lettergrootte die nauwelijks waarneembaar is of kleuren die te dicht bij elkaar liggen, kunnen overkomen als een fout in plaats van als een poging om nadruk of interesse te wekken.

meisje zonder hoofd met hakken, ondersteboven, hangend aan de rand van de tafel

Gebruik je fantasie om extra manieren te bedenken om contrast te gebruiken. Bijvoorbeeld:

  • Voeg brede of onregelmatig gevormde foto’s toe om hoge, smalle tekstkolommen te compenseren.
  • Voeg in een reeks statische afbeeldingen een afbeelding toe die beweging laat zien.
  • Laat één element van een zwart-witfoto knallen door er kleur aan toe te voegen.

Contrast kan overdreven zijn. Als alles sterk contrasteert met al het andere, krijg je concurrerende elementen die de lezer eerder in verwarring brengen dan helpen. Wees dus voorzichtig met het gebruik van contrast.