Kuulake selle artikli heliversiooni

Negatiivne ruum on pikka aega olnud hea disaini põhiosa. Esimene, mis tavaliselt meelde tuleb, on kujundi elementide ümber valge ruumi jätmine. Kuid siis on kujundusi, mis kasutavad seda tühimikku järeldamaks elementi, mida tegelikult seal pole (FedExi logos E ja X vahele peidetud nool tuleb kohe näiteks).

Inimese aju on erakordselt hea pildi tühikute täitmisel ja terviku loomisel, mis on suurem kui selle osade summa. Sellepärast näeme nägusid näiteks puulehtedes või kõnnitee pragudes.

See põhimõte on visuaalse taju geštaltprintsiipide taga üks olulisemaid ideid. Teooria kohta kirjutatud kõige mõjukama varajase ettepaneku avaldas Max Wertheimer oma 1923. aastal Tajukorralduse geštalt-seadused , kuigi Wolfgang Köhleri ​​1920. aasta arutelu Füüsilised kujundid sisaldab ka palju sellel teemal mõjukaid ideid.

Hoolimata kes esimesena ideed välja pakkus (esseesid on olnud juba aastast 1890), on geštalt-põhimõtted kõigi jaoks oluliseks ideekogumiks disainer õppida ja nende rakendamine võib oluliselt parandada mitte ainult disaini esteetikat, vaid ka selle funktsionaalsust ja kasutajasõbralikkust.

Kõige lihtsamalt öeldes põhineb gestaltteooria ideel, et inimese aju püüab lihtsustada ja korrastada keerukaid pilte või kujundusi, mis koosnevad paljudest elementidest, korraldades osad alateadlikult organiseeritud süsteemiks, mis loob terviku, mitte ainult terviku. rida erinevaid elemente. Meie aju on ehitatud struktuuri ja mustreid nägema, et saaksime paremini mõista keskkonda, milles elame.

Geštaltiteooriaga on tavaliselt seotud kuus põhimõtet: sarnasus , jätkamine , sulgemine , lähedus , joonis / maa ja sümmeetria ja järjekord (nimetatud ka lühidalt ). Mõnikord on geštaltiga seotud ka mõned täiendavad, uuemad põhimõtted, näiteks levinud saatus .

Sarnasus

Inimeste loomuseks on sarnaste asjade grupeerimine. Gestaltis on sarnased elemendid visuaalselt rühmitatud, hoolimata nende lähedusest üksteisele. Neid saab rühmitada värvi, kuju või suuruse järgi. Sarnasus saab kasutada elementide sidumiseks, mis ei pruugi kujunduses olla üksteise kõrval.

Muidugi võite teha asjad erinevaks, kui soovite, et need eristuksid massist. Seetõttu on tegevusele kutsumise 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 teie külastajatele selgeks, millised elemendid on sarnased. Näiteks funktsioonide loendis, mis kasutab korduvaid kujunduselemente (näiteks ikooni, millele on lisatud 3-4 rida teksti), muudaks sarnasuse põhimõte nende hõlpsat skannimist. Seevastu kujunduselementide muutmine funktsioonide jaoks, mida soovite esile tõsta, muudab need silma paistma ja annab neile suurema tähtsuse külastaja tajus.

Isegi nii lihtsad asjad kui tagada, et kogu kujunduse lingid oleksid samamoodi vormindatud, tuginevad sellele 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.

See jätkamine võib olla väärtuslik tööriist, kui 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 seeriasse paigutatud esemed silma loomulikult ühest üksusest teise. Horisontaalsed liugurid on üks selline näide, nagu ka seotud toodete loendid sellistel saitidel nagu Amazon.

Sulgemine

Sulgemine on üks vingemaid geštaltpõhimõtteid ja seda, mida ma juba selle tüki alguses puudutasin. See on idee, 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, näiteks Maailma Looduse Fondi jaoks. Panda piirjoonest puuduvad suured tükid, kuid teie aju pole probleemi puuduvaid osi täita, et kogu looma näha.

Sulgemist kasutatakse logo kujundamisel üsna sageli, koos teiste näidetega, sealhulgas USA võrgu, NBC, Sun Microsystemsi ja isegi Adobe jaoks.

Teine väga oluline näide töökoha sulgemisest UX-is ja UI disain on siis, kui näitate kasutaja ekraanilt osalist hääbuvat pilti, et näidata, et vasakule või paremale pühkides on veel midagi leida. Ilma osalise pildita, st kui kuvatakse ainult täispildid, ei tõlgenda aju kohe, et näha võib olla rohkem, ja seetõttu on teie 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 ainuüksi 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 see suhtlusringide rühm, näiteks:

UX-disainis kasutatakse kõige sagedamini lähedust, et panna kasutajad teatud asju kokku rühmitama, kasutamata näiteks kõvasid piire. Asetades sarnased asjad üksteisele lähemale ja ruumi iga rühma vahel, võtab vaataja kohe üles organisatsiooni ja struktuuri, mida soovite tajuda.

Joonis / maa

The figuuri / maa põhimõte on sarnane sulgemispõhimõttega, kuna see kasutab ära seda, kuidas aju negatiivset ruumi töötleb. Ilmselt olete näinud selle põhimõtte näiteid meediumites sotsiaalmeedias hõljumas või logode osana (nagu juba mainitud FedExi logo).

Teie aju eristab objekte, mida ta peab pildi esiplaanil (joonis või fookuspunkt), ja tausta (ala, millele figuurid toetuvad) vahel. Asjad muutuvad huvitavaks siis, kui esiplaanil ja taustal on tegelikult kaks erinevat pilti, näiteks:

Selle pildi puhul võib näha lihtsamat näidet, kus kaks nägu loovad nende vahele küünlajalga või vaasi:

Üldiselt tõlgendab teie aju pildi suuremat pinda maapinnana ja väiksemat joonisena. Nagu ülaltoodud pildil on näha, näete siiski, et heledamad ja tumedamad värvid võivad mõjutada seda, mida vaadeldakse joonisena ja mida maapinnana.

Joonise / maapinna põhimõte võib olla väga mugav tootedisainerid soovite esile tõsta fookuspunkti, eriti kui see on aktiivne või kasutusel - näiteks kui avaneb modaalne aken ja ülejäänud sait tuhmub taustal või kui klõpsatakse otsinguribal ja kontrast suureneb seda ja ülejäänud saiti.

Sümmeetria ja kord

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 ebaselgeid kujundeid võimalikult lihtsal viisil. Näiteks nähakse olümpia logo ühevärvilist versiooni 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 siis, kui igaühe piirjooned on puudulikud, kuna need on üldpildist lihtsamad kujundid.

Üldine saatus

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

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

See on UX-is väga kasulik, kuna animeeritud efektid muutuvad kaasaegses disainis üha levinumaks. Pange tähele, et selle põhimõtte kasutamiseks ei pea elemendid tegelikult liikuma, kuid nad peavad selle siiski andma mulje liikumisest.

Gestalti põhimõtted UX-i kujunduses

Nagu iga psühholoogilise põhimõtte puhul, võib ka geštalt'i visuaalse tajumise põhimõtete oma disainitöö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 külastus.

Geštalt'i põhimõtteid on suhteliselt lihtne lisada peaaegu igasse kujundusse ja need võivad kiiresti tõsta juhuslikult tunduva või kasutaja tähelepanu eest võitleva kujunduse, mis pakub sujuvat ja loomulikku suhtlust, mis suunab kasutajaid toimingu poole, mida soovite teha.

• • •

Lisalugemine ApeeScape'i disainiblogist:

• Kujundusprintsiibid: sissejuhatus hierarhiasse
• Kasutajaliidese kujundamise parimad tavad ja levinud vead
• Kuidas kasutada disainis võimsaid geštaltpõhimõtteid (koos infograafikaga)
• Teabearhitektuuri põhjalik juhend
• Suurendage oma kasutajasõbralikkust nende edukate interaktsioonide kujundamise põhimõtete abil

Põhitõdede mõistmine

Millised on disaini geštaltpõhimõtted?

Visuaalse taju geštaltteooria klassikaliste põhimõtete hulka kuuluvad sarnasus, jätkamine, sulgemine, lähedus, joonis / maapind ning sümmeetria ja järjekord (tuntud ka kui prägnanz). Viimastel aastatel on lisatud ka teisi, näiteks „tavaline saatus“.

Miks on geštaltiteooria oluline?

Gestalti põhimõtted võimaldavad kiiresti tõsta juhuslikult tunduvat või kasutaja tähelepanu eest võitlevat kujundust, mis pakub sujuvat ja loomulikku suhtlust, mis muudab teie saidi tuttavaks, samas suunates kasutajaid toimingu poole, mida soovite teha.

Mis on visuaalne hierarhia disainis?

Disainis on visuaalne hierarhia erinevate kujunduselementide paigutus või positsioneerimine, et anda neile suurem või väiksem tähtsus. Erinevad geštalt-põhimõtted mõjutavad tugevalt visuaalset hierarhiat.

Mis on taju geštaltiteooria?

Gestalt-tajuteooria püüab seletada seda, kuidas inimese aju interpreteerib suhteid ja hierarhiat käsitlevat teavet kujunduses või pildis, tuginedes visuaalsetele vihjetele, nagu lähedus, sarnasus ja sulgemine.