Negatiivne ruum on pikka aega olnud hea disaini põhiosa. Esimene, mis pähe tuleb jätta kujunduse elementide ümber tühi koht. Kuid siis on kujundusi, mis kasutavad seda tühimikku, et järeldada elementi, mida tegelikult pole (FedExi logo E ja X vahel peidetud nool tuleb kohe näiteks).

FedExi logos olevad tähed 'E' ja 'x' loovad nool nende vahele negatiivsesse ruumi.

Inimese aju on erakordselt hea pildi tühimike täitmisel ja terviku loomisel, mis on suurem kui selle osade summa. Seetõttu näeme nägusid näiteks puulehtedes või kõnniteede pragudes.

See põhimõte on Gestalti visuaalse taju põhimõtete taga üks olulisemaid alusideid. Teooria kohta kirjutatud kõige mõjukama esialgse ettepaneku avaldas Max Wertheimer oma 1923. aasta tajuorganisatsiooni seadustes, ehkki Wolfgang Köhleri ​​1920. aasta arutelu füüsilise Gestalteni kohta sisaldab ka palju mõjukaid ideid sellel teemal.

Hoolimata kes ideed esimesena välja pakkus (on olnud esseid, mis pärinevad aastast 1890), on Geštalti põhimõtted kõigi jaoks olulised ideed disainer õppida ja selle rakendamine võib oluliselt parandada mitte ainult disaini esteetikat, vaid ka selle funktsionaalsust ja kasutusmugavust.

Kõige lihtsamalt öeldes põhineb Gestalti teooria ideel, et inimese aju püüab lihtsustada ja korrastada paljudest elementidest koosnevaid keerukaid kujundeid või kujundusi, organiseerides osad alateadlikult organiseeritud süsteemi, mis loob terviku, mitte terviku. vaid rida erinevaid elemente. Meie aju on loodud nägema struktuuri ja mustreid, et saaksime paremini mõista keskkonda, kus elame.

Gestalti teooriaga on tavaliselt seotud kuus põhimõtet: sarnasus , jätkamine , sulgemine , lähedus , Joonise taust , Y sümmeetria ja järjekord (nimetatud ka lühidalt ). Mõnikord on geštaltiga seotud ka mõned uuemad lisapõhimõtted, näiteks ühine saatus .

Sarnasus

Inimeste loomuseks on sarnaste asjade rühmitamine. Gestaltis on sarnased esemed visuaalselt rühmitatud, sõltumata nende lähedusest üksteisele. Seda saab rühmitada värvi, kuju või suuruse järgi. Sarnasus saab kasutada elementide ühendamiseks, mis ei pruugi olla lähestikku. teine ​​teisele kujunduses.

Siinsed ruudud on kõik võrdselt paigutatud ja sama suurusega, kuid me rühmitame need automaatselt värvide järgi, ehkki nende paigutamiseks pole riimi ega põhjust.

Muidugi saate asju muuta, kui soovite, et need eristuksid teiste seast. Seetõttu on tegevusele kutsuvad nupud kujundatud sageli erineva värviga kui ülejäänud leht, nii et need paistavad silma ja tõmbavad külastaja tähelepanu soovitud toimingule.

UX-disainis teeb sarnasuse kasutamine külastajatele selgeks, millised elemendid on samad. Näiteks funktsioonide loendis, mis kasutab korduvaid kujunduselemente (näiteks ikooni, millele on lisatud 3-4 rida teksti), muudaks sarnasuse põhimõte skannimise lihtsaks. Vastupidi, disainielementide vahetamine esiletõstetavate funktsioonide vastu muudab need silma paistma ja annab neile suurema tähtsuse külastaja tajus.

Isegi nii lihtsad asjad nagu paigutuse linkide ühesuguse vormingu tagamine põhinevad sarnasuse põhimõte viisil, kuidas külastajad teie saidi organisatsiooni ja struktuuri tajuvad.

Jätkamine

The järjepidevuse seadus väidab, et inimsilm läheb joonte vaatamisel kõige sujuvamat rada, olenemata sellest, kuidas jooned tegelikult tõmmati.

