Designprinciper Gestalt är en uppsättning grundläggande principer som beskriver hur människor uppfattar och organiserar designelement i sammanhängande och ordnade strukturer. När ditt första intryck av en design är positivt, när du instinktivt uppfattar designen som bra, beror det troligen på en eller flera gestaltprinciper för perception. När du tittar på en design och beundrar en eller två delar av den, är chansen stor att de motsvarar en eller flera gestaltprinciper.

En av de bästa sakerna du kan göra som designer är att studera dessa principer och förstå vad de säger oss om hur människor uppfattar visuella objekt och arrangemanget av visuella objekt.

Att förstå gestaltprinciperna kommer att ge dig mer kontroll över din design, skapa en mer harmonisk design och öka sannolikheten för att ditt budskap kommer att förmedlas till din publik.

Vad är Gestaltdesignprinciper?

När människor tittar på en målning, en webbsida eller någon komplex kombination av element, ser vi helheten innan vi ser de enskilda delarna som utgör helheten. Tanken på att se helheten före delarna och till och med mer än att helheten blir mer än summan av dess delar är gestalt.

Det tyska ordet gestalt kan översättas som "form" eller "form", och termen syftar på hur visuell input uppfattas av människor. Gestaltpsykologi grundades av Max Wertheimer och utökades av andra författare med tiden.

Wertheimers ursprungliga observation var att vi uppfattar rörelse när det inte finns något annat än en snabb följd av individuella sensoriska händelser, som en serie blinkande ljus i följd. Föreställ dig en rad julbelysning. Varje lampa tänds och släcks sekventiellt längs strängen. Vi ser ljus röra sig från ena änden av tråden till den andra, även om ingenting rörde sig i verkligheten.

Vi ser något som inte riktigt finns där, och Wertheimers förklaring är att vi ser effekten av hela händelsen, som inte nödvändigtvis finns i summan av delarna.

Det enklaste sättet att förstå Gestalt är att titta på de olika principerna.

Gestaltdesignprinciper

Det finns många principer för gestalt, varav de flesta kan förklaras i en eller två meningar. Många av principerna nedan kan beskrivas utförligt, och jag skulle uppmuntra dig att studera dem vidare.

Jag har försökt tillhandahålla länkar till andra resurser för att komma igång med din forskning, och jag har också listat några resurser i slutet av det här inlägget. Betrakta följande introduktion till var och en av principerna som anges.

Ritning / Jord

Element uppfattas som antingen en figur (fokuselementet) eller en mark (bakgrunden som figuren sitter på).

Gestalt 2 designprinciper

Det klassiska exemplet på figur/mark är bilden till vänster. Ser du en svart vas på vit bakgrund eller två vita ansikten i profil som sitter på en svart bakgrund?

Det första folk kommer att göra när de tittar på din design är att bestämma vad som är figur och vad som är polerat i din komposition. I de flesta fall sker denna bestämning snabbt och undermedvetet.

Ritning/Jord låter oss veta vad vi ska fokusera på och vad vi säkert kan ignorera i en komposition.

Fyrkant. Gestaltdesignprinciper

Figuren visar det minsta av två överlappande objekt. Den större anses vara mark.

Figuren visar det minsta av två överlappande objekt.

På bilden ovan ser du förmodligen en mindre fyrkant som mönster i båda fallen. Du kan se en mörk figur med ett hål på en ljusare bakgrund i bilden till höger, som bygger på att mörkare föremål oftare dyker upp som en figur med ljusare områden som marken. Gestaltdesignprinciper

likhet

Liknande saker uppfattas som mer relaterade än olika saker.

Gestalt 4 designprinciper

I bilden ovan grupperar du utan tvekan objekten i en kvadrat eller cirkel på grund av likheten i form eller form.

Genom upprepning av färg, storlek, orientering, textur font, former osv. Vi kan skapa element för att få dem att verka mer sammankopplade. Tänk på länkarna i ditt innehåll. Genom att antyda att de alla är blå och markerade skickar de tydligt meddelandet till tittaren att de är släkt.

Genom upprepning av färg, storlek, orientering, teckensnittsstruktur, form etc. Vi kan skapa element för att få dem att verka mer sammankopplade.

Färg har använts ovan för att indikera likheter i bilden ovan. Du bör se omväxlande kolumner med svarta och röda rutor. Varje kolumn bestäms av likheten i färg på cirklarna som utgör kolumnen.

Isomorfi. Gestaltdesignprinciper

En likhet som kan vara beteendemässig eller perceptuell och kan vara ett svar baserat på tittarens tidigare erfarenhet. Tänk på icke-visuella likheter.

Enhetlig anslutning (enhetslag)

Element som har en visuell koppling upplevs som mer anslutna än element utan koppling.

Gestalt 6 designprinciperElement som har en visuell koppling upplevs som mer anslutna än element utan koppling.

Om du tittar på bilden till vänster ser du två kvadrater och två rektanglar. När du tittar på bilden till höger ser du två objekt som vardera består av en kvadrat och en cirkel. Cirkeln och kvadraten är förbundna med en linje mellan dem. Enhetlig koherens är viktigare än likhet här.

Kontinuitet

Element som ligger på en linje eller kurva uppfattas som mer sammanlänkade än element som inte ligger på en linje eller kurva. Gestaltdesignprinciper

Element som ligger på en linje eller kurva uppfattas som mer sammanlänkade än element som inte ligger på en linje eller kurva.

På bilden ovan bör du se en böjd linje med en vertikal linje som löper genom den. Här är fortsättningen starkare än färglikheten. Röda cirklar på en krökt linje är mer relaterade till svarta cirklar på samma kurva än till röda cirklar på en vertikal linje. Gestaltdesignprinciper

Utgående

