Hallgassa meg a cikk audio verzióját
a negatív tér már régóta a jó design alapja. A fehér tér elhagyása a design elemei körül az első dolog, ami általában eszébe jut. De aztán vannak olyan tervek, amelyek ezt a fehér helyet használják egy olyan elem felderítésére, amely valójában nincs ott (a FedEx logóban az E és X között rejtett nyíl azonnal példaként jut eszembe).
az emberi agy kivételesen jó abban, hogy kitöltse a kép üres részeit, és olyan egészet hozzon létre, amely nagyobb, mint a részek összege. Ezért látunk arcokat olyan dolgokban, mint a fa levelek vagy a járdák repedései.
Ez az elv a vizuális észlelés gestalt elveinek egyik legfontosabb alapgondolata., Az elméletről írt legbefolyásosabb korai javaslatot Max Wertheimer tette közzé az észlelési szervezet 1923-as Gestalt törvényeiben, bár Wolfgang Köhler 1920-as fizikai Gestalten-vitája számos befolyásos ötletet tartalmaz a témában.
függetlenül attól, hogy ki javasolta először az ötleteket (már 1890-ben is voltak esszék), a gestalt elvek fontos ötletek minden tervező számára, hogy megtanulják, és megvalósításuk nagymértékben javíthatja nemcsak a design esztétikáját, hanem funkcionalitását és felhasználóbarát jellegét is.,
a legegyszerűbb értelemben a gestalt-elmélet azon az elképzelésen alapul, hogy az emberi agy megpróbálja egyszerűsíteni és megszervezni a sok elemből álló összetett képeket vagy terveket, azáltal, hogy tudat alatt elrendezi az alkatrészeket egy szervezett rendszerbe, amely egy egészet hoz létre, nem csak egy sor különálló elem. Az agyunk azért van felépítve, hogy láthassuk a struktúrát és a mintákat, hogy jobban megértsük a környezetet, amelyben élünk.,
a gestalt-elmélethez hat egyedi elv kapcsolódik: hasonlóság, folytatás, Bezárás, közelség, ábra/föld, és szimmetria& rend (más néven prägnanz). Vannak további, újabb elvek is, amelyek néha a gestalthoz kapcsolódnak, mint például a közös sors.
hasonlóság
az emberi természet úgy csoportosítja a dolgokat, mint együtt. A gestaltban hasonló elemeket vizuálisan csoportosítanak, függetlenül attól, hogy közel vannak egymáshoz. Ezek csoportosíthatók szín, alak vagy méret szerint., Hasonlóság lehet használni, hogy összekapcsolják elemeket, amelyek nem lehet közvetlenül egymás mellett a design.
természetesen a dolgokat különbözővé teheti, ha ki akarja emelni őket a tömegből., Ezért a cselekvésre való felhívások gombjait gyakran más színben tervezték, mint az oldal többi részét – így kiemelkednek, és felhívják a látogató figyelmét a kívánt műveletre.
az UX designban a hasonlóság használata egyértelművé teszi a látogatók számára, hogy mely elemek hasonlóak. Például egy ismétlődő tervezési elemeket használó funkciók listájában (például egy ikon, amelyet 3-4 sor szöveg kísér), a hasonlóság elve megkönnyíti a szkennelést., Ezzel szemben a kiemelni kívánt funkciók tervezési elemeinek megváltoztatása kiemelkedővé teszi őket, és nagyobb jelentőséget tulajdonít nekik a látogató észlelésében.
még a dolgok olyan egyszerű, mint ügyelve arra, hogy a linkeket az egész design vannak formázva ugyanúgy támaszkodik a hasonlóság elve, ahogy a látogatók érzékelik a szervezet és a szerkezet a webhely.
Folytatás
a folytonosság törvénye azt állítja, hogy az emberi szem a vonalak megtekintésekor a legsimább utat követi, függetlenül attól, hogy a vonalakat ténylegesen rajzolták-e.,
Ez a folytatás értékes eszköz lehet, ha a cél a látogató szemének egy bizonyos irányba történő irányítása. Az oldal legegyszerűbb útját követik, ezért győződjön meg róla, hogy a legfontosabb részek, amelyeket látniuk kell, ebbe az útba esnek.,
mivel a szem természetesen egy vonalat követ, az elemek sorba helyezése természetesen felhívja a szemet az egyik elemről a másikra. A vízszintes csúszkák egy ilyen példa, mint például a kapcsolódó termékek listája olyan webhelyeken, mint az Amazon.
Bezárás
a Bezárás az egyik legmenőbb gestalt elv, amelyet már a darab elején megérintettem. Az a gondolat, hogy az agyad kitölti a tervezés vagy a kép hiányzó részeit, hogy egy egészet hozzon létre.
a legegyszerűbb formában a lezárás elve lehetővé teszi a szem számára, hogy a végéig valami pontozott vonalat kövessen., De a bonyolultabb alkalmazásokat gyakran látják a logókban, például a World Wildlife Fund számára. A panda vázlatának nagy darabjai hiányoznak, de az agyadnak nincs problémája a hiányzó szakaszok kitöltésével, hogy megnézze az egész állatot.
a bezárást gyakran használják a logótervezésben, más példákkal, beleértve az USA hálózatát, az NBC-t, a Sun Microsystems-t, sőt az Adobe-t is.
egy másik nagyon fontos példa a munkahelyi bezárásra az UX és az UI designban, amikor részleges képet mutat a felhasználó képernyőjéről, hogy megmutassa nekik,hogy több megtalálható, ha balra vagy jobbra csúsztatják. Részleges kép nélkül, azaz,, ha csak teljes képek jelennek meg, az agy nem értelmezi azonnal, hogy több lehet látni, ezért a felhasználó kevésbé valószínű, hogy görgetni (mivel a Bezárás már nyilvánvaló).
közelség
a közelség arra utal, hogy az elemek mennyire közel állnak egymáshoz. A legerősebb közelségi kapcsolatok az átfedő alanyok között vannak, de az objektumok egyetlen területre történő csoportosítása erős közelségi hatással is járhat.
az ellenkezője is igaz, természetesen., Azáltal, hogy helyet elemek között, felveheti elválasztás akkor is, ha a többi jellemző ugyanaz.
Vegyük ezt a körcsoportot, például:
az UX designban a közelséget leggyakrabban annak érdekében használják, hogy a felhasználók bizonyos dolgokat csoportosítsanak, olyan dolgok használata nélkül, mint a kemény határok. Azáltal, mint a dolgok közelebb egymáshoz, a tér között az egyes csoportok, a néző azonnal felveszi a szervezet és a szerkezet azt szeretné, hogy észre.,
ábra / Föld
az ábra/talaj elv hasonló a lezárási elvhez, mivel kihasználja az agy negatív tér feldolgozásának módját. Valószínűleg látott példákat erre az elvre, amelyek a mémekben lebegnek a közösségi médiában ,vagy a logók részeként (mint például a már említett FedEx logó).
az agy különbséget tesz a kép (az ábra vagy a fókuszpont) előtérében lévő objektumok és a háttér között (az a terület, amelyen a számok nyugszanak)., Ahol a dolgok érdekessé válnak, az az, amikor az előtér és a háttér valójában két különálló képet tartalmaz, mint ez:
Egy egyszerűbb példa látható ez a kép, a két arc létrehozása, vagy váza gyertyatartó között:
általános értelemben az agyad a kép nagyobb területét földként értelmezi, a kisebbet pedig ábraként., A fenti képen látható módon azonban láthatjuk, hogy a világosabb és sötétebb színek befolyásolhatják azt, amit az alaknak tekintünk, és azt, amit a földnek tekintünk.
az ábra / talaj elv nagyon hasznos lehet, ha a terméktervezők egy fókuszpontot akarnak kiemelni, különösen akkor, ha aktív vagy használatban van—például amikor egy modális ablak jelenik meg, és a webhely többi része elhalványul a háttérben, vagy amikor egy keresősávra kattintanak, és a kontraszt növekszik a webhely többi része között.,
szimmetria és rend
a szimmetria és rend törvénye prägnanz néven is ismert, a német “jó alak” szó.”Ez az elv azt mondja, hogy az agyad a lehető legegyszerűbb módon érzékeli a kétértelmű formákat. Például az olimpiai logó monokróm változatát átfedő körök sorozatának tekintik, nem pedig ívelt vonalak gyűjteményének.,
ez Itt egy másik jó példa a gestalt design elv: “prägnanz”:
Az agy úgy értelmezi, hogy a kép bal, mint egy téglalap, kör, háromszög, még akkor is, amikor a vázolja az egyes hiányosak, mert azok egyszerűbb formák, mint a teljes képet.
közös sors
míg a közös sors eredetileg nem szerepelt a gestalt elméletben, azóta hozzáadták. Az UX designban hasznosságát nem lehet figyelmen kívül hagyni., Ez az elv kimondja, hogy az emberek csoportosítják azokat a dolgokat, amelyek ugyanabba az irányba mutatnak vagy mozognak.
a természetben ezt olyan dolgokban látjuk, mint a madárállományok vagy a haliskolák. Egy csomó egyedi elemből állnak, de mivel látszólag egyként mozognak, az agyunk csoportosítja őket, és egyetlen ingernek tekinti őket.
Ez nagyon hasznos az UX-ben, mivel az animált hatások egyre elterjedtebbek a modern designban. Vegye figyelembe, hogy az elemeknek valójában nem kell mozogniuk ahhoz, hogy kihasználhassák ezt az elvet, de a mozgás benyomását kell kelteniük.
Gestalt elvek az UX designban
mint minden pszichológiai elvnél, a Gestalt vizuális észlelési elveinek beépítése a tervezési munkába nagyban javíthatja a felhasználói élményt., Megértése, hogyan működik az emberi agy, majd kihasználva egy személy természetes tendenciák létrehoz egy zökkenőmentes interakció, ami a felhasználó jól érzik magukat a honlapon, akkor is, ha ez az első látogatás.
a Gestalt elveket viszonylag könnyű beépíteni szinte bármilyen kialakításba, és gyorsan el tudja emelni egy olyan designt, amely véletlenszerűnek tűnik, vagy olyan, mintha a felhasználó figyelméért küzd, amely zökkenőmentes, természetes interakciót kínál, amely a felhasználókat a kívánt művelet felé irányítja.