色彩在商業(yè)網(wǎng)站設計中的應用與研究

【摘 要】隨著社會的進步和計算機技術(shù)的發(fā)展，大眾對于視覺元素的追求有了更深的要求。就商業(yè)網(wǎng)站來說，色彩是受眾接觸企業(yè)的最直接的、也是最為關鍵的視覺因素之一。在商業(yè)網(wǎng)站設計中對色彩的選擇，并不是根據(jù)制作人員的設計愛好與習慣來決定的，而是根據(jù)商業(yè)網(wǎng)站的特性、商業(yè)組織的企業(yè)理念以及當下組織的潛在用戶對色彩的感覺來確定的。

【關鍵詞】色彩；商業(yè)網(wǎng)站；數(shù)字色彩；視覺沖擊力

網(wǎng)站設計當中，基本的視覺元素有色彩、圖形、文字和編排 不同的彩搭配有不同的效果，其寓意也不同，這樣，帶給大眾的感受也是不同的。然而，為網(wǎng)站選擇正確的色彩，如何使色彩的搭配自然、和諧、美觀、大方，是本文寫作的重要內(nèi)容。

一 色彩與商業(yè)網(wǎng)站設計

1.1 色彩的屬性

色彩是促成商業(yè)網(wǎng)站界面風格的最重要的視覺元素，在所有的視覺元素當中，色彩的沖擊力是最強的。在網(wǎng)頁中要運用好色彩相當?shù)闹匾?，運用好色彩不僅能提升網(wǎng)站的點擊率，更能升華組織的整體品牌形象。

例如，從色彩的明度上來講，明度高的色彩一般表達活潑、開朗、干凈、明亮、寬敞的感覺，很多的商業(yè)女性網(wǎng)站多數(shù)用這類高明度的顏色，表達干凈，明亮的效果；而明度較低的色彩適合表達黑暗緊張、郁悶沉重、狹窄沉穩(wěn)的感覺。軍事類的以及高科技的技術(shù)網(wǎng)站多以深冷色為主，讓人感覺穩(wěn)重可靠。

從純度的角度來分析，高純度的色彩給公眾以干凈、有活力，單純顯現(xiàn)的感覺，比如一些兒童類的商業(yè)網(wǎng)站多以色彩鮮艷，高純度的效果再現(xiàn)給公眾；低純度的色彩首先沒有明確的色彩傾向，很多時候給公眾以較臟、沉穩(wěn)、有內(nèi)涵的感覺，像一些專門經(jīng)營中老年商品的這類組織，在選擇網(wǎng)站色彩的時候多以低純度的顏色為主。

從色彩的色相角度來分析，其中以色料三原色為例。紅色代表一種熱情、喜慶和積極向上的感覺，例如可口可樂網(wǎng)站顏色的選擇主要是以紅色為主，表達一種喜慶積極向上的感覺。黃色在色相的范圍里面是以冷色調(diào)高明度的感覺展示給我們大眾的，在夏天一些購物網(wǎng)站主要以黃色為主色調(diào)進行搭配；而藍人感覺清爽涼快，一些專業(yè)的攝影機構(gòu)推出攝影套系的活動，以此來吸引潛在的公眾。

1.2 商業(yè)網(wǎng)站的設計原則

商業(yè)網(wǎng)站設計是企業(yè)從生產(chǎn)、銷售到消費領域的直觀表現(xiàn)，作用不僅僅是提升組織和產(chǎn)品的形象，更重要是吸引更多的潛在公眾和次要公眾。所以其設計要符合該企業(yè)的服務、文化理念、發(fā)展戰(zhàn)略、產(chǎn)品性能及等內(nèi)容。其次，商業(yè)網(wǎng)站的色彩設計不同一般網(wǎng)站的設計，商業(yè)網(wǎng)站的設計要求是主題鮮明，框架明確，主次突出，寓意深刻，能準確的表達企業(yè)的文化理念，這樣才能能好的把握網(wǎng)站整體的結(jié)構(gòu)、框架、藝術(shù)風格及網(wǎng)站特色。最后，就是網(wǎng)站的布局設計，網(wǎng)頁設計作為平面設計的一種，又不完全類同于平面設計，網(wǎng)站設計要顧全用戶的體驗性要講究排版和布局，在頁面的布局上利用文字于圖形的空間組合，表達出和諧與秩序的美感。

1.3 色彩在商業(yè)網(wǎng)站設計中的重要性

明確網(wǎng)站建設中的標準色的選擇，不同的色相與之相搭，則產(chǎn)生的視覺效果是不同的，也有可能對受眾的情緒，起到影響。而從理論上來講，一個網(wǎng)站的標準色彩在三種左右。主要在商業(yè)網(wǎng)站的標志、主菜單和主色掉上給人以整體的感覺。

