b2c商城：網站設計中如何好運用色彩藝術
2016.10.23
b2c商城：網站設計中如何好運用色彩藝術
b2c商城是一種商業模式，是一種商家對用戶的電商模式，一般以網絡零售業為主，企業可以在這個商城上開展在線銷售活動。消費者通過b2c商城實現網上購物、網上支付等活動。知名的話b2c商城有京東、淘寶。
b2c商城網站是什麼意思？
b2c商城網站是基於b2c電dian子zi商shang務wu活huo動dong而er建jian立li的de一yi類lei網wang站zhan，商shang家jia可ke以yi在zai網wang站zhan上shang進jin行xing商shang品pin的de銷xiao售shou，客ke戶hu可ke以yi通tong過guo網wang站zhan的de搜sou索suo展zhan示shi功gong能neng尋xun找zhao和he選xuan購gou自zi己ji喜xi歡huan的de商shang品pin，並bing在zai網wang站zhan地di蠔hao下xia單dan和he支zhi付fu。
隨著互聯網的發展和人們對網上購物接受度的不斷提高，網站購物已經融入到的人們的日常生活，更有“雙11”“、雙12”這樣的電商購物狂歡節的出現。伴隨著電商市場前影一同出現的是各大電商平台——b2c商城網站，那麼要如何在b2c商城網站設計中運用好色彩藝術呢？這需要設計對網站設計和電商特點有專業的了解和造詣才能聖任。
首先，需要明確什麼是b2c商城網站設計？
henduorenduiyuwangzhanshejihewangzhanzhizuodequfenbingbumingxian，shijishangwangzhanshejiyuwangzhanzhizuoshiyouqubiede，wangzhanshejishishejishimenyunyongtupianhesecaiduiwangzhanyemianjinxingmeihuadeguocheng，zhuyaoyusecaihetupiandajiaodao。xuyaoshejishimenduigeleituxingtuxiangshejiruanjianhesecaiyouzhedudaodejianjie，nenggoulejietiyan、分析用戶需求。b2c商城網站設計就是將網站建設策劃案中的內容、網站的主題模式，以及結合自己的專業認識通過藝術的手法表現出來，為下一步的網站設計做準備。
b2c商(shang)城(cheng)網(wang)站(zhan)設(she)計(ji)要(yao)求(qiu)設(she)計(ji)師(shi)們(men)需(xu)要(yao)做(zuo)的(de)是(shi)對(dui)網(wang)站(zhan)設(she)計(ji)整(zheng)體(ti)風(feng)格(ge)的(de)把(ba)握(wo)，同(tong)時(shi)將(jiang)需(xu)要(yao)出(chu)售(shou)的(de)商(shang)品(pin)圖(tu)片(pian)經(jing)過(guo)加(jia)工(gong)美(mei)化(hua)，將(jiang)色(se)彩(cai)元(yuan)素(su)與(yu)圖(tu)片(pian)和(he)文(wen)字(zi)等(deng)元(yuan)素(su)結(jie)合(he)起(qi)來(lai)，形(xing)成(cheng)具(ju)有(you)美(mei)感(gan)且(qie)能(neng)夠(gou)吸(xi)引(yin)用(yong)戶(hu)的(de)圖(tu)片(pian)，為(wei)下(xia)一(yi)步(bu)的(de)網(wang)頁(ye)製(zhi)作(zuo)做(zuo)準(zhun)備(bei)。
其次，確定網站風格
wangzhandefenggewomenkeyixingxiangdelijieweiwangzhangeirendediyiganshou，ruyilansefufenggeweizhudewangzhangeirenyizhongqingxinchunjingdeganjiao，yiheiseweizhudewangzhanzehuigeirenyizhongchenwenhouzhongdeganjiao。b2c商城網站在進行網站建設時需要對網站的風格進行定位，包括網站的CI（標誌、色彩、字體、標語）、版麵布局、瀏覽方式、交互性功能、文字、內容形式、存在價值等等諸多因素，其中C設計包括網站的標誌即logo、整體色彩、字體大小、顏色和廣告詞等信息。
近年來“純淨”、“留白”等設計概念被廣泛的應該於網站風格設計中，主要目的是為了能夠更簡單明了的突出主體，提供更舒適的感官感受。而在b2c商shang城cheng網wang站zhan中zhong被bei采cai用yong最zui多duo則ze是shi瀑pu布bu流liu和he滾gun動dong偵zhen測ce兩liang種zhong設she計ji風feng格ge。采cai用yong的de是shi一yi種zhong垂chui直zhi瀑pu布bu流liu的de方fang式shi布bu局ju。將jiang那na些xie內nei容rong垂chui直zhi排pai布bu，當dang用yong戶hu縱zong向xiang滾gun動dong頁ye麵mian時shi，內nei容rong會hui給gei人ren一yi種zhong不bu斷duan更geng新xin好hao永yong無wu止zhi境jing的de感gan覺jiao。這zhe種zhong風feng格ge的de網wang站zhan設she計ji大da大da減jian少shao了le分fen頁ye的de數shu量liang，分fen形xing科ke技ji建jian議yib2c商城網站可以采用戶這種風格設計，對於大量的商品信更新來說是一個非常好的方案。
另外還有一種網站設計風格在b2cshangchengwangzhanzhongyejiaoweiliuxing，jigundongzhencexingsheji，zhezhongfenggeshijiangwangzhandedaohanglangudingzaizhanmaobuhezuocelianggeweizhi，banmianshangsuoyoudeneironganzhaodaohanglandeshunxuchuizhihuohengxiangpaibu。zheqinzuodehaochushizaiyonghudianjixiangyingdaohangbiaoqianshiyemianhuizidonghuachuxiangyingziyemian，rudianjibiaoqianneirongzekezhijietiaozhuandaoduiyingdeyemian、這類風格的風站適用於那些以分類商品為銷售形式的b2c商城網站。
最後，b2c商城網站色彩的搭配
無論是網站的整體風格還是網站的頁麵設計都是離不開色彩的，網站的頁麵設計中運用最多的就是色塊、圖片和文字，其中圖片和文字表現的都其所代表的含義，而色塊則是網頁中真補空白的主角兒。當我們打開b2c商城網站第一眼看到的一定是網站中大部分的色彩，然後進而看到圖片和文字。所以色彩對於任何一個網站來說都是非常重要的。
一、色彩選擇
b2c商城網站網站中運用到色彩的部分有很多，如：背景、文字、圖標、邊框、超chao鏈lian接jie等deng，這zhe些xie內nei容rong都dou是shi需xu要yao網wang站zhan設she計ji時shi需xu要yao確que定ding的de內nei容rong，如ru何he將jiang這zhe些xie元yuan素su合he理li的de進jin行xing色se彩cai搭da配pei是shi每mei個ge網wang站zhan設she計ji師shi一yi直zhi在zai研yan究jiu的de課ke題ti。大da千qian世shi界jie的de色se彩cai千qian變bian萬wan想xiang要yao用yong一yi兩liang句ju話hua就jiu將jiang網wang站zhan色se彩cai搭da配pei的de學xue問wen說shuo清qing楚chu顯xian然ran很hen不bu現xian實shi，這zhe裏li分fen形xing科ke技ji要yao為wei大da家jia介jie紹shao的de是shi一yi些xieb2c商城網站色彩搭配的技巧。
1．jinliangzaiwangzhanzhongshiyongtongyizhongsecai。zhelisuoshuodetongyizhongsecaibingbushizhixuanyongyizhongyanse，ershizhixianxuandingyizhongzhusecai，ranhouduigaisecaidihaotoumingduhuozhebaohedudetiaozheng，congerdedaoxiangsidesecai，zheyangdeshejikeyirangzhenggewangzhanyemiankanqilaisecaitongyi，youcengcigan。
2．ruguoxiangyaoshiyongliangzhongsecaidehua，keyixuandingyizhongzhutisecai，ranhouzaiyonggaisededuibiseduizhegezhutisecaijinxingbuchonghemeihua，dadaotuchuzhongdian，jujishijiaodemude。
3．如果b2c商(shang)城(cheng)網(wang)站(zhan)選(xuan)用(yong)的(de)是(shi)多(duo)色(se)彩(cai)展(zhan)示(shi)的(de)話(hua)，建(jian)議(yi)一(yi)定(ding)要(yao)選(xuan)同(tong)一(yi)個(ge)色(se)係(xi)的(de)顏(yan)色(se)，這(zhe)樣(yang)不(bu)會(hui)給(gei)人(ren)一(yi)種(zhong)沒(mei)有(you)得(de)點(dian)，亂(luan)七(qi)八(ba)糟(zao)的(de)感(gan)覺(jiao)。同(tong)色(se)係(xi)指(zhi)的(de)是(shi)感(gan)覺(jiao)相(xiang)進(jin)的(de)色(se)彩(cai)，簡(jian)如(ru)淡(dan)藍(lan)，淡(dan)黃(huang)，淡(dan)綠(lv)；或土黃，土灰，藍。
二、色彩結構
網站在進行設計配色時可以用平麵構圖的方法對網站的整體視覺效果進行整合，即利用點、線、麵(mian)的(de)造(zao)形(xing)讓(rang)網(wang)頁(ye)中(zhong)的(de)色(se)彩(cai)變(bian)的(de)活(huo)潑(po)起(qi)來(lai)，生(sheng)動(dong)起(qi)來(lai)。色(se)彩(cai)結(jie)構(gou)成(cheng)了(le)網(wang)站(zhan)的(de)版(ban)式(shi)，用(yong)視(shi)覺(jiao)感(gan)強(qiang)烈(lie)的(de)色(se)彩(cai)突(tu)出(chu)網(wang)站(zhan)中(zhong)的(de)得(de)要(yao)內(nei)容(rong)，並(bing)以(yi)些(xie)為(wei)中(zhong)心(xin)將(jiang)網(wang)站(zhan)中(zhong)的(de)信(xin)息(xi)進(jin)行(xing)由(you)重(zhong)要(yao)到(dao)次(ci)的(de)排(pai)列(lie)。這(zhe)樣(yang)的(de)配(pei)色(se)和(he)版(ban)式(shi)讓(rang)網(wang)站(zhan)變(bian)更(geng)聚(ju)合(he)、整齊，突出個性特點。在b2c商城網站色彩結構搭配中，需要設計者以商品為核心進行網站版式的排布，突出主打產品同時展示非主打產品。
三、網站設計配色誤區
1．搭配顏色選擇不要過多，控製在三至五種色彩即可。
2．背景與文字、圖片的對比要大，以便突出主要文字內容，不要用花紋繁複的圖案作背景。
b2c商城是一種商業模式，是一種商家對用戶的電商模式，一般以網絡零售業為主，企業可以在這個商城上開展在線銷售活動。消費者通過b2c商城實現網上購物、網上支付等活動。知名的話b2c商城有京東、淘寶。
b2c商城網站是什麼意思？
b2c商城網站是基於b2c電dian子zi商shang務wu活huo動dong而er建jian立li的de一yi類lei網wang站zhan，商shang家jia可ke以yi在zai網wang站zhan上shang進jin行xing商shang品pin的de銷xiao售shou，客ke戶hu可ke以yi通tong過guo網wang站zhan的de搜sou索suo展zhan示shi功gong能neng尋xun找zhao和he選xuan購gou自zi己ji喜xi歡huan的de商shang品pin，並bing在zai網wang站zhan地di蠔hao下xia單dan和he支zhi付fu。
隨著互聯網的發展和人們對網上購物接受度的不斷提高，網站購物已經融入到的人們的日常生活，更有“雙11”“、雙12”這樣的電商購物狂歡節的出現。伴隨著電商市場前影一同出現的是各大電商平台——b2c商城網站，那麼要如何在b2c商城網站設計中運用好色彩藝術呢？這需要設計對網站設計和電商特點有專業的了解和造詣才能聖任。
首先，需要明確什麼是b2c商城網站設計？
henduorenduiyuwangzhanshejihewangzhanzhizuodequfenbingbumingxian，shijishangwangzhanshejiyuwangzhanzhizuoshiyouqubiede，wangzhanshejishishejishimenyunyongtupianhesecaiduiwangzhanyemianjinxingmeihuadeguocheng，zhuyaoyusecaihetupiandajiaodao。xuyaoshejishimenduigeleituxingtuxiangshejiruanjianhesecaiyouzhedudaodejianjie，nenggoulejietiyan、分析用戶需求。b2c商城網站設計就是將網站建設策劃案中的內容、網站的主題模式，以及結合自己的專業認識通過藝術的手法表現出來，為下一步的網站設計做準備。
b2c商(shang)城(cheng)網(wang)站(zhan)設(she)計(ji)要(yao)求(qiu)設(she)計(ji)師(shi)們(men)需(xu)要(yao)做(zuo)的(de)是(shi)對(dui)網(wang)站(zhan)設(she)計(ji)整(zheng)體(ti)風(feng)格(ge)的(de)把(ba)握(wo)，同(tong)時(shi)將(jiang)需(xu)要(yao)出(chu)售(shou)的(de)商(shang)品(pin)圖(tu)片(pian)經(jing)過(guo)加(jia)工(gong)美(mei)化(hua)，將(jiang)色(se)彩(cai)元(yuan)素(su)與(yu)圖(tu)片(pian)和(he)文(wen)字(zi)等(deng)元(yuan)素(su)結(jie)合(he)起(qi)來(lai)，形(xing)成(cheng)具(ju)有(you)美(mei)感(gan)且(qie)能(neng)夠(gou)吸(xi)引(yin)用(yong)戶(hu)的(de)圖(tu)片(pian)，為(wei)下(xia)一(yi)步(bu)的(de)網(wang)頁(ye)製(zhi)作(zuo)做(zuo)準(zhun)備(bei)。
其次，確定網站風格
wangzhandefenggewomenkeyixingxiangdelijieweiwangzhangeirendediyiganshou，ruyilansefufenggeweizhudewangzhangeirenyizhongqingxinchunjingdeganjiao，yiheiseweizhudewangzhanzehuigeirenyizhongchenwenhouzhongdeganjiao。b2c商城網站在進行網站建設時需要對網站的風格進行定位，包括網站的CI（標誌、色彩、字體、標語）、版麵布局、瀏覽方式、交互性功能、文字、內容形式、存在價值等等諸多因素，其中C設計包括網站的標誌即logo、整體色彩、字體大小、顏色和廣告詞等信息。
近年來“純淨”、“留白”等設計概念被廣泛的應該於網站風格設計中，主要目的是為了能夠更簡單明了的突出主體，提供更舒適的感官感受。而在b2c商shang城cheng網wang站zhan中zhong被bei采cai用yong最zui多duo則ze是shi瀑pu布bu流liu和he滾gun動dong偵zhen測ce兩liang種zhong設she計ji風feng格ge。采cai用yong的de是shi一yi種zhong垂chui直zhi瀑pu布bu流liu的de方fang式shi布bu局ju。將jiang那na些xie內nei容rong垂chui直zhi排pai布bu，當dang用yong戶hu縱zong向xiang滾gun動dong頁ye麵mian時shi，內nei容rong會hui給gei人ren一yi種zhong不bu斷duan更geng新xin好hao永yong無wu止zhi境jing的de感gan覺jiao。這zhe種zhong風feng格ge的de網wang站zhan設she計ji大da大da減jian少shao了le分fen頁ye的de數shu量liang，分fen形xing科ke技ji建jian議yib2c商城網站可以采用戶這種風格設計，對於大量的商品信更新來說是一個非常好的方案。
另外還有一種網站設計風格在b2cshangchengwangzhanzhongyejiaoweiliuxing，jigundongzhencexingsheji，zhezhongfenggeshijiangwangzhandedaohanglangudingzaizhanmaobuhezuocelianggeweizhi，banmianshangsuoyoudeneironganzhaodaohanglandeshunxuchuizhihuohengxiangpaibu。zheqinzuodehaochushizaiyonghudianjixiangyingdaohangbiaoqianshiyemianhuizidonghuachuxiangyingziyemian，rudianjibiaoqianneirongzekezhijietiaozhuandaoduiyingdeyemian、這類風格的風站適用於那些以分類商品為銷售形式的b2c商城網站。
最後，b2c商城網站色彩的搭配
無論是網站的整體風格還是網站的頁麵設計都是離不開色彩的，網站的頁麵設計中運用最多的就是色塊、圖片和文字，其中圖片和文字表現的都其所代表的含義，而色塊則是網頁中真補空白的主角兒。當我們打開b2c商城網站第一眼看到的一定是網站中大部分的色彩，然後進而看到圖片和文字。所以色彩對於任何一個網站來說都是非常重要的。
一、色彩選擇
b2c商城網站網站中運用到色彩的部分有很多，如：背景、文字、圖標、邊框、超chao鏈lian接jie等deng，這zhe些xie內nei容rong都dou是shi需xu要yao網wang站zhan設she計ji時shi需xu要yao確que定ding的de內nei容rong，如ru何he將jiang這zhe些xie元yuan素su合he理li的de進jin行xing色se彩cai搭da配pei是shi每mei個ge網wang站zhan設she計ji師shi一yi直zhi在zai研yan究jiu的de課ke題ti。大da千qian世shi界jie的de色se彩cai千qian變bian萬wan想xiang要yao用yong一yi兩liang句ju話hua就jiu將jiang網wang站zhan色se彩cai搭da配pei的de學xue問wen說shuo清qing楚chu顯xian然ran很hen不bu現xian實shi，這zhe裏li分fen形xing科ke技ji要yao為wei大da家jia介jie紹shao的de是shi一yi些xieb2c商城網站色彩搭配的技巧。
1．jinliangzaiwangzhanzhongshiyongtongyizhongsecai。zhelisuoshuodetongyizhongsecaibingbushizhixuanyongyizhongyanse，ershizhixianxuandingyizhongzhusecai，ranhouduigaisecaidihaotoumingduhuozhebaohedudetiaozheng，congerdedaoxiangsidesecai，zheyangdeshejikeyirangzhenggewangzhanyemiankanqilaisecaitongyi，youcengcigan。
2．ruguoxiangyaoshiyongliangzhongsecaidehua，keyixuandingyizhongzhutisecai，ranhouzaiyonggaisededuibiseduizhegezhutisecaijinxingbuchonghemeihua，dadaotuchuzhongdian，jujishijiaodemude。
3．如果b2c商(shang)城(cheng)網(wang)站(zhan)選(xuan)用(yong)的(de)是(shi)多(duo)色(se)彩(cai)展(zhan)示(shi)的(de)話(hua)，建(jian)議(yi)一(yi)定(ding)要(yao)選(xuan)同(tong)一(yi)個(ge)色(se)係(xi)的(de)顏(yan)色(se)，這(zhe)樣(yang)不(bu)會(hui)給(gei)人(ren)一(yi)種(zhong)沒(mei)有(you)得(de)點(dian)，亂(luan)七(qi)八(ba)糟(zao)的(de)感(gan)覺(jiao)。同(tong)色(se)係(xi)指(zhi)的(de)是(shi)感(gan)覺(jiao)相(xiang)進(jin)的(de)色(se)彩(cai)，簡(jian)如(ru)淡(dan)藍(lan)，淡(dan)黃(huang)，淡(dan)綠(lv)；或土黃，土灰，藍。
二、色彩結構
網站在進行設計配色時可以用平麵構圖的方法對網站的整體視覺效果進行整合，即利用點、線、麵(mian)的(de)造(zao)形(xing)讓(rang)網(wang)頁(ye)中(zhong)的(de)色(se)彩(cai)變(bian)的(de)活(huo)潑(po)起(qi)來(lai)，生(sheng)動(dong)起(qi)來(lai)。色(se)彩(cai)結(jie)構(gou)成(cheng)了(le)網(wang)站(zhan)的(de)版(ban)式(shi)，用(yong)視(shi)覺(jiao)感(gan)強(qiang)烈(lie)的(de)色(se)彩(cai)突(tu)出(chu)網(wang)站(zhan)中(zhong)的(de)得(de)要(yao)內(nei)容(rong)，並(bing)以(yi)些(xie)為(wei)中(zhong)心(xin)將(jiang)網(wang)站(zhan)中(zhong)的(de)信(xin)息(xi)進(jin)行(xing)由(you)重(zhong)要(yao)到(dao)次(ci)的(de)排(pai)列(lie)。這(zhe)樣(yang)的(de)配(pei)色(se)和(he)版(ban)式(shi)讓(rang)網(wang)站(zhan)變(bian)更(geng)聚(ju)合(he)、整齊，突出個性特點。在b2c商城網站色彩結構搭配中，需要設計者以商品為核心進行網站版式的排布，突出主打產品同時展示非主打產品。
三、網站設計配色誤區
1．搭配顏色選擇不要過多，控製在三至五種色彩即可。
2．背景與文字、圖片的對比要大，以便突出主要文字內容，不要用花紋繁複的圖案作背景。
3．色彩的搭配要賞心悅目的感覺。同時也要醒目鮮豔，容易引人注目。
相關文章推薦：B2C商城網站設計中如何運用好色彩藝術
