Xim nyob rau hauv lub web tsim: yuav ua li cas evoke tus cwj pwm zoo nyob rau hauv tus neeg siv
Xim nyob rau hauv lub web tsim: yuav ua li cas evoke tus cwj pwm zoo nyob rau hauv tus neeg siv
Anonim

Xim txiav txim siab tus neeg siv lub siab xav rau lub xaib, txawm tias tus neeg nws tus kheej tsis paub txog nws. Cov xim dab tsi siv rau keeb kwm yav dhau thiab cov ntsiab lus sib txawv ntawm lub xaib kom ua rau qee qhov kev xav, thiab yuav ua li cas muab cov xim sib xyaw ua ke hauv web tsim, nyeem hauv qab no.

Xim nyob rau hauv lub web tsim: yuav ua li cas evoke lub siab xav ntawm tus neeg siv
Xim nyob rau hauv lub web tsim: yuav ua li cas evoke lub siab xav ntawm tus neeg siv

Thoob plaws hauv tib neeg keeb kwm, cov neeg pleev kob masters tau lees paub thoob ntiaj teb rau lawv lub peev xwm ua haujlwm nrog xim. Nyob rau hauv lub ntiaj teb niaj hnub no, cov kws tshaj lij uas paub txog kev sib xyaw xim rau kev lag luam thiab kev lag luam - hauv kev tshaj tawm thiab tsim lub vev xaib - tau lees paub sib npaug.

Lub peev xwm los siv cov xim tuaj yeem ua rau tsis muaj sijhawm. Qhov no yog qhov tseeb abyss ntawm possibilities rau influencing ib tug neeg.

Peb mam li npog cov hauv paus ntawm xim txoj kev xav thiab xim qauv, thiab tom qab ntawd peb mam li tham txog kev xav ntawm qee yam xim.

Xim txoj kev xav

Ib phau ntawv tag nrho tuaj yeem mob siab rau lub ntsiab lus ntawm cov xim, yog li peb yuav tsis coj nws tag nrho, tab sis txwv peb tus kheej rau cov ntaub ntawv tseem ceeb uas tuaj yeem siv tau thaum tsim cov qauv tsim.

Xim txoj kev xav tuaj yeem muab faib ua peb ntu:

Zoo sib xws

Txhua qhov ntxoov ntxoo muaj qhov sib txawv, yog li hais, nws "nemesis", uas yog qhov sib txawv loj tshaj plaws rau cov xim no. Txhawm rau nrhiav cov xim zoo li no, koj tuaj yeem siv lub log xim. Tsuas xaiv ib qho xim ntawm sab nraud ntawm lub voj voog.

Xim lub log
Xim lub log

Ntxiv

Cov xim no tsis yog ib txwm muaj teeb meem nrog ib leeg. Complementary xim qhia ib leeg, as opposed to contrasting ones. Hauv cov xim xim, cov xim no ua raws ib leeg, piv txwv li, cov xim sib xyaw ntawm lilac - xiav thiab liab.

Resonance

Txhua xim evokes ib lub siab xav. Cov xim sov sov (liab, txiv kab ntxwv, daj) ua rau tus neeg muaj zog, ua rau nws tsaug zog, thiab txias tsaus ntxoov (ntsuab, xiav, ntshav), ntawm qhov tsis sib xws, so thiab soothe.

Piv txwv li, lawv siv lub liab navigation bar los tsa tus nyeem ntawv thiab ua rau kom lawv arousal. Xav txog qhov tshwj xeeb ntawm qhov chaw - xov xwm sensational - liab zoo li qhov kev txiav txim siab.

BBC Xov Xwm
BBC Xov Xwm

Xim txoj kev xav hauv web tsim yog ntau tshaj li kev kho kom zoo nkauj xwb. Xim tuaj yeem hloov qhov kev nkag siab ntawm koj qhov chaw thiab ua lub luag haujlwm tseem ceeb hauv koj txoj kev lag luam.

Kev xav ntawm xim