在商業(yè)網(wǎng)站設計中，從視覺的上來講，網(wǎng)站的色彩吸引著每一個用戶，良好的色彩選擇容易吸引顧客，刺激消費欲望，而且色彩是人們最先獲取的一種視覺元素，色彩不管是從感情上還是心理上都吸引用戶。利用這一特性可以實現(xiàn)潛在用戶的愿望，引導市場。

從組織本身來說，色彩的選擇也是組織形象和行為理念的綜合體現(xiàn)，組織形象是其自身的一項重要無形資產(chǎn)，它代表著組織的信譽、產(chǎn)品質(zhì)量及員工的綜合素質(zhì)等。

綜上，色彩在商業(yè)網(wǎng)站設計中有著舉足輕重的作用，下面將從色彩在商業(yè)網(wǎng)站設計中的應用方面進行研究分析。

二 色彩在商業(yè)網(wǎng)站設計中的應用研究

歌德曾經(jīng)說：“顏色對于人的心靈有一種作用，它能夠刺激感覺，喚起那些使人激動使人痛苦或使人快樂的情緒。”色彩本身是沒有名稱，沒有屬性的，它只是一種由于光折射、反射的不同程度造成的物理現(xiàn)象，因為人們長期生活在一個色彩的世界中，積累著許多視覺經(jīng)驗，所以從色彩的視覺上、心理上還是從數(shù)字色彩方面來講，都有著不可估量的作用。

2.1 色彩視覺在商業(yè)網(wǎng)站設計中的應用

商業(yè)網(wǎng)頁設計中的色彩是網(wǎng)站確定風格的靈魂。好的色彩視覺效果較好，也會使網(wǎng)站生動，有氣息，有空間，有層次。所以，要應用好色彩，得從以下內(nèi)容進行。

首先，確定整體網(wǎng)站的主色調(diào)。網(wǎng)頁的主色調(diào)就像是素描中明暗交界線，對整個頁面起著壓軸和引導的作用。主色調(diào)的確定要根據(jù)組織和產(chǎn)品特點確定。一般來說，一個網(wǎng)站的主色調(diào)在兩種色左右，比如一個航運類的網(wǎng)站，要是選用粉色或者是橘紅作為主色， 就無法帶給人們以沉穩(wěn)，莊重，信賴的感覺，那么它的收益可想而知。所以根據(jù)行業(yè)特點和產(chǎn)品的功能我們可以選用純度、明度較低的主色調(diào)，深綠色、深灰色或是深藍色，這樣也有利于體現(xiàn)網(wǎng)站個性、突出主題。另外還可以根據(jù)目標用戶的一些喜好和網(wǎng)站所要表達的整體風格來決定。針對的目標公眾的差異，在選色上也要有相應的差異。根據(jù)不同用戶的年齡性別、宗教文化和民族修養(yǎng)的不同， 對色彩的聯(lián)想和理解也是千差萬別的。一種色彩所表達的情感是有限的，它不可能同時表達女性的柔美，男性的陽剛之氣，這就要求我們一定要全方位定位主色掉。例如，一個女性化妝品為主題的網(wǎng)站，可以使用淡綠色或者是粉色等親和力較強的一些色系，體現(xiàn)女性的柔美。還可以根據(jù)組織原有的VI或logo確定網(wǎng)站的主色調(diào)。例如，中國建設銀行的網(wǎng)站，根據(jù)Logo的顏色，標準色為藍色，那么網(wǎng)站的的主色調(diào)也會沿用藍色調(diào)。在網(wǎng)站設計中，主色決定了網(wǎng)站的風格，或嚴肅、或沉穩(wěn)、或可信、或前衛(wèi)等，所以運用好主色調(diào)是優(yōu)秀網(wǎng)站設計的殺手锏。

其次，確定主色調(diào)的搭配色。當網(wǎng)站主色調(diào)確定后，從同類色、鄰近色、對比色和互補色上著手進行配色。例如上面的例子，航運類的網(wǎng)站確定其主色調(diào)為深藍色，這時根據(jù)同色的搭配，在藍色的基礎上再加上無彩色黑、白、灰，那么就可以形成層次分明的以藍色為主的同色網(wǎng)站；也可以根據(jù)同類色的配色規(guī)律，在24色環(huán)上相差在30°以內(nèi)的類似顏色的搭配，藍色可以搭配藍紫色，或者是藍綠色，這一類配色在視覺上比較柔和，頁面效果整體統(tǒng)一、色彩和諧美觀，則給人一種賞心悅目的感覺；同時也可以用鄰近色的配色規(guī)律進行選色，同樣以藍色為主色調(diào)進行搭配可以選擇果綠色，或者是紫色等，這種配色方案在視覺上對比協(xié)調(diào)，比較自然；若是想讓頁面的對比強烈，這時可以選用藍色的互補色或者是120°以內(nèi)的顏色作為點睛色，這樣呈現(xiàn)的頁面空間氛圍活躍而有生氣。

