Exploring Gestalt Periaatteet Suunnittelu

Exploring Gestalt Periaatteet Suunnittelu

Kuunnella audio-versio tämän artikkelin

Negatiivinen tila on pitkään ollut katkottua hyvä suunnittelu. Valkoisen tilan jättäminen muotoilun elementtien ympärille on ensimmäinen asia, joka yleensä tulee mieleen. Mutta sitten on olemassa malleja, jotka käyttää valkoista tilaa päätellä elementti, joka ei ole itse asiassa olemassa (nuoli piilotettu välillä E ja X FedEx logo heti tulee mieleen esimerkkinä).

”E” ja ”x” FedEx logo luo nuolen sisällä negatiivinen tilaa niiden välillä.,

ihmisen aivot on poikkeuksellisen hyvä täyttämällä aihioita kuvan ja luoda koko, joka on suurempi kuin osiensa summa. Siksi näemme kasvoja puiden lehdissä tai jalkakäytävien halkeamissa.

Tämä periaate on yksi tärkeimmistä taustalla olevista ideoista takana gestalt periaatteet näköhavainnon., Vaikutusvaltaisin alussa ehdotuksen kirjoitettu teoria julkaistiin Max Wertheimer hänen 1923 Gestalt laws of havaintokyvyn organisaatio, vaikka Wolfgang Köhler on 1920 keskustelua Fyysinen Gestalten sisältää myös monia vaikutusvaltaisia ajatuksia aiheesta.

Riippumatta siitä, kuka ensimmäisenä ehdotti ideoita (on ollut esseitä dating takaisin niin pitkälle kuin 1890), gestalt periaatteet ovat tärkeä joukko ideoita tahansa suunnittelija oppia, ja niiden täytäntöönpano voi merkittävästi parantaa ei vain estetiikka suunnittelu, mutta myös sen toiminnallisuutta ja käyttäjäystävällisyyttä.,

yksinkertaisimmillaan ehdot, gestalt-teoria perustuu ajatukseen, että ihmisen aivot yrittää yksinkertaistaa ja järjestää monimutkaisia kuvia tai malleja, jotka koostuvat monista osista, joita alitajuisesti järjestää osat osaksi järjestäytynyt järjestelmä, joka luo koko, pikemminkin kuin vain sarja erilaisia elementtejä. Aivomme on rakennettu näkemään rakennetta ja kuvioita, jotta ymmärtäisimme paremmin ympäristön, jossa elämme.,

On olemassa kuusi yksittäisten periaatteiden liittyy yleisesti gestalt theory: samankaltaisuus, jatkaminen, päättäminen, läheisyys, kuva/maahan, ja symmetria & järjestyksessä (kutsutaan myös prägnanz). Gestaltiin liittyy joskus myös joitakin muita, uudempia periaatteita, kuten yhteinen kohtalo.

samankaltaisuus

on ihmisluontoa ryhmitellä kuin asiat yhteen. Gestaltissa samankaltaiset elementit ryhmitellään visuaalisesti riippumatta niiden läheisyydestä toisiinsa. Ne voidaan ryhmitellä värin, muodon tai koon mukaan., Samankaltaisuutta voidaan käyttää sitomaan toisiinsa elementtejä, jotka eivät välttämättä ole aivan vierekkäin suunnittelussa.

neliöt tässä ovat kaikki tasaisin välein ja samaa kokoa, mutta me automaattisesti ryhmä ne värin, vaikka siellä ei ole riimejä tai syytä niiden sijoittelu.

tietenkin, voit tehdä erilaisia asioita, jos haluat tehdä niistä erottuvat joukosta., Siksi painikkeet puhelut toimia ovat usein suunniteltu eri värillä kuin muu sivu,— – jotta he erottua ja kiinnittää kävijän huomio haluttuun toimintaan.

UX-muotoilussa samankaltaisuuden käyttäminen tekee kävijöille selväksi, mitkä kohteet ovat samankaltaisia. Esimerkiksi ominaisuuksien luettelo käyttäen toistuvat design-elementit (kuten ikoni mukana 3-4 riviä tekstiä), että samankaltainen periaate olisi se helppo selata niitä., Sen sijaan, muuttaa sisustuselementtejä ominaisuuksia haluat korostaa tekee niistä erottuvat ja antaa heille enemmän merkitystä vierailijan käsitys.

Vaikka asioita niin yksinkertaista kuin varmistaa, että linkit koko suunnittelu on muotoiltu samalla tavalla perustuu periaatteeseen samankaltaisuuden, miten kävijät kokevat organisaation ja sivuston rakenne.

Jatkoa

