Gestaltontwerpprincipes: hoe psychologie de perceptie beïnvloedt.

Ontwerpprincipes Gestalt is een reeks fundamentele principes die beschrijven hoe mensen ontwerpelementen waarnemen en organiseren in samenhangende en ordelijke structuren. Wanneer uw eerste indruk van een ontwerp positief is, wanneer u het ontwerp instinctief als goed ervaart, is dit waarschijnlijk te wijten aan een of meer Gestalt-perceptieprincipes. Als je naar een ontwerp kijkt en een of twee onderdelen ervan bewondert, is de kans groot dat deze overeenkomen met een of meer Gestalt-principes.

Een van de beste dingen die je als ontwerper kunt doen, is deze principes bestuderen en begrijpen wat ze ons vertellen over hoe mensen visuele objecten waarnemen en de rangschikking van visuele objecten.

Als u de Gestalt-principes begrijpt, krijgt u meer controle over uw ontwerp, creëert u een harmonieuzer ontwerp en vergroot u de kans dat uw boodschap aan uw publiek wordt overgebracht.

Wat zijn Gestalt-ontwerpprincipes?

Wanneer mensen naar een schilderij, een webpagina of een complexe combinatie van elementen kijken, zien we het geheel voordat we de afzonderlijke delen zien waaruit dat geheel bestaat. Het idee om het geheel vóór de delen te zien en zelfs meer dan het geheel meer te laten worden dan de som der delen, is Gestalt.

Het Duitse woord gestalt kan worden vertaald als "vorm" of "vorm", en de term verwijst naar de manier waarop visuele input door mensen wordt waargenomen. De Gestaltpsychologie werd opgericht door Max Wertheimer en werd in de loop van de tijd door andere auteurs uitgebreid.

De oorspronkelijke observatie van Wertheimer was dat we beweging waarnemen als er niets meer is dan een snelle opeenvolging van individuele zintuiglijke gebeurtenissen, zoals een reeks opeenvolgende flitsende lichten. Stel je een reeks kerstverlichting voor. Elk lampje gaat achtereenvolgens langs de draad aan en uit. We zien licht van het ene uiteinde van de draad naar het andere bewegen, hoewel er in werkelijkheid niets bewoog.

We zien iets dat er niet werkelijk is, en de verklaring van Wertheimer is dat we het effect van de hele gebeurtenis zien, dat niet noodzakelijkerwijs in de som der delen besloten ligt.

De gemakkelijkste manier om Gestalt te begrijpen is door naar de verschillende principes te kijken.

Gestaltontwerpprincipes

Er zijn veel principes van Gestalt, waarvan de meeste in een of twee zinnen kunnen worden uitgelegd. Veel van de onderstaande principes kunnen uitvoerig worden beschreven, en ik zou u willen aanmoedigen ze verder te bestuderen.

Ik heb geprobeerd links naar andere bronnen aan te bieden om u op weg te helpen met uw onderzoek, en ik heb ook enkele bronnen vermeld aan het einde van dit bericht. Beschouw de volgende inleiding tot elk van de genoemde beginselen.

Tekening / Aarde

Elementen worden gezien als een figuur (het focuselement) of als een ondergrond (de achtergrond waarop de figuur zit).

Het klassieke voorbeeld van figuur/grond is de afbeelding links. Zie je een zwarte vaas op een witte achtergrond of twee witte gezichten in profiel zittend op een zwarte achtergrond?

Het eerste dat mensen zullen doen als ze naar je ontwerp kijken, is bepalen wat er figuurlijk en gepolijst is in je compositie. In de meeste gevallen gebeurt deze vaststelling snel en onbewust.

Door te tekenen/aarde weten we waar we ons op moeten concentreren en wat we in een compositie veilig kunnen negeren.

Vierkant. Gestaltontwerpprincipes

De figuur toont de kleinste van twee overlappende objecten. De grotere wordt beschouwd als land.

In de bovenstaande afbeelding zie je in beide gevallen waarschijnlijk een kleiner vierkant als patroon. Mogelijk ziet u in de afbeelding aan de rechterkant een donkere figuur met een gat op een lichtere achtergrond. Deze is gebaseerd op het feit dat donkere objecten vaker verschijnen als een figuur met lichtere gebieden die als de grond worden gezien. Gestaltontwerpprincipes