Tsis muaj leej twg yuav tsis lees paub qhov sib cuam tshuam ntawm cov xim thiab kev xav. Thiab, tau kawg, txhua tus neeg tsim lub vev xaib xav siv qhov kev cuam tshuam no los tsim qhov zoo vibe rau txhua qhov chaw.

Raws li ob peb txoj kev tshawb fawb - kev tshuaj xyuas muab tso rau hauv lub vev xaib thiab tshaj tawm ntawm cov xim hauv - peb yuav piav qhia tias cov xim cuam tshuam li cas thiab pab tsim UX tsim.

Nws yog ib qho tseem ceeb kom nco ntsoov tias cov kab lis kev cai sib txawv thoob ntiaj teb pom cov xim txawv. Peb yuav piav qhia txog kev sib koom siab ntawm kev xav uas yog qhov tshwj xeeb rau Western kab lis kev cai.

Liab

Cov xim stimulating tshaj plaws, yog li energetically them tias nws muaj peev xwm txawm nce ntshav siab. Liab sawv cev rau kev mob siab rau thiab lub zog thiab yog cov xim uas nyiam tshaj plaws, uas yog vim li cas nws feem ntau siv rau cov lus ceeb toom tseem ceeb thiab tshaj tawm.

Piv txwv li, xim liab yog qhov tsim nyog rau qhov chaw uas nws lub hom phiaj yog ceeb toom txog kev hem thawj.

Screenshot_2
Screenshot_2

Kev siv ntau xim liab nyob rau sab saum toj ntawm nplooj ntawv yog qhov zoo vim nws ua rau cov ntaub ntawv tseem ceeb hauv koj cov lus. Nyob rau tib lub sijhawm, tib neeg nyiam sai sai tawm ntawm qhov liab "qhov chaw txaus ntshai" thiab nqes mus. Thiab qhov no, nyob rau hauv lem, tso cai rau koj los qhia cov neeg siv ntau cov ntsiab lus.

Tab sis cov xim no tuaj yeem ua haujlwm tawm tsam koj ib yam nkaus, vim nws tuaj yeem ua rau muaj kev kub ntxhov lossis overstimulation. Yog tias koj xav tsim kom muaj qhov chaw so kom txaus, sim siv cov xim liab hauv qhov nruab nrab thiab xaiv cov xim sib zog ntawm cov xim liab.

Txiv kab ntxwv

Raws li lub calmest ntawm lub suab sov, txiv kab ntxwv muaj peev xwm ntawm evoking ntau hom kev xav. Raws li cov xim thawj, nws tuaj yeem ua rau muaj kev txaus siab thiab txhawb zog, thiab ua cov xim thib ob, nws tuaj yeem khaws cov khoom no, tab sis nyob rau hauv ntau yam tsis muaj kev cuam tshuam.

Fanta lub vev xaib
Fanta lub vev xaib

Tsis tas li ntawd, txiv kab ntxwv pab tsim kom muaj kev nkag siab ntawm kev txav thiab lub zog. Piv txwv li, nws zoo nkaus li zoo ntawm lub tuam txhab lub vev xaib tas luav, uas qhia txog cov hluas thiab kev txav mus los. Xim yog txuam nrog kev muaj tswv yim, thaum tuav lub hom lag luam paub.

Daj

Nws yog ib qho ntawm ntau yam xim, thiab cov kev xav uas nws evokes yog nyob ntawm qhov ntxoov ntxoo.

Ci daj ntxiv lub zog, tab sis tsis muaj qhov ntse thiab ntse uas muaj nyob rau hauv liab. Nruab nrab ntxoov daj evoke lub siab ntawm kev nplij siab thaum tseem invigorating. Tsaus ntxoov ntxoo (xws li kub) muab kev nkag siab ntawm qub txeeg qub teg, sau qhov chaw nrog lub sijhawm tsis muaj sijhawm, kev txawj ntse thiab xav paub.

Flash Media
Flash Media