laki jatkuvuuden arvelee, että ihmisen silmä seuraa esteetön polku, kun katselet riviä, riippumatta siitä, miten linjat olivat todella tehdä.,

silmä on taipumus haluavat seurata suorassa linjassa päähän tämä kuva muille, ja kaareva viiva ylhäältä alas, vaikka linjat vaihtaa väriä puolivälissä.

Tämä jatkoa voi olla arvokas työkalu, kun tavoitteena on ohjata kävijän silmään tiettyyn suuntaan. He seuraavat yksinkertaisinta polkua sivulla, joten varmista, että kaikkein elintärkeitä osia he pitäisi nähdä kuuluvat tällä tiellä.,

koska silmä luonnollisesti seuraa viivaa, esineiden sijoittaminen sarjaan viivaksi luonnollisesti vetää silmää yhdestä kohteesta toiseen. Vaaka liukusäätimiä ovat yksi tällainen esimerkki, kuten liittyvät tuoteluettelot sivustoja Amazon.

Sulkeminen

Sulkeminen on yksi hienoimmista gestalt periaatteet ja yhden olen jo mainitsi alussa tämän pala. Se on ajatus, että aivot täyttävät puuttuvat osat suunnittelu tai kuva luoda kokonaisuus.

yksinkertaisimmillaan periaate sulkeminen mahdollistaa silmän seurata jotain pisteviiva sen loppuun., Mutta monimutkaisempia sovelluksia nähdään usein logoissa, kuten Maailman luonnonsäätiön logoissa. Pandan ääriviivoista puuttuvat Isot palaset, mutta aivoissasi ei ole ongelmaa täyttää puuttuvia osia nähdäkseen koko eläimen.

gestalt-periaatetta sulkeminen on kuvitettu kauniisti wwf: n panda-logo. Aivot viimeistelevät valkoiset muodot, vaikka ne eivät ole tarkkaan määriteltyjä.,

Sulkeminen on melko usein käytetty logo design kanssa muita esimerkkejä esimerkiksi USA Network, NBC, Sun Microsystems, ja jopa Adobe.

Toinen erittäin tärkeä esimerkki sulkeminen työssä UX ja UI suunnittelu on, kun näyttää osittaisen kuvan hiipumassa pois käyttäjän näytön, jotta voit näyttää heille, että siellä on enemmän löytyy jos he pyyhkäisemällä vasemmalle tai oikealle. Ilman osittaista kuvaa, ts., jos vain täynnä kuvia ovat osoittaneet, että aivot ei heti tulkita, että siellä saattaa olla enemmän nähtäväksi, ja siksi käyttäjän on vähemmän todennäköisesti selaa (koska sulkeminen on jo nähtävissä).

Sijaitsee

Läheisyys viittaa siihen, kuinka lähellä elementit ovat toisiinsa. Vahvin sijaitsee suhteet ovat välillä päällekkäisiä aiheita, mutta vain ryhmittely esineitä yhdellä alueella voi myös vahva läheisyyden vaikutus.

myös päinvastainen pitää tietysti paikkansa., Asettamalla tilaa elementtien välille voit lisätä erottelua silloinkin, kun niiden muut ominaisuudet ovat samat.

Ota tämä ryhmä piireissä, esimerkiksi:

ainoa asia, joka erottaa ryhmän vasemmalla niiltä, oikealla on läheisyys linjat. Silti aivosi tulkitsevat kuvan oikealla kolmena erillisenä ryhmänä.

A USPS PDF-muodossa esimerkiksi missä sijaitsee gestalt-periaate on heikentäen UX., Koska kenttien otsikot on lähempänä kenttiin niiden alle, ihmiset virheellisesti luulevat, että tieto menee ”c” ja ”d.” Silti tieto on tarkoitus olla edellyttäen kentät yläpuolella teksteineen.

UX-suunnittelu, läheisyys on usein käytetty, jotta voidaan saada käyttäjät-ryhmässä tiettyjä asioita yhdessä ilman asioita, kuten kovaa rajoja. Laittamalla asiat lähemmäksi toisiaan, tilaa välillä kunkin ryhmän, katsoja on heti poimia organisaatio ja rakenne haluat ne ymmärtää.,

Luku/Maa

kuva/maahan periaate on samanlainen sulkeminen periaate, että se hyödyntää tavalla aivojen prosesseja negatiivinen tilaa. Olet todennäköisesti nähnyt esimerkkejä tästä periaatteesta leijailemassa meemeissä sosiaalisessa mediassa tai osana logoja (kuten FedExin logo jo mainittiin).