Silm kipub tahtma järgida sirgjoont selle joonise ühest otsast teise ja kõverat joont ülevalt alla, isegi kui jooned muudavad keskelt värvi.

See jätkamine võib olla väärtuslik tööriist, kui selle eesmärk on suunata külastaja pilku teatud suunas. Nad lähevad lehel kõige lihtsamat rada pidi, seega veenduge, et kõige olulisemad osad, mida nad peaksid nägema, jäävad sellele teele.

Kuna silm järgib loomulikult joont, tõmbab rea elementide paigutamine joonele tähelepanu ühelt elemendilt teisele. Horisontaalsed liugurid on üks selline näide, nagu ka seotud toodete loendid sellistel saitidel nagu Amazon.

Sulgemine

Sulgemine See on üks Geštalti lahedamaid põhimõtteid ja seda, mida ma juba selle tüki alguses puudutasin. Idee on see, et teie aju täidab terviku loomiseks kujunduse või pildi puuduvad osad.

Lihtsamas vormis võimaldab sulgemispõhimõte teie silmal jälgida punktiirjoone taolist lõpuni. Kuid logodel nähakse sageli keerukamaid rakendusi, nagu näiteks Maailma Looduse Fondi jaoks. Suured tükid panda kontuurist puuduvad, kuid teie aju pole probleeme puuduvate sektsioonide täitmisega ja kogu looma nägemisega.

Gestalt-sulgemise põhimõtet illustreerib suurepäraselt Maailma Looduse Fondi pandalogo. Aju viib valged kujundid lõpule, kuigi need pole täpselt määratletud.

Sulgemist kasutatakse logo kujundamisel väga sageli koos teiste näidetega, sealhulgas Ameerika võrgu, NBC, Sun Microsystems ja isegi Adobe jaoks.

Veel üks väga oluline näide töökoha sulgemisest UX-is ja Kasutajaliidese kujundamine on siis, kui kuvatakse osaline pilt, mis kaob kasutaja ekraanilt, et näidata neile, et vasakule või paremale pühkimisel on veel midagi leida. Ilma osalise pildita, see tähendab, et kui kuvatakse ainult täispildid, ei tõlgenda aju kohe, et näha võiks olla rohkem, ja seetõttu on kasutajal väiksem tõenäosus kerida (kuna sulgemine on juba ilmne).

Lähedus

Lähedus viitab sellele, kui lähedased elemendid üksteisele on. Tugevaimad lähedussuhted on kattuvate subjektide vahel, kuid ka objektide rühmitamine ühte piirkonda võib avaldada tugevat lähedusefekti.

Muidugi on ka vastupidi. Elementide vahele ruumi asetades saate lisada eraldatuse isegi siis, kui nende muud omadused on samad.

Võtke näiteks see suhtlusringide rühm:

Ainus asi, mis eristab vasakpoolset rühma parempoolsetest, on joonte lähedus. Ja teie aju tõlgendab parempoolset pilti kolme eraldi rühmana.

PDF-fail USPS vorminäide, kus geštaltti läheduspõhimõte kahjustab UX-i. Kuna väljade sildid on nende all olevatele väljadele lähemal, usuvad inimesed ekslikult, et just see teave lähebki tähe „c“ alla. y 'd' Kuid teave peaks olema esitatud tekstisiltide kohal asuvatel väljadel.

UX-disainis kasutatakse lähedust kõige sagedamini kasutajate jaoks teatud asjade rühmitamiseks ilma elemente nagu jäigad servad kasutamata. Pannes sarnased asjad üksteisele lähemale ja ruumi iga rühma vahel, tunneb vaataja kohe ära organisatsiooni ja struktuuri, mida soovite tajuda.

Joonise taust

The figuuri / maa põhimõte see sarnaneb sulgemispõhimõttega, kuna kasutab ära seda, kuidas aju negatiivset ruumi töötleb. Olete ilmselt näinud selle põhimõtte näiteid hõljumas sotsiaalmeedia meemides või logode osana (nagu juba mainitud FedExi logo).

