du vil Lytte til lyd-versjon av denne artikkelen
Negative rommet har lenge vært et fast innslag på god design. Forlater hvitt område rundt elementene i en design er det første som vanligvis kommer til hjernen. Men så er det design som bruker det hvite plass til å utlede et element som ikke er det (pilen skjult mellom E og X i FedEx-logoen kommer umiddelbart til å tenke på som et eksempel).
Den menneskelige hjerne er svært god på å fylle ut det som mangler i bildet og skaper en helhet som er større enn summen av dens deler. Det er derfor vi ser ansikter i ting som løv eller fortauet sprekker.
Dette prinsippet er en av de viktigste underliggende ideene bak gestalt prinsipper for visuell persepsjon., Den mest innflytelsesrike tidlig forslaget skrevet om teorien ble publisert av Max Wertheimer i hans 1923 Gestalt lover perseptuell organisering, selv om Wolfgang Köhler ‘ s 1920 diskusjon av Fysiske Gestalten inneholder også mange innflytelsesrike ideer om temaet.
Uavhengig av hvem som først foreslo ideer (det har vært essays dateres så langt tilbake som 1890), gestalt prinsipper er et viktig sett av ideer for alle designer til å lære, og deres implementering i stor grad kan forbedre ikke bare estetikken i et design, men også dens funksjonalitet og brukervennlighet.,
I enkleste form, gestalt teori er basert på ideen om at den menneskelige hjernen vil forsøke å forenkle og organisere komplekse bilder eller design som består av mange elementer, som ved ubevisst å arrangere delene i et organisert system som skaper en helhet, heller enn bare en rekke ulike elementer. Hjernen vår er bygget for å se struktur og mønstre i orden for oss å bedre forstå miljøet som vi lever i.,
Det er seks individuelle prinsipper ofte forbundet med gestalt teori: likhet, vidareføring, avslutning, nærhet, figur/grunn, og symmetri & for (også kalt prägnanz). Det er også noen flere, nyere prinsipper, noen ganger assosiert med gestalt, for eksempel felles skjebne.
Likhet
Det er menneskets natur å gruppere like ting sammen. I gestalt, lignende elementer er visuelt gruppert, uavhengig av deres nærhet til hverandre. De kan være gruppert etter farge, form eller størrelse., Likheten kan brukes til å binde sammen elementer som kanskje ikke er rett ved siden av hverandre i et design.
selvfølgelig, du kan gjøre ting ulikt hvis du ønsker å gjøre dem skiller seg ut fra mengden., Det er derfor knappene for samtaler til handling, er ofte utformet i en annen farge enn resten av siden, slik at de skiller seg ut og trekke den besøkendes oppmerksomhet til ønsket handling.
I UX-design, ved hjelp av likheten gjør det klart for dine besøkende, hvilke elementer som er like. For eksempel, i listen ved hjelp av gjentatte design-elementer (for eksempel et ikon ledsaget av 3-4 linjer av tekst), og likheten prinsippet ville gjøre det enkelt å søke gjennom dem., I kontrast, endre design elementer for funksjoner du ønsker å markere gjør dem skiller seg ut og gir dem mer betydning i den besøkendes oppfatning.
Selv ting så enkelt som å sørge for at koblinger gjennom en design som er formatert på samme måte baserer seg på prinsippet om likhet i måten de besøkende vil oppfatte organisasjonen og strukturen på nettstedet.
Videreføring
lov av kontinuitet angir at det menneskelige øyet vil følge den enkleste veien når du viser linjer, uavhengig av hvordan linjene ble faktisk trukket.,
Denne fortsettelsen kan være et verdifullt verktøy når målet er å lede en besøkendes øyne i en bestemt retning. De vil følge den enkleste banen på siden, så sørg for at de mest vitale deler de skal se, faller innenfor denne banen.,
Siden øyet naturlig følger en linje, og du kan plassere elementer i en serie i en linje, vil naturlig trekke øyet fra ett element til neste. Horisontale glidere er et slikt eksempel, som er relatert produkt oppføringer på nettsteder som Amazon.
Nedleggelse
Nedleggelse er en av de kuleste gestalt prinsipper og en jeg allerede har berørt på begynnelsen av dette stykket. Det er ideen om at hjernen din vil fylle ut de manglende deler av et design eller bilde for å skape en helhet.
I sin enkleste form er prinsippet om stenging lar ditt øye å følge noe som en stiplet linje til slutten., Men mer komplekse applikasjoner er ofte sett i logoer, som for World Wildlife Fund. Store deler av disposisjonen for panda mangler, men hjernen har ikke noe problem å fylle ut de manglende delene for å se hele dyr.
Nedleggelse er ganske ofte brukt i logoen, med andre eksempler også for USA Nettverk, NBC, Sun Microsystems, og selv Adobe.
en Annen svært viktig eksempel på avslutning på arbeidet i UX og UI design er når du viser et delvis bilde falming av brukerens skjermen for å vise dem at det er mer å finne om de sveip til venstre eller høyre. Uten et delvis bilde, dvs., hvis bare full bilder som er vist, hjernen ikke umiddelbart tolke at det kan være mer å bli sett, og derfor bruker er mindre sannsynlighet for å bla (siden nedleggelsen er allerede tydelig).
Nærhet
Nærhet refererer til hvor nær elementer til en annen. Den sterkeste nærhet relasjoner er de mellom overlappende fag, men bare gruppering av objekter i ett område kan også ha en sterk nærhet effekt.
Det motsatte er også sant, selvfølgelig., Ved å sette mellomrom mellom elementer, kan du legge til separasjon selv når deres andre egenskaper er de samme.
Ta denne gruppen av sirkler, for eksempel:
I UX-design, nærhet er som oftest brukt for å få brukere til å konsernet visse ting sammen uten bruk av ting som er vanskelig grenser. Ved å sette liker ting som er nærmere sammen, med plass i mellom hver gruppe, og betrakteren vil umiddelbart plukke opp på organisering og struktur du vil ha dem til å oppfatte.,
Figur/Bakken
figur/bakken prinsippet er lik den nedleggelse prinsippet i at det tar nytte av måten hjernen prosesser negative rommet. Du har sikkert sett eksempler på dette prinsippet flyter rundt i memer på sosiale medier, eller som en del av logoer (som FedEx-logoen som allerede er nevnt).
hjernen Din vil skille mellom objekter, for det mener å være i forgrunnen av et bilde (figur, eller focal point) og bakgrunn (området som tallene resten)., Hvor ting blir interessant er når forgrunnen og bakgrunnen inneholder faktisk to forskjellige bilder, slik som dette:
Et enklere eksempel kan sees med dette bildet, av to ansikter lage en lysestake eller vase mellom dem:
I de generelle vilkår, hjernen vil tolke større område av et bilde som bakken og mindre som figuren., Som vist i bildet ovenfor, men du kan se at lysere og mørkere farger kan påvirke hva som er sett på som figur og hva som er sett på som den bakken.
figur/bakken prinsippet kan være svært nyttig når produktet designere ønsker å markere et midtpunkt, spesielt når den er aktiv eller i bruk—for eksempel, når et modalt vindu dukker opp, og resten av nettstedet blekner i bakgrunnen, eller når et søk bar som er klikket på, og kontrasten er økt mellom den og resten av nettstedet.,
Symmetri og Orden
lov av symmetri og orden er også kjent som prägnanz, det tyske ordet for «god figur.»Hva er dette prinsippet sier at hjernen din vil oppfatte tvetydige former i så enkel måte som mulig. For eksempel, en svart-hvitt versjon av Ol-logoen er sett på som en serie av overlappende sirkler, snarere enn en samling av buede linjer.,
Her er et annet godt eksempel på gestalt-prinsipp «prägnanz»:
Din vil hjernen tolke bildet på venstre som et rektangel, sirkel og trekant, selv når konturene av hver er ufullstendige, fordi de er enklere former enn det generelle bildet.
Felles Skjebne
Mens felles skjebne var opprinnelig ikke inkludert i gestalt teori, det har siden blitt lagt til. I UX-design, nytteverdien kan ikke bli oversett., Dette prinsippet sier at folk vil gruppere sammen ting som peker til eller beveger seg i samme retning.
I naturen, vi kan se dette i ting som flokker av fugler eller skoler av fisk. De er satt sammen av en rekke enkeltelementer, men fordi de beveger seg tilsynelatende som en, våre hjerner gruppere dem sammen og vurdere dem en enkelt stimulus.
Dette er svært nyttig i UX som animerte effekter bli mer utbredt i moderne design. Vær oppmerksom på at elementer som ikke faktisk må bevege seg for å dra nytte av dette prinsippet, men de har for å gi inntrykk av bevegelse.
Gestalt Prinsipper i UX-Design
Som med alle psykologiske prinsipp, lære å innlemme den visuelle oppfatning prinsipper for gestalt i ditt design arbeid i stor grad kan forbedre brukeropplevelsen., Forstå hvordan den menneskelige hjerne fungerer og deretter å utnytte en persons naturlige tendenser skaper en mer sømløs samhandling som gjør at brukeren føler deg komfortabel på en nettside, selv om det er deres første besøk.
Gestalt prinsipper, er relativt lett å innlemme i omtrent alle design og kan raskt heve en utforming som virker tilfeldig, eller som det er å kjempe for et brukerens oppmerksomhet til en som tilbyr en sømløs, naturlig interaksjon som guider brukerne mot den handlingen du vil ha dem til å ta.