Wit

Als ik geen tekst of afbeelding had gepost, was een andere blog door de ontstane witruimte meer opgevallen. Wit is eigenlijk niets, maar ook allesbepalend.
Voldoende wit helpt aandacht te trekken, contrast en eenheid in een ontwerp te creëren.
Wit creëert rust, verbindt losse elementen, maakt een lay-out makkelijk te volgen en vergroot functioneel de leesbaarheid van een ontwerp.

Surfend naar witruimte op internet vond ik het inspirerende project Informationleak uit het portfolio Richard J. Evans. Het is vorig jaar tentoongesteld op de Free Range Graduate Art & Design Show in Londen. Het laat zien hoe de overvloed aan informatie overstroomt in ons dagelijks leven.

Overvloed aan informatie leidt vaak tot drukke ontwerpen. Wit is dan lege ruimte en moet vooral worden volgestouwd. In het artikel Whitespace wordt het belang van wit uitgelegd door grafisch ontwerper Mark Boulton. Hij neemt je mee langs macro en micro witruimte, merkpositionering en legt uit wat het verschil tussen actieve en passieve witruimte is. Een interessant artikel vind ik, dat op een duidelijke manier met goede voorbeelden uitlegt waarom wit zo belangrijk is.

De animatie Kinetic Typography – Whitespace van de Crooked Gremlins laat op een leuke manier zien wat de waarde van witruimte is. Ondanks dat het hier meer om de inhoud dan om de animatie zelf gaat, is de het idee van een gevisualiseerde tutorial helemaal goed. Hieronder de transcript om nog eens na te lezen, want het gaat snel:

“White space is emptiness when it is used as a design element. If you create a design element where all the elements are equally spaced out it will look like boring and no one will know what to read first. But by utilizing the empty space you can draw attention to specific things. Think of your design like a cup of coffee. Too much text and your viewers will not take a sip for fear of spilling it all over themselves. The human eye identifies shapes and patterns in design as much as in nature. Active white space uses this instinct to tell your reader what is important. Your use of space must be deliberate. If you simply place elements at random, your viewer will know and viewers are not forgiving. When creating your designs you will use two kinds of whitespace: functional and illustrative. Functional white space is the space between letters, words and paragraphs. It makes your design readable by human beings, which we will assume is important. Illustrative whitespace can help create compelling designs that draw attention to specific elements in a specific order. When you build a design you know what is important, your reader does not. Using white space and other design elements you will subliminally tell your reader what they need to know first, second and third.”