gelijkenis

Gelijksoortige zaken worden gezien als meer verwant dan ongelijksoortige zaken.

In de bovenstaande afbeelding groepeert u ongetwijfeld de objecten in een vierkant of cirkel vanwege de gelijkenis in vorm of vorm.

Door herhaling van kleur, grootte, oriëntatie, textuur lettertype, vormen, enz. We kunnen elementen creëren om ze meer verbonden te laten lijken. Denk na over de links in uw inhoud. Door te suggereren dat ze allemaal blauw en gemarkeerd zijn, sturen ze duidelijk de boodschap naar de kijker dat ze verwant zijn.

Er is hierboven kleur gebruikt om overeenkomsten in de bovenstaande afbeelding aan te geven. Je zou afwisselende kolommen met zwarte en rode vierkanten moeten zien. Elke kolom wordt bepaald door de gelijkenis in kleur van de cirkels waaruit de kolom bestaat.

Isomorfisme. Gestaltontwerpprincipes

Een gelijkenis die gedragsmatig of perceptueel kan zijn en een reactie kan zijn op basis van de eerdere ervaringen van de kijker. Denk aan niet-visuele overeenkomsten.

Uniforme connectiviteit (wet van eenheid)

Elementen die een visuele verbinding hebben, worden als meer verbonden ervaren dan elementen zonder verbinding.

Als je naar de afbeelding aan de linkerkant kijkt, zie je twee vierkanten en twee rechthoeken. Als je naar de afbeelding rechts kijkt, zie je twee objecten, elk bestaande uit een vierkant en een cirkel. De cirkel en het vierkant zijn verbonden door een lijn ertussen. Uniforme samenhang is hier belangrijker dan gelijkenis.

Continuïteit

Elementen die zich op een lijn of curve bevinden, worden als meer met elkaar verbonden beschouwd dan elementen die zich niet op een lijn of curve bevinden. Gestaltontwerpprincipes

In de afbeelding hierboven zou je een gebogen lijn moeten zien waar een verticale lijn doorheen loopt. Hier is de voortzetting sterker dan de kleurovereenkomst. Rode cirkels op een gebogen lijn hebben meer betrekking op zwarte cirkels op dezelfde curve dan op rode cirkels op een verticale lijn. Gestaltontwerpprincipes

Sluitend

Als we naar een complexe opstelling van individuele elementen kijken, hebben we de neiging om naar één herkenbaar patroon te zoeken.

Je eerste indruk bij het bekijken van de afbeelding hierboven is hoogstwaarschijnlijk een vierkant, ook al bestaat de afbeelding uit vier rechte lijnen. Wij vullen de ontbrekende informatie in, zodat er één herkenbaar patroon ontstaat.

Nabijheid. Gestaltontwerpprincipes

Dingen die dicht bij elkaar staan, worden als meer met elkaar verbonden beschouwd dan dingen die verder uit elkaar liggen.

Je zou hierboven drie groepen zwarte en rode cirkels moeten zien. Nabijheid, de relatieve nabijheid van cirkels, is sterker dan de gelijkenis van kleuren. In een grotere compositie zal de gelijkenis van kleuren nog steeds informatie over de objecten overbrengen vanwege de overeenkomsten ertussen.

Gemeenschappelijk lot (synchroniciteit). Gestaltontwerpprincipes

Elementen die in dezelfde richting bewegen, worden als meer verbonden ervaren dan elementen die stilstaan ​​of in verschillende richtingen bewegen. Elementen die tegelijkertijd veranderen, worden gegroepeerd.

In de bovenstaande animatie zie je twee sets van elk drie cirkels in plaats van één set van zes cirkels vanwege hun gedeelde beweging of gedeeld lot.

Stel je voor dat in de animatie hierboven de cirkels niet bewegen, maar drie ervan veranderen van kleur tussen blauw en rood. Je ziet nog steeds twee groepen cirkels, maar deze zijn gebaseerd op de verandering kleuren, en niet op het veranderen van hun beweging. In ieder geval wacht hen een gemeenschappelijk lot. Gestaltontwerpprincipes

symmetrie

Het idee dat wanneer we objecten waarnemen, we de neiging hebben ze waar te nemen als symmetrische vormen gevormd rond hun midden.

