Színek web design: hogyan okoznak a felhasználó a kívánt érzelem
Tippek / / December 19, 2019
Az emberiség története, a mester-művész kapott egyetemes elismerését köszönhető, hogy a munka színe. A mai világban nem kapnak kevesebb elismerést szakemberek, akik képesek kombinálni a színeket, a kereskedelmi és üzleti célokra - a reklám és a web design.
Az a képesség, hogy használat színek is szivattyúzzák ki a végtelenségig. Ez egy igazi mélysége lehetőségeket humán expozíció.
Azt fogja mondani, hogy az alapokat a színelmélet és színvilág, majd beszélni az érzelmi hatás az egyes színeket.
színelmélet
színtémájának akkor szentelni egy egész könyvet, ezért nem fogadja el teljesen, és szorítkozunk hasznos információkat, amelyeket fel lehet használni a fejlesztés felület.
Meg lehet osztani színelmélet három részből áll:
Ezzel szemben
Minden színárnyalat az ellentéte, hogy úgy mondjam, a maga „esküdt ellensége”, amely a legnagyobb kontrasztot ezt a színt. Ahhoz, hogy megtalálja egy színt, akkor használja a színkör. Egyszerűen válassza ki a színt a szemközti oldalon a kör.
kiegészítés
Ezek a színek nem mindig ütköznek egymással. Komplementer színek hangsúlyozzák egymást, ellentétben a kontrasztot. A színkör, mint a színek egymáshoz, mint a komplementer színek a lila - kék és rózsaszín.
rezonancia
Mindegyik szín egy bizonyos hangulat. Fényes meleg színek (piros, narancs, sárga) tele emberi energia, felébred rá, hideg sötét színben (zöld, kék, lila), éppen ellenkezőleg, pihenni és megnyugtatni.
Például, BBC News A piros és a navigációs sáv, hogy felébressze az olvasót, hogy erősítse a gerjesztett állapot. Sajátosságára a helyszínen - egy szenzációs hír - piros a logikus megoldás.
színelmélet web design - több, mint dekoráció. Színes megváltoztathatja a megítélése a helyén, és döntő szerepet játszanak az üzleti életben.
Érzelmi színérzékelésünket
Senki sem fogja tagadni a szoros kölcsönhatása színek és érzelmek. És persze, minden webdesigner akarja használni ezt a hatást, hogy hozzon létre egy bizonyos hangulat minden oldalon.
A Számos tanulmány alapján - elemzés honlapján közzétett Vandelay tervezéseÉs tegye a színek a Smash magazin - bemutatjuk, hogyan színek befolyásolják az érzelmek, és segít létrehozni UX-design.
Fontos megjegyezni, hogy a különböző kultúrák szerte a világon különböző felfogások színű. Bemutatásra kerül az érzelmi egyesületek, amelyek egyedülállóak a nyugati kultúra.
piros
Érzelmek és egyesületek: a hatalom, jelentősége, fiatalok.
Legösztönzőbb szín, így energetikailag feltöltött, akkor is növeli a vérnyomást. Red jelentése szenvedély és erő, ez több, mint más színek vonzzák a figyelmet, ezért gyakran használják fontos figyelmeztetések és bejelentések.
Például a vörös nagyon alkalmas helyszínen No Way NSAMelynek célja -, hogy megakadályozzák az állítólagos fenyegetések.
Használjon egy csomó piros a lap tetején - ez a legjobb megoldás, mert felhívja a figyelmet a fontos információt az üzenetben. Ugyanakkor, az emberek hajlamosak gyorsan hagyja el a „veszélyzónában” vörös szín és lapozzunk lefelé. Ez viszont lehetővé teszi, hogy a felhasználó azt mutatják, több tartalmat.
De ez a szín is dolgozhat Ön ellen, mert ez okozhat agresszió vagy túlstimuláció. Ha azt szeretnénk, hogy hozzon létre egy nyugodt légkörben, próbálja ki piros mérsékelten, és válaszd a világosabb árnyalatú piros.
narancs
Az érzelmek és az egyesületek: barát, az energia és az egyediség.
Ahogy a legcsendesebb meleg tónusok, narancs okozhatja a teljes spektrumát a különböző érzelmek. Mivel az alap szín, ez érdekes lehet, és a merevítő, és a másodlagos - megőrizzük ezeket a tulajdonságokat, de nem tolakodó módon.
Ezen túlmenően, az Orange segít létrehozni egyfajta mozgás és az energia. Például néz ki a rajzfilm honlapján FantaAmiből arra lehet következtetni a fiatalok és a mozgás. Színes társul a kreativitást, miközben bizonyos értelemben a megszokott márka.
sárga
Az érzelmek és az egyesületek: a boldogság, lelkesedés, archaikus (sötétebb szín).
Ez az egyik legsokoldalúbb színeket és az érzelmek, hogy ez okozza, függ a növényzet nagyobb mértékben.
Világos színű energiát ad, de anélkül, hogy a súlyosság és durvaságot, amely jelen van a piros. Közepes árnyalatú sárga színek idézik egyfajta kényelmet, bár még mindig erőteljes. Sötét árnyalatok (beleértve az aranyat) ad egyfajta ókor, töltse ki a teret időtlenség, a bölcsesség és a kíváncsiság.
Például a főoldalon a web design ügynökség flash Media sötétebb árnyalatot izzad energia, kíváncsiság és a hatóság. Ez a szín tökéletes cégek keresik a konzultációk és azt akarják hangsúlyozni, hogy a szakmaiság.
zöld
Az érzelmek és az egyesületek: a stabilitás, pénzügyi témájú körülvevő témája a környezet.
Zöld - a hidat a meleg és hideg árnyalatok, de dől tovább a hideg. Ez azt jelenti, hogy a zöld relaxáló hatású kék szín, hanem van egy kis erőt sárgáról.
Ennek eredménye, hogy létrehoz egy nagyon kiegyensúlyozott és stabil légkört. Sötétebb árnyalatú zöld benyomást kelteni a jólét és a bőség, mind online Ameritrade.
kék
Az érzelmek és az egyesületek: a nyugalmat, biztonságot, a nyitottság (világosabb árnyalatú), a megbízhatóság (sötétebb árnyalatú).
Mint abban az esetben a sárga szín, a hatás nagymértékben függ a kék árnyalat. Minden szín a kék sokoldalú szempontjából a kikapcsolódás és a biztonság, de a világos színek járó barát, és sötét - a szomorúság.
Szociális hálózatok, mint a Twitter és a Facebook használják több fényt és közepes árnyalatú kék, és a vállalati oldalak inkább sötétebb árnyalatú az erő és a megbízhatóság.
Egy jó példa - esemény tervező iroda Van Vliet & Trap. Segítségével kék színű, mint a háttér, akkor vizuálisan utalt a tudás és a készségek virág rajzolatú, hanem létrehozott egyfajta megbízhatóság és a bizalom.
Ez nagyon fontos, mert a munka az események, ami fontos a vizuális része, például esküvők.
lila
Az érzelmek és az egyesületek: luxus, románc (világos árnyalatú), a misztikum és a rejtély (sötét szín).
Lila színű történetileg kapcsolódó királyi pompa, tippeket a luxus. Lila árnyalatok tükrözik a nagylelkűség és a vagyon egészére, ami számukra kiváló választás a divat és a luxuscikkek (akár csokoládéval, például, CadburyKi választotta ki a márka szín).
Világosabb árnyalatú, mint a levendula (lila rózsaszín kívül) idézik gondolatait a romantika, míg a sötét színárnyalatok tűnnek elegáns és titokzatos.
fekete
Az érzelmek és az egyesületek: a hatalom, kifinomultság, idegesség.
A legerősebb a semleges színek - fekete - megjelenik gyakorlatilag bármely weboldalon. Ez okozhat a különböző egyesületek függően kísérő szín vagy uralni őket, ha használják túl.
Az erő és semlegességét a fekete miatt kitűnő választás nagy blokkok szöveget, de a fő szín akkor érzetét idegesség, vagy akár társul rossz.
A legtöbb webhely fekete létrehozásához használt egyfajta eleganciát. A fekete-fehér minimalista design a benyomást kelti, az elegancia és a stílus, mind a helyszínen Álom és Reach Bose.
fehér
Érzelmek és szövetség: tisztaság, egyszerűség, jóság.
A nyugati kultúra, fehér társul tisztaság, jóság és az ártatlanság. Ez a szín gyakran használják a háttérben minimalista és egyszerű oldalakon.
Ezen kívül sem a színek nem engedi felhívni annyi figyelmet az egyéb színek, mint a fehér. Például, a weboldal Awwwards Kloina győztes Toshev minden művét lefektetett fehér alapon, ami egyszerre csak illusztrációk, és azt a benyomást kelti egy elegáns galériában.
szürke
Az érzelmek és az egyesületek: a semlegesség, formalitás, melankólia.
Annak ellenére, hogy bizonyos helyzetekben a szürke létrehozhat egy komor és melankolikus hangulatot, még mindig gyakran használják a professzionális tervezők.
A dolog árnyalatok: váltakozó őket, akkor kap minden az érzelmek által okozott mind a fekete-fehér. Általában a szürke - egy hatékony eszköz a jobb kezében.
De együtt élénkebb színek szürke háttér kialakítása úgy tűnik, modern, de nem sivár, mint például a Awwwards.
bézs
Az érzelmek és az egyesületek: közvetít a karaktert a többi színt.
Önmagában bézs inkább tompa, kifejezéstelen, de van egy figyelemre méltó tulajdonsága: bézs veszi a karakter színek közé. Ezért, ha annak célja nem kifejezetten visszatartó bézs szolgál a háttérben, vagy a második szín.
Sötétebb árnyalatú bézs érzetét keltik a hagyományok és világi, így bizonyos értelemben a textúra a papír és a világosabb árnyalatú tűnik frissebb és korszerűbb.
Például a helyszíni étteremben Dishoom világos bézs színű körül a nevek és a sötétebb élek a benyomást kelti, hogy ez az étterem - egy új perspektíva a hagyományos ételeket.
elefántcsont
Az érzelmek és az egyesületek: kényelem, elegancia, az egyszerűség.
Krémszínű előállítani szinte azonos érzelmek, mint a fehér. Azonban elefántcsont melegebb (vagy kevésbé steril), mint a fehér, amely létrehoz egy nagyobb komfortérzetet, miközben a minimalizmus.
Használhatja elefántcsont helyett a fehér, hogy tompítsa a kontraszt közte és a sötétebb színek. Például a helyszínen Art My Coffee barna-narancsszínű elemek vannak elhelyezve elefántcsont háttér (ami úgy néz ki szürkés), amely megtartja melegség.
színskála
Minden oldalon van egy színskálát, amelyben az elsődleges színek feltöltésére használható nagyobb teret. Mint azt korábban említettük, ezeknek a használata a színek hatással az elme és a hangulat többnyire tudat alatt. Tehát választani őket alaposan.
Annak ellenére, hogy számos módja van, hogy összekapcsolják a színek, mi fog összpontosítani a három legsikeresebb és leggyakrabban használt.
Triád (hármas harmónia háromszög)
Triad - a legfontosabb és kiegyensúlyozott rendszere három színben. Ez használ rezonancia és kívül a színek, de van egy komplex szemben amiatt, amit a hármas a legmegbízhatóbb tartományban.
Egy színkör 12 színben, választani három található, 120 fokos egymástól: az egyik szín a fő háttér és kettő a tartalomhoz és a navigációs sáv.
Dupla kiegészítő rendszer
Ez a tartomány nehezebb megvalósítani, de lehet, hogy költséghatékony megoldást. Régen négy színben kapható: két kontrasztos, és két további.
Nézze meg, hogyan fog megjelenni az oldal rendkívül Florida Virágzik alapján egy ilyen rendszer. Piros és zöld színű kontraszt a növényekben, és blokkolja a szöveget, kék háttér és narancssárga sivatagi hatékonyan teszi teljessé a képet.
Az analógok (szekvenciális rendszer)
Gamma hasonló színek elsősorban használ komplementer színek. Ez lehetővé teszi a legvilágosabban kihangsúlyozni néhány adottságok, ami bizonyos érzelmek.
Például egy kombinációja a vörös, narancs és sárga kiemeli az életerő és vitalitás. Az ilyen méretű nagyon egyszerű, de nehéz, hogy melyik szín szerepelni fog a kombináció. Hatásuk lesz túlzó, így nem lehet baj.
Például, a használata, kék, türkiz és zöld színek a design a helyén Blinksale Ez olyan légkört teremtett, a béke és a nyugalom. Figyeljük meg, hogy a sárga szín kiemelésére fontos pontot.
Ez csak az alapokat a színelmélet, amely segíthet, hogy hozzon létre egy lenyűgöző egyedi design, és nincs korlátozás, hogy milyen messzire lehet menni szempontjából a színek a webhelyen.
Eszközök segítő válasszon egy színt
Szerencsére van néhány eszközök segítségével hozza szín elméletet a gyakorlatba. Próbálja ki ezeket a paletta, hogy nem kell a nulláról kell kezdeni a létrehozását ő:
- Adobe Color CC, Korábbi nevén Adobe Kuler. Ez az egyik legmegbízhatóbb eszközöket választott színben.
- Paletton. Ha szükség van egy egyszerű eszköz gyors színválasztás, Paletton tökéletes.
- Lapos UI Color Picker. A tökéletes eszköz, hogy kiválassza a felhasználói felület színét.
És ha ezek az eszközök nem felelnek meg, itt van egy másik 28 oldalak paletták és a különböző eszközök szín kiválasztása.
A közvetlen összefüggés a szín és érzelmek
Ne felejtsük el, a felhasználók ritkán értesítés és értékelik a háttér színét, navigációs sáv egyes részeit, de ez nem jelenti azt, hogy a szín nem befolyásolja őket. Csak ez történik tudat.
Felhasználói élmény minden érzelem, kínos kapcsolata a helyszínen vagy a márka, ez teszi bizonyos tevékenységek: lefelé görgetve kattintson gombok azonnali cselekvésre, vagy éppen ellenkezőleg, nem észrevenni őket. És szín játszik mindebben nagy szerepet.
Ha a tanácsot a színes web design, kérjük részesedése a megjegyzéseket.