aivot erottaa esineitä, joiden se katsoo olevan etualalla kuvan (kuva, tai focal point) ja tausta (alue, jolla luvut loput)., Jos asiat saada mielenkiintoinen on, kun tekstin ja taustan itse asiassa sisältää kaksi erillistä kuvaa, kuten tämä:

Jotkut ihmiset heti nähdä, puu ja linnut, kun katselet logo Pittsburgh Zoo & PPG Aquarium, kun taas toiset näkevät gorilla ja leijona tuijottaa toisiaan.

Toinen hyvä esimerkki luku/maahan gestalt-periaatetta.,

yksinkertaisempi esimerkki voidaan nähdä tämän kuvan, kahdet kasvot luoda kynttilänjalka tai maljakko välillä:

tässä kuuluisa illuusio kehittänyt tanskalainen psykologi Edgar Rubin, katsoja on yleensä esitetty kaksi muoto tulkintoja—kahdet kasvot tai maljakko. Se on toinen erinomainen esimerkki luku / maa-periaatteesta.

yleisesti, aivot tulkitsevat suurempi alue kuvan päällä ja pienempi kuin luku., Kuten näkyy kuva yllä, vaikka, voit nähdä, että kevyempi ja tummempia värejä voi vaikuttaa siihen, mitä nähdään kuvassa ja mitä on katsottu maahan.

kuva/maahan periaate voi olla erittäin kätevä, kun suunnittelijat haluavat korostaa keskipiste, erityisesti kun se on käytössä tai käytössä—esimerkiksi, kun modaalinen ikkuna ponnahtaa ylös ja loput sivuston haalistuu osaksi taustan, tai kun hakupalkki on napsautti ja kontrasti on lisääntynyt, välillä se ja muu sivusto.,

Symmetria ja Järjestys

laki symmetria ja järjestys tunnetaan myös prägnanz, saksan sana ”hyvä luku.”Tämä periaate sanoo, että aivosi hahmottavat monitulkintaisia muotoja mahdollisimman yksinkertaisella tavalla. Esimerkiksi Olympian logon yksivärinen versio nähdään pikemminkin päällekkäisten ympyröiden sarjana kuin kaarevien linjojen kokoelmana.,

Tässä on toinen hyvä esimerkki gestalt muotoilu periaate ”prägnanz”:

aivot tulkitsevat kuvan vasemmalla kuten suorakulmio, ympyrä ja kolmio, jopa silloin, kun hahmotellaan kunkin ovat puutteellisia, koska ne ovat yksinkertaisempia muotoja kuin koko kuvan.

yhteinen kohtalo

vaikka yhteistä kohtaloa ei alun perin sisällytetty gestalttiteoriaan, se on sittemmin lisätty. UX-suunnittelussa sen hyödyllisyyttä ei voi sivuuttaa., Tämän periaatteen mukaan ihmiset ryhmittelevät yhteen asioita, jotka viittaavat tai ovat menossa samaan suuntaan.

luonnossa, näemme tämän asioita, kuten lintuparvia tai kalaparvia. Ne koostuvat joukko yksittäisiä elementtejä, mutta koska ne liikkuvat näennäisesti kuin yksi, aivomme ryhmä ne yhteen ja pitävät niitä yhden ärsyke.

lintuparvi on tarkastella yhtenä yksikkönä, kun lentävät samaan suuntaan ja siten jakaa yhteisen kohtalon., (Martin Adamsin Unsplash)

Tämä on erittäin hyödyllinen UX animoituja vaikutuksia yleistyneet moderni design. Huomaa, että elementtien ei oikeastaan tarvitse liikkua hyötyäkseen tästä periaatteesta, mutta niiden on annettava vaikutelma liikkeestä.

Gestalt Periaatteet, UX-Suunnittelu

Kuten minkä tahansa psykologinen periaate, oppiminen sisällyttää näköhavainnon periaatteet gestalt omaan suunnittelutyöhön voi suuresti parantaa käyttäjän kokemuksia., Ihmisaivojen toiminnan ymmärtäminen ja sitten ihmisen luonnollisten taipumusten hyödyntäminen luo saumattomampaa vuorovaikutusta, joka saa käyttäjän tuntemaan olonsa mukavaksi verkkosivustolla, vaikka se olisi heidän ensimmäinen vierailunsa.

Gestalt periaatteet ovat suhteellisen helppo sisällyttää juuri mitään design ja voi nopeasti nosta muotoilu, joka näyttää sattumanvaraista tai, kuten se on taistelevat käyttäjän huomiota yksi joka tarjoaa saumaton, luonnollinen vuorovaikutus, joka ohjaa käyttäjää kohti toiminta haluat ne ottaa.

Vastaa

Sähköpostiosoitettasi ei julkaista. Pakolliset kentät on merkitty *