In de bovenstaande afbeelding ziet u waarschijnlijk drie sets haakjes voor openen en sluiten. Hier is symmetrisch evenwicht sterker dan intimiteit.

parallelliteit

Elementen die evenwijdig aan elkaar zijn, lijken meer met elkaar verbonden dan elementen die niet evenwijdig aan elkaar zijn.

De drie parallelle lijnen hierboven zouden meer met elkaar verbonden moeten lijken dan met de andere lijnen.

Algemene regio

Elementen worden meestal gegroepeerd als ze zich in hetzelfde afgesloten gebied bevinden.

We hebben eerder gezien hoe de afwisselende kleuren ervoor zorgen dat het lijkt alsof er 5 kolommen met cirkels zijn. Nu we enkele cirkels hebben ingekaderd, zien we twee verschillende groepen cirkels.

Het toevoegen van een rand (een totaalgebied) rond een element of groep elementen is een gemakkelijke manier om het te scheiden van omliggende elementen.

Ervaring uit het verleden. Gestaltontwerpprincipes

Items hebben de neiging om samen te groeperen als ze in de eerdere ervaringen van de waarnemer vaak bij elkaar zijn gegroepeerd.

Ervaringen uit het verleden kunnen voor de meesten van ons individueel of gemeenschappelijk zijn.

Centraal punt wet

Een interessant punt, nadruk of verschil zal de aandacht van de kijker trekken en vasthouden /

Als je het Kandinsky-schilderij hierboven ziet, valt je waarschijnlijk als eerste de donkere cirkelvorm in de linkerbovenhoek op. Dit is het brandpunt en daarmee de ingang van het schilderij. Het brandpunt trekt uw aandacht en van daaruit stroomt uw aandacht naar andere delen van de foto.

De wet van Pranantz (goed figuur, wet van eenvoud)

Mensen zullen dubbelzinnige of complexe beelden waarnemen en interpreteren als de eenvoudigst mogelijke vorm.

Het bovenstaande formulier is over het algemeen dubbelzinnig en complex. Je zult het waarschijnlijk zien bestaan ​​uit drie eenvoudige vormen: een vierkant, een cirkel en een driehoek. Deze vormen zijn duidelijk te zien door eronder een andere kleur toe te wijzen. Gestaltontwerpprincipes

Aanvullende gedachten over Gestaltprincipes

Soms zijn er twee Gestalt-principes in het spel, hoewel één onze perceptie zal domineren. Ik heb geprobeerd dit duidelijk te maken in een paar van de bovenstaande afbeeldingen waarin één Gestalt-principe dominant is, zoals het beeld van intimiteit hierboven. Zowel gelijkenis als nabijheid zijn aanwezig, maar nabijheid is in dit geval het sterkere principe. Daarom zie je drie groepen cirkels in plaats van zes kolommen met cirkels.

Gestaltprincipes zijn een reeks hulpmiddelen die u tot uw beschikking heeft om te bepalen hoe uw ontwerpen worden waargenomen.

De perceptie die iemand krijgt als hij naar uw ontwerp kijkt, is uiteindelijk wat u hem of haar vertelt. Leer de principes van Gestalt beheersen en je leert communiceren via je ontwerp. Gestaltontwerpprincipes

Gestaltprincipes helpen ons beter te ontwerpen en helpen ons te begrijpen of een element nodig is of niet. Ze helpen u te zien waar elementen op de pagina moeten worden geplaatst, hoe ze moeten worden gegroepeerd, welke elementen dezelfde kleur of grootte moeten hebben en welke niet. Gestaltprincipes helpen u te bepalen welke elementen binnen een frame moeten worden opgenomen en welke elementen eenvoudigweg meer ruimte ertussen nodig hebben.

Wanneer u begint te begrijpen hoe anderen uw elementen zullen waarnemen, krijgt u meer controle over uw ontwerpen en wordt u een betere ontwerper. Neem de tijd om de Gestaltprincipes van perceptie verder te verkennen. Blader door ontwerpen die je leuk vindt en kijk hoe Gestalt daarin werkt.

Onderzoek je eigen werk om te zien hoe je de Gestalt-principes al in je ontwerpen verwerkt en welke je niet, maar wel zou moeten gebruiken.

 

Drukkerij АЗБУКА