När vi tittar på ett komplext arrangemang av enskilda element tenderar vi att leta efter ett igenkännbart mönster.

Gestalt 8 designprinciper

Ditt första intryck när du tittar på bilden ovan är troligen en kvadrat, även om bilden består av fyra raka linjer. Vi fyller i den information som saknas för att skapa ett enda igenkännbart mönster.

Anslutning. Gestaltdesignprinciper

Saker som ligger nära varandra upplevs som mer sammankopplade än saker som ligger längre ifrån varandra.

Saker som ligger nära varandra upplevs som mer sammankopplade än saker som ligger längre ifrån varandra.

Du bör se tre grupper av svarta och röda cirklar ovanför. Närhet, den relativa närheten av cirklar, är starkare än likheten mellan färger. I en större komposition kommer färglikheten fortfarande att förmedla information om föremålen på grund av likheterna mellan dem.

Gemensamt öde (synkronicitet). Gestaltdesignprinciper

Element som rör sig i samma riktning upplevs som mer sammankopplade än element som är stationära eller rör sig i olika riktningar. Element som ändras samtidigt grupperas tillsammans.

Element som rör sig i samma riktning upplevs som mer sammankopplade

I animationen ovan ser du två uppsättningar med tre cirklar vardera istället för en uppsättning med sex cirklar på grund av deras delade rörelse eller delade öde.

Föreställ dig att i animationen ovan rör sig inte cirklarna, utan tre av dem byter färg mellan blått och rött. Du kommer fortfarande att se två grupper med cirklar, men det kommer att baseras på ändringen färger, och inte på att ändra sin rörelse. Ett gemensamt öde väntar dem i alla fall. Gestaltdesignprinciper

symmetri

Tanken att när vi uppfattar föremål tenderar vi att uppfatta dem som symmetriska former som bildas runt deras centrum.

Tanken att när vi uppfattar föremål tenderar vi att uppfatta dem som symmetriska former som bildas runt deras centrum.

Du ser förmodligen tre uppsättningar av öppnings- och stängningsparenteser i bilden ovan. Här är symmetrisk balans starkare än intimitet.

Parallellism

Element som är parallella med varandra verkar mer sammankopplade än element som inte är parallella med varandra.

Gestalt 10 designprinciper

De tre parallella linjerna ovan bör verka mer sammankopplade med varandra än med någon av de andra linjerna.

Allmän region

Element tenderar att grupperas om de är i samma inneslutna område.

Element tenderar att grupperas om de är i samma inneslutna område.

Vi har tidigare sett hur de växlande färgerna får det att se ut som att det finns 5 kolumner med cirklar. Nu, efter att ha ramat in några cirklar, ser vi två olika grupper av cirklar.

Att lägga till en ram (ett övergripande område) runt ett element eller en grupp av element är ett enkelt sätt att separera det från omgivande element.

Tidigare erfarenhet. Gestaltdesignprinciper

Föremål tenderar att grupperas om de ofta har grupperats tillsammans i observatörens tidigare erfarenheter.

Tidigare erfarenheter kan vara individuella eller gemensamma för de flesta av oss.

Brännpunktslag

En intressant punkt, betoning eller skillnad kommer att locka och hålla kvar tittarens uppmärksamhet /

Gestaltdesignprinciper Lagen om brännpunkt

När du ser Kandinsky-målningen ovan kommer du med största sannolikhet först att lägga märke till den mörka cirkulära formen i det övre vänstra hörnet. Detta är fokuspunkten och därför ingången till målningen. Fokuspunkten drar till sig din uppmärksamhet, och därifrån flyter din uppmärksamhet till andra delar av bilden.

Pranantz lag (bra figur, enkelhetens lag)

Människor kommer att uppfatta och tolka tvetydiga eller komplexa bilder som den enklaste möjliga formen.

Prananz lag

Formen ovan är överlag tvetydig och komplex. Du kommer sannolikt att se att den består av tre enkla former: en kvadrat, en cirkel och en triangel. Dessa former kan tydligt ses genom att tilldela en annan färg under var och en. Gestaltdesignprinciper

Du kommer med största sannolikhet att se att den består av tre enkla former: en kvadrat, en cirkel och en triangel.

Ytterligare tankar om gestaltprinciper

Ibland är två gestaltprinciper på spel, även om en kommer att dominera vår uppfattning. Jag har försökt påpeka detta i några av bilderna ovan där en gestaltprincip är dominerande, som bilden av intimitet ovan. Både likhet och närhet finns, men närhet är den starkare principen i det här fallet, varför du ser tre grupper av cirklar istället för sex kolumner med cirklar.

Gestaltprinciper är en uppsättning verktyg till ditt förfogande för att vägleda hur din design uppfattas.

Uppfattningen någon får när man tittar på din design är i slutändan vad du säger till dem. Lär dig att kontrollera gestaltens principer och du kommer att lära dig att kommunicera genom din design. Gestaltdesignprinciper

Gestaltprinciper hjälper oss att designa bättre och hjälper oss att förstå om ett element behövs eller inte. De hjälper dig att se var element ska placeras på sidan, hur de ska grupperas, vilka element som ska ha samma färg eller storlek och vilka inte. Gestaltprinciper hjälper dig att avgöra vilka element som måste finnas i en ram och vilka element som helt enkelt behöver mer utrymme mellan dem.

När du börjar förstå hur andra kommer att uppfatta dina element, kommer du att ha mer kontroll över dina mönster och du kommer att bli en bättre designer. Ta dig tid att ytterligare utforska gestaltprinciperna för perception. Bläddra bland mönster du gillar och se hur gestalt fungerar i dem.

Undersök ditt eget arbete för att se hur du redan införlivar gestaltprinciper i dina designs och vilka du inte gör men borde.

 

Tryckeri АЗБУКА