Gestaltprincipen Designteori för webbdesigners

Hur som människor se Våra mönster påverkar starkt menande att de tar bort från dem. Gestalt-principen undersöker dessa fenomen; Som sådan är det en av de grundläggande principerna som varje webbdesigner bör överväga när man rör sig genom designprocessen. Vi undersöker också hur förståelse av gestalt förbättrar ditt eget arbetsflöde!

Designteori och webbdesign

Att försöka komma fram till en bra och kreativ design kan tyckas lätt för någon som har deltagit i en designskola, men för de 90% av webbdesignersna där ute som aldrig deltog i någon designkurs eller skolan som oftast kommer från antingen utveckling eller i allmänhet icke-design bakgrunder. Frågan kvarstår fortfarande ... vad definierar verkligen en bra webbdesign? Är det bara talang? En person som har någon form av "speciellt" öga som vet vad som fungerar och vad gör det inte? Eller finns det logisk och vetenskaplig metod bakom allt detta som kan vägleda designers, kritiker och till och med kunder att komma fram till en bra design.

Detta är en del av en serie designteoriartiklar som guidar dig genom de grundläggande principerna i designprocessen. Vi kommer att fokusera på de viktigaste grundläggande idéerna som kan göra stora skillnader i den slutliga designen.

Gestalt-principen

Gestalt är ett tyskt ord som betyder "essensen eller formen av en enhets fullständiga form", och denna enda definition kan vara en av de viktigaste reglerna för design.

Ofta tenderar designers att fokusera på webbdesignens detaljer snarare än det övergripande utseendet. De fokuserar på böjda kanter, skuggor, teckensnitt ... etc. allt som är bra men kan inte riktigt göra skillnad om klienten inte tycker om designen vid första anblicken, vad de flesta inte förstår är att hjärnan först ser övergripande form av vilken design som helst, börjar sedan fokusera på och se detaljerna ...

Ta en titt på det här exemplet bilden ...

Vid ett första ögonblick ser du ett par gammalas huvud, men närmare tittar börjar du se detaljerna (som vissa kanske inte ens märker först) som utgör dessa bilder och du börjar se en helt annan bild.

Låt oss nu pröva något för att se hur detaljerna verkligen spelar ingen roll, ta en titt på dessa 2 exempel:

Vid första anblicken kan dessa 2 bilder vara identiska; men det finns 5 subtila skillnader i detaljer som har mycket liten inverkan på hela "designen"

  1. Den svarta fågeln längst upp till vänster ser motsatt riktning
  2. Mannen på vänster sombrero (hatt) är annorlunda
  3. Människans käpp är vänd och lite mörkare
  4. Trottoaren tegelstenar längst ner till höger är större i 2: a bilden
  5. Kvinnan ser i motsatt riktning

Nu har ingen av dessa förändringar verkligen haft någon inverkan på bildens övergripande utseende ... låt oss se ett annat vanligt exempel:

Dessa är 2 versioner av Volkswagen Beetle, modellerna 1937 och 1973, och trots flera stora förändringar i design detaljerna under 4 årtionden, är designen i allt väsentligt densamma. Detta beror på hur våra hjärnor fungerar, vi ser hela bilder och definierar hela formuläret mycket snabbare och enklare än att se eller märka förändringar i detaljer.

Om vi ​​tittar på ovanstående bild som visar en dalmatisk hund sniffar marken i skuggan av överhängande träd. Hunden känns inte igen genom att man först identifierar sina delar (fötter, öron, näsa, svans osv.) Och sedan avleda hunden från dessa delar. I stället uppfattas hunden som en helhet, på en gång.

Samma händer med varje enskild webbdesign vi skapar, designen uppfattas aldrig genom att identifiera dess delar (Header, Navigation, Innehåll, knappar, flikar etc.). Designen uppfattas som en helhet vid första anblicken.

När jag var tillbaka på college summerade en av mina professorer detta i en enkel mening, sade han "om du ser en design som den, bestäm då dig för att arbeta med att justera detaljer, då vet du att det är en bra design, men om du börja justera först för att försöka göra dig som den ... då vet du att det är en dålig design ... slösa inte din tid på att försöka fixa den ... bara ändra den som helhet ", förstod denna professor den magiska nyckeln i vilken design som helst ... vi se saker som helhet, inte som summan av dess delar.

Fråga någon i världen att dra Big Ben eller Eiffeltornet eller Giza-pyramiderna ... de skulle alla vara överens om den övergripande formen av varje landmärke, för det är dock annorlunda vi kan se dessa landmärken (besöker, i bilder, i en film, i en resebroschyr ... etc.) vi alla ser samma definierande form.

Använda Gestalt-principen för webbdesign arbetsflödet

Nedan följer några webbexemplar och deras respektive layoutsilhouetter. Silhuettvyn är vad hjärnan identifierar som sidformen. Att försöka ändra något annat än huvudformen kommer att resultera mer eller mindre i samma design ... och gå tillbaka till din klient med samma design efter att ha begärt ändringar kommer att göra att klienten känner att ingenting har gjorts.

... designen kommer att likna tills du har ändrat strukturella gestalt.

Du kommer bli förvånad över hur många designers gör detta misstag och undrar varför klienten fortfarande hatar en design eller känner ingenting har ändrats eller lagts till, trots att de har arbetat outtröttligt på att förbättra de enskilda elementen.

Okej, låt oss titta på några mönster och deras silhuetter:

Vanligtvis klibbar den säkra och generellt kvadratliknande designen (som i de 4 bottenlayouterna från exemplen ovan) resulterar i en vanlig design, inget väldigt kreativt. Försök alltid experimentera med "innehållet skal" av din design. Försök rotera lådan några grader eller skär ut och byta en av hörnen ... allt detta lägger till din designs unikhet och kreativitet.

Du bör alltid börja med behållaren, eller det övergripande strukturella skalet på en design; Glöm detaljerna och de enskilda komponenterna för nu.

När det är klart och du och kunden är nöjda med strukturen, ta tag i dina trådramar och börja arbeta med detaljerna. Du kommer bli förvånad över hur många gånger en design slutar som en snyggt färgad trådram när du börjar inifrån. Jag har sett flera designers som arbetar på sidhuvudet och navigeringen först och börjar sedan lägga ut komponenterna och innan du vet det har du en snyggt fylld och snygg färgad sida full av innehåll som kan vara ur ett användbarhetsperspektiv välplacerat och korrekt, Men från ett designperspektiv skulle det aldrig vara kreativt eller sticka ut.

Tänk på din design som en chokladtäckt jordnöt, om du börjar med jordnöten, från insidan ut, kommer det yttre skiktet som alla ser (chokladskiktet) alltid att bero på jordnötsformen och du får liten kontroll över resultatet.

Men om du behandlar din design som ett chokladägg, arbetar först på det yttre lagret och formar det som du önskar - passar ditt inre innehåll för att matcha skalet, så spelar det ingen roll vad du fyller på med Var alltid den äggform som du tänkte.