Share
Måten som folk se våre design påvirker sterkt betydning at de tar bort fra dem. Gestalt-prinsippet undersøker dette fenomenet; Som sådan er det et av de grunnleggende prinsippene som hver webdesigner bør vurdere når de beveger seg gjennom designprosessen. Vi undersøker også hvordan forståelse av gestalt vil forbedre din egen arbeidsflyt!
Å forsøke å komme frem med en god og kreativ design kan virke lett for noen som har gått på en designskole, men for de 90% av webdesignerne der ute som aldri deltok i et designkurs eller skole som kommer for det meste fra enten utvikling eller generelt ikke-design bakgrunner. Spørsmålet er fortsatt ... hva definerer egentlig et godt webdesign? Er det bare talent? En person som har noen slags "spesielt" øye som vet hva som fungerer og hva gjør det ikke? Eller er det logisk og vitenskapelig metodikk bak alt dette som kan lede designere, kritikere og til og med klienter til å komme opp med en flott design.
Dette er en del av en serie designteoriartikler som vil lede deg gjennom de grunnleggende prinsippene i designprosessen. Vi vil fokusere på de viktigste grunnleggende ideene som kan gjøre store forskjeller i det endelige designet.
Gestalt er et tysk ord som betyr "essens eller form av en entitetets komplette form", og denne enkeltdefinisjonen kan være en av de viktigste utformingsregler.
Oftere enn ikke, har designere en tendens til å fokusere på webdesignets detaljer i stedet for det generelle utseendet. De fokuserer på buede kanter, skygger, skrifter ... osv. Alt som er bra, men kan egentlig ikke gjøre noen forskjell hvis klienten ikke liker designen ved første øyekast, det folk flest ikke forstår er at hjernen først ser generell form av ethvert design, så begynner å fokusere på og se detaljene ...
Ta en titt på dette eksempelbildet ...
Ved første øyekast ser du et par gamle hoveder, men ser nærmere på deg, begynner du å se detaljene (som noen kanskje ikke engang merker først) som utgjør disse bildene, og du begynner å se et helt annet bilde.
La oss nå prøve noe for å se hvordan detaljer virkelig spiller ingen rolle, ta en titt på disse 2 eksemplene:
Ved første øyekast kan disse 2 bildene virke identiske; men det er 5 subtile forskjeller i detaljene som har svært lite innvirkning på hele "design"
Nå har ingen av disse endringene hatt noen innvirkning på bildetes generelle utseende ... la oss se et annet vanlig eksempel:
Disse er 2 versjoner av Volkswagen Beetle, 1937 og 1973-modellene, og til tross for flere store endringer i designdetaljer i løpet av 4 tiår, er designen i det vesentlige det samme. Dette skyldes hvordan hjernen fungerer, vi ser hele bildene og definerer hele skjemaet mye raskere og lettere enn å se eller merke til endringer i detaljer.
Hvis vi ser på bildet ovenfor, som skildrer en dalmatisk hund, snu jorden i skyggen av overhengende trær. Hunden er ikke kjent ved først å identifisere sine deler (føtter, ører, nese, hale, etc.), og deretter utlede hunden fra de komponentene. I stedet blir hunden oppfattet som en helhet, alt på en gang.
Det samme skjer med hver enkelt webdesign vi lager, designen blir aldri oppfattet ved å identifisere delene (Header, Navigation, Content, Buttons, tabs ... etc.). Designet oppfattes som en helhet ved første øyekast.
Da jeg var tilbake på college, oppsummerte en av mine professorer dette i en enkel setning, sa han "Hvis du ser et design som det, så bestem deg for å jobbe med å justere detaljer, så vet du det er en god design, men hvis du begynn å justere først for å prøve å gjøre deg som den ... så vet du at det er en dårlig design ... ikke kast bort tiden din prøver å fikse det ... bare endre det som en helhet ", forsto denne professoren den magiske nøkkelen i ethvert design ... vi se ting som helhet, ikke som summen av delene.
Spør noen i verden til å tegne Big Ben eller Eiffeltårnet eller Giza-pyramidene ... de ville alle være enige om den generelle formen til hvert landemerke, men uansett kan vi se disse landemerkene (besøk, i bilder, i en film, i en reise brosjyre ... etc.) vi alle ser samme definerende form.
Nedenfor er noen web-eksempler og deres respektive layoutsilhouetter. Silhuettvisningen er hva hjernen identifiserer som sideformen. Hvis du prøver å endre noe annet enn hovedformen, vil det resultere mer eller mindre i samme design ... og gå tilbake til klienten din med samme design etter at de har bedt om endringer, gjør at klienten føler at ingenting er gjort.
... designet vil se ut til du har endret den strukturelle gestalten.
Du vil bli overrasket over hvor mange designere som gjør denne feilen og lurer på hvorfor klienten fortsatt hater et design eller føler at ingenting er blitt endret eller lagt til, selv om de har jobbet utrettelig med å forbedre de enkelte elementene.
OK, la oss se på noen få mønstre og deres silhuetter:
Vanligvis stikker du til den trygge og generelt firkantede designen (som i de 4 bunnoppsettene fra eksemplene ovenfor), som vil resultere i en vanlig design, ikke noe veldig kreativt. Prøv å alltid eksperimentere med "inneholdende skall" av designet. Prøv å rotere boksen noen få grader eller kutte ut og endre et av hjørnene ... alt dette legger til designets unikhet og kreativitet.
Du bør alltid starte med beholderen, eller det overordnede strukturelle skallet til et design; Glem detaljer og individuelle komponenter for nå.
Når det er gjort, og du og kunden er fornøyd med strukturen, ta tak i wireframes og begynn å jobbe med detaljene. Du vil bli overrasket over hvor mange ganger et design ender med en pent farget wireframe når du starter fra innsiden ut. Jeg har sett flere designere som arbeider på topptekst og navigering først, og begynner å legge ut komponentene, og før du vet det, har du en pent pakket og pent farget side full av innhold som kan være fra et bruksperspektiv som er godt plassert og riktig, men fra et designperspektiv ville det aldri være kreativt eller skille seg ut.
Tenk på designen som en sjokoladedekket peanut, hvis du starter med peanøtten, fra innsiden ut, vil det ytre laget som alle ser (sjokoladelaget) alltid avhenge av peanutformen, og du får liten kontroll på resultatet.
Men hvis du behandler ditt design som et sjokoladeegg, jobber først på det ytre laget og formar det som du ønsker - tilpasser ditt indre innhold for å matche skallet, så spiller det ingen rolle hva du fyller på med, designet vil Vær alltid den eggformen du hadde til hensikt.
Accentsconagua