Met alle termen die ons tijdens ons ontwerponderwijs worden toegeworpen (of we nu zelf zijn of institutioneel onderwezen), is het gemakkelijk te begrijpen waarom sommige landen alleen maar slagen zien met nauwelijks enige penetratie in onze psyche.

Die die spoedig uit ons rijk van volledig begrip zullen verdwijnen zonder de constante versterking en aandacht die aan hen wordt gewijd. Dat is wat we vandaag willen doen, een beetje aandacht besteden aan een nietje van webdesign, negatieve ruimte.

Wat is negatieve ruimte?

Voor degenen die een herinnering nodig hebben, laten we een moment nemen om het op te splitsen naar de basis: er zijn twee soorten ruimte in ontwerp, positieve en negatieve ruimte. Positieve ruimte bevat alle elementen van uw site, inhoud, navigatie, afbeeldingen, enzovoort. Negatieve ruimte (vaak witruimte genoemd) is alle lege ruimte daartussenin, de ruimte rond de inhoud die de elementen scheidt en helpt bij het structureren en definieer de manier waarop de gebruiker omgaat met de inhoud in de positieve ruimte.

Nu dat we dat hebben, laten we verder gaan, zullen we? Er zijn ook twee typen negatieve ruimte, micro en macro. Micro-negatieve ruimte is de ruimte tussen de kleinere elementen van het ontwerp. Dingen zoals de ruimte tussen alinea's, individuele regels van het type, helemaal tot aan de ruimte tussen letters en woorden. Macro-negatieve ruimte is de ruimte tussen de grotere kernelementen van het ontwerp, zoals uw kop- en voettekst.

Yeedor

yeedor

Vriendschap Hamburg

friendshiphamburg

Moving Things Design Company

movingthings

Micro-negatieve ruimte

Eerst zullen we het kleinere gedeelte van het spectrum bekijken. Houd er rekening mee dat de grootte de microzijde niet aanduidt tot een positie van minimaal belang. Verre van dat. Het handhaven van een goede hoeveelheid witruimte binnen onze tekstblokken kan een lange weg maken naar het leesbaarder en gemakkelijker te scannen maken van een site, en het kan zelfs mensen helpen te begrijpen wat ze beter lezen.

En we hebben het over Micro, dus deze focus en onderhoud moeten diep gaan. We moeten ervoor zorgen dat alle negatieve ruimte in onze tekstblokken krap is. Niet op een drukke manier, maar strak op een esthetisch gebalanceerde en open manier. Dat heb je juist? Dit betekent het aanpakken van de ruimte tussen koppen en alinea's. In de paragrafen speciale aandacht schenken aan de lijnhoogten. Ervoor zorgen dat de ruimte tussen regelitems in lijsten niet te lang of te laat is. Zelfs de ruimte tussen woorden en letters.

Dit is niet altijd een gemakkelijke taak. Het bepalen van de marges en opvulling voor dit soort micro-negatieve aanpassing van de ruimte is een delicate kunst. Een die moet worden gemaakt met elke afzonderlijke site die we bouwen. Elke site heeft zijn eigen balans te vinden. Hoewel u niet te weinig witruimte wilt, heeft te veel invloed op de leesbaarheid net zo negatief.

Informatie snelweg

informationhighway

Verteren

verteren

MakeMatter

makematter

Macro-negatieve ruimte

Laten we nu onze reikwijdte een beetje uitbreiden en ons concentreren op de Macro-kant van dit spectrum. Hoewel deze kant degene is die we vaak meer aandacht geven, geven we nog steeds niet vaak meer open ruimte om in te ademen. Mensen houden ervan hun headers vol te proppen met alles wat ze maar kunnen passen, omdat dit het eerste is wat bezoekers zien. Probeer in plaats daarvan dit gebied bij een paar belangrijke elementen te houden, zodat gebruikers precies weten waar ze zich bevinden en niet verstikt worden zodra ze de site betreden.

Net als de koptekst, is het nogal een gemakkelijke val om de voetteksten en zijbalken van een ontwerp te zien als iets als een catch-all. Een plaats om zoveel mogelijk informatie in te zoomen en weg te gooien. In tegenstelling tot de kop is het waar dat men met meer inhoud in deze gebieden weg kan komen, maar er moet toch voor worden gezorgd dat we voldoende ruimte laten zowel rond als binnen deze elementen.

Hoe meer we voldoende ruimte en ruimte laten, hoe doelgerichter onze insluitsels lijken. Het is wanneer we rommelig zijn (tenzij stilistisch gedaan, wat gemakkelijk te onderscheiden is van waar we het hier over hebben) dat we vaak de indruk wekken dat we niet voldoende aandacht hebben besteed aan onze planningsfasen. Toegegeven, als we rommelig zijn, kunnen we onze klanten zeker de schuld geven, wetende dat veel van de rommel op hun opdracht wordt gedaan. Een punt dat we zullen bespreken en binnenkort bespreken.

We willen er dus zeker van zijn dat de ruimte rond elk blokelement rond het hele gedeelte overvloedig is (zorg ervoor dat je zijbalk niet tegen de hoofdinhoud van de site wordt geschoven). Speciale zorg bieden om ervoor te zorgen dat er voldoende ruimte is rondom alle oproepen tot actie. Laat de CTA's opvallen.

Viva Audio

Viva

Goederen

goederen

Do A Backflip

achterwaartse salto

Waarom negatieve ruimte ertoe doet

Het gebruik van negatieve ruimte speelt een grote rol in bruikbaarheid. Waar we al die tijd op hebben gewezen. Gebruikers moeten niet alleen in staat zijn om alle inhoud op de site gemakkelijk te lezen, maar ze moeten ook gemakkelijk kunnen vinden waarnaar ze op zoek zijn. Clutter houdt dat een gemakkelijke taak. Veel mensen, vooral klanten, hebben de neiging om elke beschikbare inch van het scherm met informatie te vullen en vragen zich vervolgens af waarom de site er zo rommelig en onaantrekkelijk uitziet. En bovendien waarom gebruikers problemen lijken te hebben met het navigeren op de site.

En dit is waar onze overtuigingskracht en vertrouwen op onze ontwerpgevoeligheden binnenkomen. Als ontwerpers moeten we hen laten begrijpen waarom deze negatieve ruimte zo essentieel is en waarom het maken van keuzes over welke inhoud op hun site moet worden opgenomen even belangrijk is. Dit is geen verspilling van hun geld. Het is ook geen verspilling van schermruimte. Maar in plaats daarvan valt een noodzakelijk element in het maken van de belangrijke informatie al op het scherm op in een schone en professionele omgeving. We moeten ze dat laten zien.

We kunnen nog steeds alles passen wat nodig is binnen de site. Zorg ervoor dat je alle ruimte hebt om te ademen. Het is prima dat mensen door de site moeten scrollen, sterker nog, het wordt verwacht. "Boven de vouw" houdt niet langer de kracht vast die het vroeger was. Het is echter nog steeds belangrijk om te onthouden dat content (met name de inhoud van de voorpagina) verstandig moet worden gekozen. Hoe meer opties op de eerste pagina worden gegeven, hoe meer problemen de gebruiker heeft om te kiezen waar hij naartoe moet gaan zonder overweldigd te raken en mogelijk de site helemaal op te geven.

Pure Fix-cycli

PureFix

Nurun

Nurun

Bijna onmogelijk

bijna onmogelijk

Hoe gebruik je negatieve ruimte in je ontwerpen? Is 'negatief' de juiste term voor witruimte? Laat ons je mening weten in de reacties.