Piv txwv li, ntawm nplooj ntawv home ntawm lub vev xaib tsim lub vev xaib, cov xim tsaus nti ntawm cov xim daj exude lub zog, xav paub, thiab txoj cai. Cov xim no zoo heev rau cov tuam txhab uas tau txais nyiaj los ntawm kev sab laj thiab xav hais txog lawv cov kev tshaj lij.

Ntsuab xim

Ntsuab yog tus choj ntawm qhov sov thiab txias ntxoov, txawm tias nws nyiam txias dua. Qhov no txhais tau hais tias ntsuab muaj cov nyhuv so ntawm xiav, tab sis kuj muaj me ntsis ntawm lub zog los ntawm daj.

Ameritrade
Ameritrade

Yog li ntawd, nws tsim ib qho chaw sib npaug thiab ruaj khov. Tsaus ntxoov ntsuab muab lub tswv yim ntawm kev nplua nuj thiab kev nplua nuj, ib yam li lub vev xaib.

Xim xiav

Raws li nrog daj, cov nyhuv ntawm xiav yog nyob ntawm qhov xim. Txhua qhov ntxoov xiav yog universal nyob rau hauv cov nqe lus ntawm kev so thiab kev nyab xeeb, tab sis lub teeb tones yog txuam nrog kev phooj ywg, thiab tsaus tones nrog kev tu siab.

Kev sib raug zoo xws li Twitter thiab Facebook siv sib zog rau nruab nrab ntxoov xiav, thaum cov chaw lag luam nyiam qhov ntxoov ntxoo ntawm lub zog thiab kev ntseeg siab.

Ib lub koom haum tsim kev tshwm sim yog ib qho piv txwv zoo. Siv cov paj xiav ua keeb kwm yav dhau los, lawv pom qhov pom ntawm lawv qhov kev paub thiab kev txawj hauv floristry, thiab kuj tsim kom muaj kev ntseeg siab thiab kev ntseeg siab.

Van vliet & cuab
Van vliet & cuab

Qhov no yog qhov tseem ceeb heev thaum lawv ua haujlwm nrog cov xwm txheej uas qhov muag pom tseem ceeb heev, xws li kab tshoob kev kos.

Ntshav

Cov xim liab yog keeb kwm txuam nrog muaj koob muaj npe grandeur, hinting ntawm khoom kim heev. Cov xim ntawm cov ntshav liab qhia txog kev siab dawb siab zoo thiab kev nplua nuj nyob rau hauv feem ntau, ua rau lawv xaiv zoo rau kev zam thiab khoom kim heev (txawm tias chocolate zoo li hom xim xaiv).

Duab
Duab

Cov duab sib zog xws li lavender (xim liab nrog qhov kov ntawm liab) evoke kev xav ntawm kev sib hlub, thaum cov xim tsaus nti zoo li ntau nqaij thiab tsis paub.

Dub

Qhov muaj zog tshaj plaws ntawm cov xim nruab nrab, dub, tshwm nyob rau yuav luag txhua lub vev xaib. Nws tuaj yeem cuam tshuam cov koom haum sib txawv nyob ntawm cov xim nrog nws los yog tswj lawv yog tias siv ntau dhau.

Lub zog thiab nruab nrab ntawm cov xim dub ua rau nws yog qhov kev xaiv zoo rau cov ntawv loj loj, tab sis raws li cov xim tseem ceeb nws tuaj yeem tsim kom muaj kev ntxhov siab lossis txawm tias cuam tshuam nrog kev phem.

Rau ntau qhov chaw, dub yog siv los tsim kom muaj kev nkag siab zoo. Kev sib xyaw ua ke ntawm cov xim dub thiab dawb hauv kev tsim minimalistic muab lub tswv yim ntawm elegance thiab style, ib yam li ntawm BOSE lub vev xaib.

Npau suav + ncav
Npau suav + ncav

Dawb

Nyob rau hauv Western kab lis kev cai, dawb yog txuam nrog purity, siab zoo thiab innocence. Cov xim no feem ntau siv rau cov keeb kwm yav dhau ntawm cov vev xaib minimalistic thiab yooj yim.

Qhov chaw nrog cov haujlwm ntawm Kloin Toshev
Qhov chaw nrog cov haujlwm ntawm Kloin Toshev