最后，根據(jù)當下的流行色進行色彩的搭配。流行色的運用在網(wǎng)上擴大了品牌效應，也是對公司整體形象的統(tǒng)一應用，從而構(gòu)成了企業(yè)識別系統(tǒng)的重要組成部分。

2.2 色彩心理在商業(yè)網(wǎng)站設計中的應用

不同的色相會引起人們不同的聯(lián)想，產(chǎn)生不同的心理感受，從而產(chǎn)生不同情感。色相、明度、純度的不同，都會引起人們心理上的變化。例如，深藍色和淡藍色都屬于藍色系，可是他們的效果卻不同，都會不同程度的引起人們的心理感受的變化。

在色彩表情表現(xiàn)的時候，為了把商業(yè)網(wǎng)站中色彩對瀏覽者的心理影響有效的表現(xiàn)出來，激發(fā)潛在客戶的消費動機，所以我們就從色彩心理上來研究其應用的規(guī)律。例如，黃色是一個暖色，類似陽光的顏色，因此給人留下明亮、輝煌、燦爛、的印象，它有大自然、陽光、春天的涵義，而且通常被認為是一個快樂和有希望的色彩。另外，黃色在中國古代是皇家的專用色，代表皇家的尊貴，一些高檔的商品，其網(wǎng)站通常用黃色系來彰顯其高檔。

同時，色彩在表現(xiàn)表情時，還有色彩聯(lián)想的表現(xiàn)。生活中最常見的比如，看到綠色會聯(lián)想到森林、草原和牧場等；看到紅色會聯(lián)想到血跡、大火和夕陽等；看到黃色會聯(lián)想到向日葵、香蕉和鴨梨等，這些聯(lián)想是它們之間相同的色彩形成，是由色彩想到客觀存在的具體事物色彩的聯(lián)想形式，在人們心理上產(chǎn)生了共鳴。另外看到色彩會直接想象到某種富于哲理或者是抽象的涵義。如看到紫色會聯(lián)想到高貴、優(yōu)雅和神秘等；黑色不僅可以使人聯(lián)想到堅實和剛健而且還使人聯(lián)想到危險、沉重和死亡等；青色會使人聯(lián)想到高傲、時尚和清晰等。這類聯(lián)想是一種邏輯性與形象性相互作用的過程。

色彩的表達除了以上自身的物理因素以外，由于其受到人文歷史、地域環(huán)境、民俗宗教等諸多因素的影響，所以某種色彩在特定的地域意味著某一種特定的象征，例如，牧師們穿的都是白色的袍子，這種顏色象征光明和神圣，剛受洗的基督徒身著白衣來表明他們獲得重生后的純潔。耶穌的長袍“潔白勝雪”。 [5] 白色還象征寬恕，《以賽亞書》中主說：“你們的罪雖像朱紅，必變成雪白?！盵7]在當代中國白色也擴展延伸到新娘結(jié)婚時身著白色婚紗。這就是色彩的象征特性，表達人們的觀念與信仰，這種特性主要產(chǎn)生于人們生活的傳統(tǒng)風俗習慣。在對商業(yè)網(wǎng)站配色時必考慮其色彩的象征性。白色是無彩色的一種，常常被用作頁面的背景色，很多的設計師使用白色并創(chuàng)造了非常美觀的網(wǎng)站?？傊?，在商業(yè)網(wǎng)站色彩設計中色彩心理是不可忽視的一部分。

2.3 數(shù)字色彩在商業(yè)網(wǎng)站設計中的應用

“數(shù)字色彩也叫數(shù)碼色彩（Computer Color），即利用現(xiàn)代數(shù)字技術(shù)虛擬表現(xiàn)色彩的屬性特征，是數(shù)字圖形（Computer Graphics）的重要組成部分?！盵8]數(shù)字色彩一般是通過計算機輔助手段將數(shù)字代碼匯編而成的一組色彩，數(shù)碼的不同，表現(xiàn)出的色彩也是千變?nèi)f化的，數(shù)字色彩的表現(xiàn)形式主要有“CMYK、RGB、LAB、Indexed Color（索引）、 Bitmap（位圖）” 等色彩模式，這些色彩的模式通過不同的數(shù)碼結(jié)合，都將能完整地表現(xiàn)出具體的色彩屬性。以常用的RGB色彩模式為例，它的數(shù)字色彩特征： Red代表紅色， Green代表綠色， Blue代表藍色， 其數(shù)字值都是0—255的程度描述，如R255就是紅色，G30就是深綠色，“R255、G30”就是橘色。通過對RGB三個相互之間的疊加來得到各式各樣的顏色的。由于網(wǎng)頁是基于計算機瀏覽器開發(fā)的媒體，所以顏色以RGB為主。一般在網(wǎng)頁顏色設計中，基本用16進制來表示，基本格式為#ABCDEF或者是#（0-9的數(shù)字），如黑色，是：#000000，在css編寫中可寫為#000。當顏色代碼為#AACC22時，可以簡寫為#AC2表示，如#236與#223366表示同一種顏色。

