Lyt til lydversionen af denne artikel
negativt rum har længe været en hæfteklamme med godt design. At forlade hvidt rum omkring elementer i et design er det første, der normalt kommer til at tænke på. Men så er der designs, der bruger det hvide rum til at udlede et element, som faktisk ikke er der (pilen skjult mellem E og X på FedEx logo umiddelbart kommer til at tænke som et eksempel).
Den menneskelige hjerne er usædvanlig god til at udfylde de tomme felter i et billede, og skabe en helhed, der er større end summen af dens dele. Det er derfor, vi ser ansigter i ting som træ blade eller fortov revner.
dette princip er et af de vigtigste underliggende ideer bag gestaltprincipperne for visuel opfattelse., De mest indflydelsesrige tidlige forslag, der er skrevet om den teori, som blev offentliggjort af Max Wertheimer i hans 1923 Gestalt love, perceptuel organisation, selvom Wolfgang Köhler ‘ s 1920 diskussion af Fysisk Gestalten indeholder også mange indflydelsesrige ideer om emnet.
Uanset hvem der først foreslog, at ideer (der har været essays dating så langt tilbage som 1890), gestalt-principperne er et vigtigt sæt af ideer for enhver designer til at lære, og deres gennemførelse kan i høj grad forbedre ikke bare æstetik af et design, men også dens funktionalitet og brugervenlighed.,
I den enkleste form, gestalt teori er baseret på den idé, at den menneskelige hjerne vil forsøge at forenkle og organisere komplekse billeder eller mønstre, der består af mange elementer, som ubevidst arrangere dele i et organiseret system, der skaber en helhed, snarere end blot en serie af uensartede elementer. Vores hjerner er bygget til at se struktur og mønstre, så vi bedre kan forstå det miljø, vi lever i.,
Der er seks individuelle principper, der almindeligvis er forbundet med gestalt teori: lighed, fortsættelse, lukning, nærhed, figur/grund, og symmetri & for (også kaldet prägnanz). Der er også nogle yderligere, nyere principper, der undertiden er forbundet med gestalt, såsom fælles skæbne.
lighed
det er menneskets natur at gruppere som ting sammen. I gestalt er lignende elementer visuelt grupperet, uanset deres nærhed til hinanden. De kan grupperes efter farve, form eller størrelse., Lighed kan bruges til at binde sammen elementer, der måske ikke er lige ved siden af hinanden i et design.
selvfølgelig kan du gøre tingene forskellige, hvis du vil få dem til at skille sig ud fra mængden., Derfor er knapper til opkald til handling ofte designet i en anden farve end resten af en side—så de skiller sig ud og trækker den besøgendes opmærksomhed på den ønskede handling.
i U. – design gør brug af lighed det klart for dine besøgende, hvilke varer der er ens. For eksempel i en funktionsliste ved hjælp af gentagne designelementer (såsom et ikon ledsaget af 3-4 tekstlinjer), vil lighedsprincippet gøre det nemt at scanne gennem dem., I modsætning hertil får ændring af designelementerne til funktioner, du vil fremhæve, dem til at skille sig ud og giver dem større betydning i den besøgendes opfattelse.
selv ting, der er så enkle som at sikre, at links i hele et design formateres på samme måde, afhænger af princippet om lighed i den måde, dine besøgende opfatter organisationen og strukturen på dit .ebsted.
fortsættelse
kontinuitetsloven indebærer, at det menneskelige øje vil følge den glateste vej, når man ser linjer, uanset hvordan linjerne faktisk blev tegnet.,
denne fortsættelse kan være et værdifuldt værktøj, når målet er at guide en besøgendes øje i en bestemt retning. De vil følge den enkleste sti på siden, så sørg for, at de mest vitale dele, de skal se, falder inden for denne sti.,
da øjet naturligt følger en linje, vil Placering af genstande i en serie i en linje naturligvis trække øjet fra det ene emne til det næste. Vandrette skydere er et sådant eksempel, som er relaterede produktlister på sitesebsteder som Ama .on.
lukning
lukning er et af de fedeste gestaltprincipper og en jeg allerede rørte ved i begyndelsen af dette stykke. Det er tanken om, at din hjerne vil udfylde de manglende dele af et design eller billede for at skabe en helhed.
i sin enkleste form giver lukningsprincippet dit øje mulighed for at følge noget som en stiplet linje til sin ende., Men mere komplekse applikationer ses ofte i logoer, sådan som for Worldorld .ildlife Fund. Store bidder af konturen til pandaen mangler, men din hjerne har ikke noget problem med at udfylde de manglende sektioner for at se hele dyret.
lukning bruges ganske ofte i logodesign, med andre eksempler, herunder dem til USA-netværket, NBC, Sun Microsystems og endda Adobe.
et andet meget vigtigt eksempel på lukning på arbejdspladsen i U. – og UI-design er, når du viser et delvist billede, der falmer fra brugerens skærm for at vise dem, at der er mere at finde, hvis de stryger til venstre eller højre. Uden et delvist billede, dvs.,, hvis der kun vises fulde billeder, fortolker hjernen ikke straks, at der måske er mere at se, og derfor er din bruger mindre tilbøjelig til at rulle (da lukningen allerede er synlig).
nærhed
nærhed refererer til, hvor tætte elementer er til hinanden. Den stærkeste nære relationer, er dem mellem overlappende emner, men bare gruppering af objekter i et enkelt område kan også have en stærk proximity effect.
det modsatte er selvfølgelig også sandt., Ved at sætte mellemrum mellem elementer kan du tilføje adskillelse, selv når deres andre egenskaber er de samme.
Tag denne gruppe af netværk, for eksempel:
I UX-design, nærhed, er der oftest bruges for at få brugerne til at gruppere visse ting sammen uden brug af ting som hårde grænser. Ved at sætte lignende ting tættere sammen, med plads mellem hver gruppe, vil seeren straks afhente den organisation og struktur, du vil have dem til at opfatte.,
figur/jord
figur / jordprincippet ligner lukningsprincippet, idet det udnytter den måde, hjernen behandler negativt rum på. Du har sikkert set eksempler på dette princip flyde rundt i memes på sociale medier eller som en del af logoer (som det allerede nævnte fede. – logo).
din hjerne vil skelne mellem de objekter, den anser for at være i forgrunden af et billede (figuren eller brændpunktet) og baggrunden (det område, hvor figurerne hviler)., Hvor tingene bliver interessant er, når forgrunden og i baggrunden rent faktisk indeholder to forskellige billeder, som dette:
En enklere eksempel kan ses med dette billede af to ansigter at skabe en lysestage eller vase mellem dem:
generelt vil din hjerne fortolke det større område af et billede som jorden og jo mindre som figuren., Som vist på billedet ovenfor kan du dog se, at lysere og mørkere farver kan påvirke, hvad der ses som figuren, og hvad der ses som jorden.
Den figur/grund-princippet kan være meget praktisk, når produktet designere ønsker at fremhæve et samlingspunkt, især når det er aktiv eller i brug—for eksempel, når et modal vindue popper op, og resten af ejendommen, der fortoner sig i baggrunden, eller når en søgning bar er klikket på og kontrasten er forøget mellem det og resten af ejendommen.,
Symmetri og Orden
lov for symmetri og orden er også kendt som prägnanz, det tyske ord for “god figur.”Hvad dette princip siger, er, at din hjerne vil opfatte tvetydige former på en så enkel måde som muligt. For eksempel ses en monokrom version af Det Olympiske logo som en række overlappende cirkler snarere end en samling buede linjer.,
Her er et andet godt eksempel på gestalt design “- princippet prägnanz”:
Din hjerne vil opfatte billedet på venstre som en rektangel, en cirkel og en trekant, selv når konturerne af hvert, er ufuldstændige, fordi de er simplere former end det overordnede billede.
fælles skæbne
mens almindelig skæbne ikke oprindeligt var inkluderet i gestaltteori, er den siden blevet tilføjet. I U. – design kan dets anvendelighed ikke overses., Dette princip siger, at folk vil gruppere ting, der peger på eller bevæger sig i samme retning.
i naturen ser vi dette i ting som fugleflokke eller fiskeskoler. De består af en masse individuelle elementer, men fordi de bevæger sig tilsyneladende som en, grupperer vores hjerner dem sammen og betragter dem som en enkelt stimulus.
Dette er meget nyttigt i UX som animerede effekter bliver mere og mere udbredt i moderne design. Bemærk, at elementer faktisk ikke skal bevæge sig for at drage fordel af dette princip, men de skal give indtryk af bevægelse.
Gestalt-principper i U. – Design
Som med ethvert psykologisk princip kan det at lære at indarbejde gestalts visuelle opfattelsesprincipper i dit designarbejde i høj grad forbedre brugeroplevelsen., At forstå, hvordan den menneskelige hjerne fungerer og derefter udnytte en persons naturlige tendenser, skaber en mere problemfri interaktion, der får en bruger til at føle sig godt tilpas på et websiteebsted, selvom det er deres første besøg.Gestalt-principper er relativt lette at indarbejde i næsten ethvert design og kan hurtigt hæve et design, der virker tilfældigt, eller som om det kæmper for en brugers opmærksomhed på en, der tilbyder en problemfri, naturlig interaktion, der guider brugerne mod den handling, du vil have dem til at tage.