Tsis tas li ntawd, tsis muaj ib qho xim yuav cia koj them nyiaj ntau npaum li lwm cov xim dawb. Piv txwv li, rau tus yeej ntawm Awwwards, Kloin Toshev, tag nrho nws tej hauj lwm yog nteg tawm nyob rau hauv ib tug dawb keeb kwm yav dhau, uas tsuas yog ua rau cov illustrations sawv thiab muab lub tswv yim ntawm ib tug elegant gallery.

Grey xim

Txawm tias muaj tseeb hais tias nyob rau hauv tej lub sij hawm, grey muaj peev xwm tsim ib tug gloomy thiab tu siab qhov chaw, nws tseem yog feem ntau siv los ntawm cov kws designers.

Nws yog txhua yam hais txog qhov ntxoov ntxoo: los ntawm kev hloov lawv, koj tuaj yeem tau txais tag nrho cov kev xav tshwm sim los ntawm ob qho tib si dub thiab dawb. Tag nrho cov nyob rau hauv tag nrho, grey yog ib tug haib cuab tam nyob rau hauv txoj cai tes.

Awwards
Awwards

Thiab ua ke nrog cov xim ci dua hauv kev tsim, grey keeb kwm yav dhau zoo li niaj hnub, thiab tsis tsaus muag, piv txwv li, rau.

Beige

Beige nws tus kheej yog dull thiab inexpressive, tab sis nws muaj ib tug zoo kawg li khoom: beige yuav siv sij hawm nyob rau hauv lub cim ntawm paj uas nyob ib ncig ntawm nws. Yog li ntawd, yog tias nws tsis yog npaj los qhia kev txwv, beige ua haujlwm ua keeb kwm yav dhau los lossis xim thib ob.

Tsaus ntxoov ntxoo ntawm beige tsim kev nkag siab ntawm kev coj noj coj ua thiab lub ntiaj teb, muab cov ntaub ntawv zoo nkauj, thaum cov ntxoov ntxoo sib dua zoo li tshiab thiab niaj hnub.

Dishoom
Dishoom

Piv txwv li, ntawm lub tsev noj mov lub vev xaib, lub teeb beige xim nyob ib ncig ntawm lub npe thiab cov npoo tsaus muab lub tswv yim tias lub tsev noj mov yog ib qho tshiab noj ntawm cov zaub mov.

Ivory

Ivory thiab cream evoke yuav luag tib yam kev xav li dawb. Txawm li cas los xij, ivory yog sov dua (lossis tsis muaj menyuam yaus) dua li dawb, uas tsim kom muaj kev nplij siab ntau dua thaum tswj xyuas qhov tsawg.

Koj tuaj yeem siv cov kaus ntxhw es tsis txhob dawb kom muag qhov sib txawv ntawm nws thiab cov xim tsaus. Piv txwv li, ntawm qhov chaw, xim av-txiv kab ntxwv cov ntsiab lus tau muab tso rau ntawm cov keeb kwm yav dhau los ntawm ivory (uas zoo li greyish) kom muaj kev sov siab.

Art hauv kuv kas fes
Art hauv kuv kas fes

Xim spectrum

Txhua qhov chaw muaj cov txheej txheem xim uas siv cov xim thawj los sau ntau qhov chaw. Raws li peb tau hais ua ntej, kev siv cov xim no cuam tshuam rau lub siab thiab lub siab ntawm tus neeg feem ntau subconsciously. Yog li xaiv lawv kom zoo.

Thaum muaj ntau txoj hauv kev los ua ke cov xim, peb yuav tsom mus rau peb qhov ua tau zoo tshaj plaws thiab feem ntau siv.

Triad (triple harmony, daim duab peb sab)

Triad
Triad

Lub triad yog qhov yooj yim thiab feem ntau sib npaug system ntawm peb xim. Nws siv resonance thiab xim ntxiv, tab sis tsis muaj qhov sib txawv, uas ua rau lub triad yog qhov zoo tshaj plaws gamut.