綜上分析，數(shù)字色彩有很強的科學性，所以在對色彩的視覺描述時，要準確的表達。一組字符表現(xiàn)一種色彩的色性，一種視覺特征。在商業(yè)網(wǎng)站的表達中，數(shù)字化色彩的確定也非常的重要。由于數(shù)字具有可變性的特征，使色彩的色調(diào)起到了預想不到的變化，是一個網(wǎng)站脫穎而出的有力武器。

三 不同的商業(yè)網(wǎng)站對色彩的需求

根據(jù)不同的商品，設計師在制作網(wǎng)站時，為了更準確地設計出不同商品的色彩，如下的劃分，作出相應的色彩的參考：

奢侈類網(wǎng)站：比如高檔香水香奈兒、高檔化妝品雅詩蘭黛以及服飾商品christian dior（克里斯汀·迪奧）等；其中以法國高檔香水香奈兒為例，其網(wǎng)站的設計以黑色為主色調(diào)，讓整個網(wǎng)站具有神秘的氛圍，香水本身則用的是黃色系色相，凸顯香水的奢華氣息，黑色和黃色相結(jié)合，彰顯香奈兒的浪漫情調(diào)，所以這類網(wǎng)站在色彩上要突出顯示優(yōu)雅大方的感覺。另外，男性用品當中大多以表現(xiàn)男性的陽剛之氣為主色，例如香煙萬寶路，主色調(diào)為紅、白，紅色，其寓意是在白色襯托下更顯出力量的男性化氣質(zhì)。所以這些商品在網(wǎng)站設計方面要求有獨特的吸引力，色彩的設計方面要突出商品的高檔和尊貴。

休閑食品類：例如奶茶類、堅果、冰糕類，這些網(wǎng)站的色彩，要求能刺激消費者的食欲感，同時要突出產(chǎn)品特性。例如優(yōu)樂美奶茶，其網(wǎng)站背景采用藍色系的色彩搭配，暗示其商品的安全和清純，優(yōu)樂美商品本身采用的是黃綠色、黃色、淡紫色等一些暖色系，用冷色的背景充分凸顯產(chǎn)品的重要性。

大眾商品類，如化妝用品、部分服、日常用品等。這類商品一般定位于普通的消費大眾，其色彩設計基本可以顯示出該商品的市場定位及特性，使消費受眾在短暫的時間里識別出該商品。例如“l(fā)otionspa”采用的是以綠色為主色調(diào)，橘黃色為點睛色的搭配，lotionspa倡導的是以植物、純天然的理念，所以網(wǎng)站色彩在選擇上是依據(jù)商品的性質(zhì)來決定的，瀏覽者在對網(wǎng)站上選擇商品時，首先視覺影響是第一要素；其次，才會對商品進行研究觀察，所以這時色彩就顯得特別重要了，網(wǎng)站的色彩是否符合產(chǎn)品的功能與質(zhì)量，是否能讓消費者對商品視覺心理產(chǎn)生信任和共鳴，這與色彩的選擇有直接的關系。

綜上所述，商業(yè)網(wǎng)站設計中對色彩的選擇并非根據(jù)制作人員的設計習慣來選擇的，而是根據(jù)商業(yè)網(wǎng)站的特性、商業(yè)組織的企業(yè)理念以及當下組織的潛在用戶對色彩的感覺來確定的。面對網(wǎng)絡琳瑯滿目的商品時，最直接，最易吸引瀏覽者的就是色彩，所以在我們從事商業(yè)網(wǎng)站色彩設計時，要全方位的去思考，根據(jù)色彩的視覺特性、色彩的心理理念以及數(shù)字色彩的表現(xiàn)綜合考慮來確定用色，這也是未來網(wǎng)站設計面臨的一個方向。

參考文獻：

【1】《人物形象色彩設計與創(chuàng)意思維》喬國華、劉宇著 遼寧科學技術(shù)出版社 2012-6

【2】《馬可福音》（英）摩根 著，詹正義 譯 上海三聯(lián)書店 2012-4

【3】《色彩心理學》上官昭儀（Isabelle） 著 重慶出版社2012-6

作者簡介：姓名：劉明花 性別：女，民族：漢 籍貫：甘肅天水，單位：河西學院，信息技術(shù)與傳媒學院，研究方向：動畫