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ä).
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.
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ä.,
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.
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:
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ä:
yksinkertaisempi esimerkki voidaan nähdä tämän kuvan, kahdet kasvot luoda kynttilänjalka tai maljakko välillä:
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.
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.