Ntawm lub log 12-xim, xaiv ib qho peb ntawm 120 degrees sib nrug: ib qho rau pem hauv ntej thiab ob qho rau cov ntsiab lus thiab navigation bar.

Dual complementary system

Dual complementary system
Dual complementary system

Qhov ntau yam no nyuaj rau kev siv, tab sis nws tuaj yeem yog qhov txiaj ntsig zoo. Plaub xim yog siv: ob contrasting thiab ob complementary.

Tshawb xyuas seb nplooj ntawv zoo Florida Flourish zoo li cas raws li cov qauv no. Cov xim liab thiab ntsuab sib txawv hauv cov nroj tsuag thiab cov ntawv thaiv, thaum lub ntsej muag xiav thiab txiv kab ntxwv suab puam ntxiv rau daim duab zoo.

Loj hlob
Loj hlob

Analogs (serial system)

Analogs
Analogs

Qhov ntau ntawm cov xim zoo sib xws yog siv cov xim sib xyaw ua ke. Qhov no tso cai rau koj kom meej meej hais txog qee qhov zoo thiab ua rau qee qhov kev xav.

Piv txwv li, kev sib xyaw ua ke ntawm cov xim liab, txiv kab ntxwv thiab daj qhia txog lub zog thiab qhov tseem ceeb. Nws yog qhov yooj yim heev los siv cov nplais no, tab sis nws yog qhov nyuaj rau xaiv cov xim twg yuav suav nrog hauv kev sib xyaw ua ke. Cov nyhuv ntawm lawv yuav exaggerated, yog li koj tsis tuaj yeem yuam kev.

Piv txwv li, kev siv xiav, turquoise thiab ntsuab xim nyob rau hauv lub website tsim tsim ib qho chaw ntawm kev thaj yeeb thiab serenity. Daim ntawv ceeb toom li cas daj tau siv los qhia cov ntsiab lus tseem ceeb.

Blinksale
Blinksale

Cov no tsuas yog cov hauv paus ntsiab lus ntawm cov xim txoj kev xav uas tuaj yeem pab koj tsim cov qauv kev cai zoo nkauj, thiab tsis muaj kev txwv rau qhov koj tuaj yeem mus deb npaum li cas ntawm cov xim ntawm koj qhov chaw.

Xim Picker Assistant cuab yeej

Hmoov zoo, muaj ntau yam cuab yeej muaj los pab koj muab cov kev xav xim rau hauv kev xyaum. Sim cov palettes no kom koj tsis tas yuav pib los ntawm kos los tsim koj tus kheej:

  1. yav tas los hu ua Adobe Kuler. Nws yog ib qho ntawm feem ntau txhim khu kev qha xim xaiv cov cuab yeej.
  2. … Yog tias koj xav tau cov cuab yeej yooj yim los xaiv cov xim sai li sai tau, Paletton yog qhov zoo.
  3. … Ib qho cuab yeej zoo rau xaiv cov xim ntawm tus neeg siv interface.

Thiab yog tias cov cuab yeej no tsis ua haujlwm rau koj, ntawm no yog cov cuab yeej xaiv xim sib txawv.

Kev sib raug zoo ntawm cov xim thiab kev xav

Nco ntsoov: cov neeg siv tsis tshua pom thiab txaus siab rau xim ntawm keeb kwm yav dhau, navigation bar, cov ntsiab lus ntawm tus kheej, tab sis qhov no tsis txhais tau tias cov xim tsis cuam tshuam rau lawv. Nws tsuas yog tshwm sim subconsciously.

Tus neeg siv muaj qee qhov kev xav, txhim kho tus cwj pwm ntawm lub xaib lossis hom, nws ua qee yam kev ua: scrolls down, nyem rau ntawm cov nyees khawm uas induce act, los yog, conversely, tsis pom lawv. Thiab xim plays lub luag haujlwm loj hauv txhua qhov no.

Yog tias koj muaj lus qhia txog kev siv xim hauv web tsim, thov qhia rau hauv cov lus.

Pom zoo: