電子商務(wù)網(wǎng)頁設(shè)計與制作Design

and

making

of

E-commerce

webpages企業(yè)網(wǎng)站色彩分析與應(yīng)用主講人：曹春益THISIS導(dǎo)入：從企業(yè)logo引發(fā)思考企業(yè)網(wǎng)站色彩分析企業(yè)網(wǎng)站配色技巧Content導(dǎo)入-案例賞析并引發(fā)思考大部分網(wǎng)站以及互聯(lián)網(wǎng)企業(yè)的logo色彩都分布在紅色及藍(lán)色系附近紅色系藍(lán)色系紅色帶給人溫暖、熱情、主動的活力感，而藍(lán)色則具有可靠、專業(yè)的形象感。?橙色：開朗，熱情，快樂，激情，魅力，創(chuàng)意，有趣，輕浮，華麗，粗魯，低端；

?黃色：樂觀，清新，法律，教育，傲慢，怯懦，疾病，背叛，幼稚；

?綠色：財富，金錢，平靜，樹木，野心，耐力，治愈，冷靜，打賭，自然，完備，一一一一保護(hù)，羨慕，嫉妒，不成熟；

?紫色：神奇，神秘，靈性，潛意識，創(chuàng)造力，尊嚴(yán)，皇室，悲哀，殘酷，自大，自負(fù)；

?黑色：強(qiáng)大，神秘，高貴，精致，功能性，死亡，病態(tài)，瘟疫，孤傲；你需要在這么多顏色中為企業(yè)網(wǎng)站確定一套配色方案是不是也會無從下手呢？企業(yè)網(wǎng)站色彩分析常見配色方案同色系配色網(wǎng)頁的品牌色及主導(dǎo)色都是深藍(lán)色，主要體現(xiàn)在網(wǎng)頁頭部的背景，與intel公司推崇科技創(chuàng)新、引領(lǐng)未來的企業(yè)文化相一致。輔助色為深淺不一的藍(lán)色及黑白色，主要體現(xiàn)在網(wǎng)頁主體部分的文字及圖片的顏色，給用戶帶來了科技感的統(tǒng)一感受。相近色配色網(wǎng)頁的配色主要以綠色和黃色為主，這跟鮮豐水果倡導(dǎo)的新鮮、綠色的經(jīng)營理念相一致，也沿用了logo的配色。采用這樣相近色的配色方法比較常見，搭配比同色系稍微豐富，色相柔和過渡看起來也很和諧?；パa(bǔ)色配色網(wǎng)頁品牌色為紅色，跟logo的顏色相一致。歐尚一般都是選址在不發(fā)達(dá)的地方,當(dāng)初在法國第一家店開業(yè)的時候來了一群麻雀來捧場,于是小鳥就光榮地設(shè)計到了logo里。紅鳥為法國的國鳥,中文名叫紅雀，所以才有了現(xiàn)在的logo。深綠色的吊頂導(dǎo)航打通整站路徑，并有引導(dǎo)用戶向下閱讀之意，網(wǎng)頁的功能性圖標(biāo)采用綠色，旨在傳達(dá)為客戶提供流暢便捷的服務(wù)；網(wǎng)頁的商品展示欄目標(biāo)題背景采用紅綠交錯的搭配，顏色對比鮮明，能吸引用戶的眼球，也傳達(dá)了歐尚的品牌形象。網(wǎng)頁banner的促銷文案及商品價格信息采用醒目的紅色，第一時間吸引客戶的關(guān)注和購買。多色配色對于具有豐富產(chǎn)品線的谷歌來說，通過4種品牌色按照一定的純度比，再用無色彩黑白灰能搭配出千變?nèi)f化的配色方案，讓品牌極具統(tǒng)一感。在大部分頁面，藍(lán)色會充當(dāng)主導(dǎo)色，其他3色作輔色并設(shè)定不同的任務(wù)屬性，黑白灰多作為輔助色，對于平臺類站點來說，多色主導(dǎo)有非常好的延展性。企業(yè)網(wǎng)站配色技巧1.確定基色（1）沿用logo的配色（2）避免使用競爭對手的顏色品牌顏色的差異性是非常重要的。（3）了解你的用戶層所喜歡的顏色不管面對的是怎樣的用戶，你都要知道他們適合什么樣的顏色。（4）決定一個關(guān)鍵字為了展現(xiàn)出品牌和項目的氛圍、將關(guān)鍵字涂上顏色，在配色遇到困難時是非常便利的方法。企業(yè)網(wǎng)站配色技巧2.借助于ps的kuler插件創(chuàng)建配色方案小結(jié)1.網(wǎng)站配色的目的是要提高網(wǎng)站的體驗和可讀性，不要讓用戶分心。2.當(dāng)你設(shè)計配色方案的時候，需要保證即使是色盲用戶都能準(zhǔn)確而輕松地獲取網(wǎng)站內(nèi)容，這也就意味著你的配色要保證足夠的視覺反差，而非全部使用對比色。3.至少選擇兩種色彩，一主一次，并且兩種色彩足以支撐起網(wǎng)站的視覺。網(wǎng)店海報的色彩設(shè)計與應(yīng)用假設(shè)基色是紅色，分別基于單色、近似色、三色、互補(bǔ)色的原則創(chuàng)建四套網(wǎng)頁配色方案，并將配色方案應(yīng)用到上面的網(wǎng)頁模板中。作業(yè)：大家動手練一練電子商務(wù)網(wǎng)頁設(shè)計與