Teie aju teeb vahet objektidel, mis tema arvates on pildi esiplaanil (joonis või fookuspunkt) ja taustal (ala, kus kujundid puhkavad). Asjad lähevad huvitavaks siis, kui esiplaanil ja taustal on tegelikult kaks erinevat pilti, näiteks see:

Mõned inimesed näevad kohe puu ja linde, kui näevad Pittsburghi loomaaia ja PPG akvaariumi logo, teised aga gorillat ja lõvi üksteist vahtimas.

Veel üks suurepärane näide figuuri / jahvatatud geštalt-põhimõttest.

Selle pildi puhul võib näha lihtsamat näidet, luues kahepoolse küünlaaluse või vaasi nende vahel:

Selles Taani psühholoog Edgar Rubini välja töötatud kuulsas illusioonis esitatakse vaatajale tavaliselt kahte kuju tõlgendust: kaks nägu või vaas. See on veel üks suurepärane näide figuuri / maa põhimõttest.

Üldiselt tõlgendab teie aju pildi suurimat pinda maapinnana ja väikseimat joonisena. Nagu ülaltoodud pildil näidatud, näete, et heledamad ja tumedamad värvid võivad mõjutada figuuri välimust ja maapinda.

Joonise / maapinna põhimõte võib olla väga kasulik, kui tootedisainerid soovite esile tõsta fookuspunkti, eriti kui see on aktiivne või kasutusel, näiteks kui ilmub modaalne aken ja ülejäänud sait hajub taustale või kui klõpsatakse otsinguribal ja selle vahel suureneb kontrastsus ülejäänud saidil.

Sümmeetria ja järjekord

Sümmeetria ja korra seadus on tuntud ka kui lühidalt , saksakeelne sõna 'hea näitaja'. See põhimõte ütleb, et teie aju tajub mitmetähenduslikke kujundeid võimalikult lihtsal viisil. Näiteks näeb olümpiamärgi logo ühevärviline versioon välja pigem kattuvate ringide reana kui kumerate joontena.

Siin on veel üks hea näide geštaltkujunduse põhimõttest ' lühidalt ':

Teie aju tõlgendab vasakpoolset pilti ristküliku, ringi ja kolmnurgana, isegi kui igaühe piirjooned on puudulikud, kuna need on üldpildist lihtsamad kujundid.

Üldine saatus

Kuigi ühine saatus Algselt ei olnud see geštaltiteooriasse kaasatud, see on sellest ajast peale lisatud. UX-disainis ei saa selle kasulikkust mööda vaadata. See põhimõte ütleb, et inimesed rühmitavad asju, mis osutavad või liiguvad samas suunas.

Looduses näeme seda näiteks lindude parvedes või kalakogudes. Need koosnevad üksikute elementide kogumist, kuid kuna nad liiguvad ilmselt ühtsena, siis rühmitavad meie ajud nad kokku ja peavad neid üheks stiimuliks.

Linnukarja peetakse ühe üksusena, kui ta lendab samas suunas ja seetõttu on tal ühine sihtkoht. (kõrval Martin Adams aastal Unstrash )

See on UX-is väga kasulik, kuna animeeritud efektid muutuvad kaasaegses disainis üha levinumaks. Pange tähele, et elemendid ei pea sellest põhimõttest kasu saamiseks tegelikult liikuma, kuid nad peavad selle siiski andma Prindi liikumise.

Gestalti põhimõtted UX-i kujunduses

Nagu iga psühholoogilise põhimõtte puhul, võib ka visuaalse taju Gestalti põhimõtete kujundustöösse kaasamise õppimine kasutajakogemust oluliselt parandada. Inimese aju töö mõistmine ja seejärel inimese loomulike kalduvuste ärakasutamine loob sujuvama suhtluse, mis paneb kasutaja end veebisaidil mugavalt tundma, isegi kui see on tema esimene visiit.

Gestalti põhimõtteid on suhteliselt lihtne lisada peaaegu igasse kujundusse ja need võivad juhusliku tunduva või kasutaja tähelepanu eest võitleva kujunduse kiiresti üles tõsta sellisele, mis pakub sujuvat ja loomulikku suhtlust, mis suunab kasutajaid soovitud tegevuse poole.