網(wǎng)頁(yè)美工設計

網(wǎng)頁(yè)設計中的色彩心理學(xué)如何選色

編輯：時(shí)間：2017-02-25 08:46:53

　　網(wǎng)頁(yè)設計師網(wǎng)頁(yè)美工在進(jìn)行網(wǎng)頁(yè)設計時(shí)，都需要考慮頁(yè)面的色彩選擇及搭配問(wèn)題，這就涉及到色彩心理學(xué)的相關(guān)知識了，如果網(wǎng)頁(yè)美工能夠掌握這些知識，那么在選擇配色的時(shí)候就會(huì )顯得格外輕松。網(wǎng)頁(yè)設計吸引人的地方在哪里？是圖片還是對內容的布局？或者說(shuō)是網(wǎng)站的內容決定了網(wǎng)站的價(jià)值。所有這些因素都會(huì )發(fā)揮其作用，但正是配色方案決定了設計是否出彩。有經(jīng)驗的專(zhuān)業(yè)人士會(huì )告訴你很多訣竅，比如說(shuō)，一種配色方案可能適合一種設計，但未必適合于另一種；配色方案選擇應該在布局內容之前還是之后？下面，我們就從心理學(xué)的角度來(lái)認識以下幾種主流色彩。

　　1.白色：白色代表純潔、趕緊、樸素和直率，很多企業(yè)都是將白色作為企業(yè)網(wǎng)站的背景色的，這樣可以令網(wǎng)站內容顯得更突出、更容易被識別，在這種背景下，企業(yè)可以選擇任何一種色彩作為網(wǎng)站的主色調。

　　2.紫色：紫色是一種比較神秘的色彩，它給人的感覺(jué)就是高貴、靈性，非常適合非傳統、充滿(mǎn)創(chuàng )造性的企業(yè)網(wǎng)站。紫色中又以淡紫色為最佳，它可以表達浪漫、懷念的情感，經(jīng)常在婚慶、婚戀、交友或服裝網(wǎng)站上看到。

　　3.紅色：紅色可以說(shuō)是所有顏色中最熱烈的顏色的，它傳遞的是熱情和激情，競爭與進(jìn)攻，體現的個(gè)性和情感更加濃烈、明顯。不過(guò)要注意，紅色不宜和褐色、藍色或紫色一起使用，而且它對于某些人來(lái)說(shuō)還是極具危險色彩的。

　　4.黃色：黃色是一種經(jīng)典的暖色調，它能給人一種樂(lè )觀(guān)、充滿(mǎn)想象力的心理安慰，如果能使用一種暗色系色彩作為背景色與之搭配，那么就能形成明暗對比，使網(wǎng)頁(yè)擁有明顯的層次感，是一種不錯的設計方法。

　　5.灰色：灰色通常代表著(zhù)傳統、使用、安全及可靠，但是使用率不高，只在一些機械類(lèi)網(wǎng)站中見(jiàn)到。如果要使用的話(huà)，一定不要把灰色作為網(wǎng)站的背景色，否則就容易給人制造一種灰暗、消極的心理感受。

　　6.綠色：綠色給人的第一感覺(jué)就是友好、健康，同時(shí)也表示聰明和誠實(shí)，常用于醫院網(wǎng)站、學(xué)校網(wǎng)站、金融網(wǎng)站。不過(guò)，在某種情況下，綠色也會(huì )引起人們消極的情緒，還是需要謹慎使用的。

　　調查顯示，色彩總是先于形式和內容被人識別。因此，顏色選擇在設計網(wǎng)頁(yè)時(shí)是非常重要的一個(gè)環(huán)節。

　　網(wǎng)頁(yè)美工設計網(wǎng)頁(yè)時(shí)，用戶(hù)可根據如下原則確定網(wǎng)頁(yè)的背景色、主色調和進(jìn)行顏色搭配。

　　（1）網(wǎng)頁(yè)整體背景顏色最好選擇白色或黑色（大部分網(wǎng)頁(yè)均選擇白色），此時(shí)顏色搭配最方便。

　　（2）可根據網(wǎng)站的性質(zhì)或網(wǎng)站標志（Logo，又稱(chēng)站標）的顏色確定網(wǎng)頁(yè)的主色調，并且該主色調應貫穿于網(wǎng)站中的全部網(wǎng)頁(yè)。例如，藍色和銀灰色常用于工業(yè)企業(yè)和高科技企業(yè)，如聯(lián)想公司的首頁(yè)就大量使用了藍色和銀灰色，從而使網(wǎng)頁(yè)顯得十分典雅和時(shí)尚。

　　（3）設計網(wǎng)頁(yè)時(shí)可充分利用同類(lèi)色、鄰近色和對比色，以便增強網(wǎng)頁(yè)的層次感、豐富網(wǎng)頁(yè)的色彩或者突出某些重要內容（如導航條或版塊標題）。

　　通過(guò)在網(wǎng)頁(yè)中運用同類(lèi)色（同一種顏色的深淺或濃淡變化，如深藍與淺藍、深綠與淺綠等），可使頁(yè)面看起來(lái)統一、和諧和有層次感。例如，某些網(wǎng)站由于欄目眾多，因而導航欄通常包括多行，此時(shí)通過(guò)為每行導航欄設置深淺變化的同類(lèi)色，可使用戶(hù)更易于找到自己感興趣的欄目。

　　通過(guò)在網(wǎng)頁(yè)中使用鄰近顏色（色譜中相鄰的顏色，如紅色和紫色、黃色和綠色），可使頁(yè)面色彩豐富而不花哨。

　　通過(guò)在網(wǎng)頁(yè)中使用對比色，可更容易突出主題。例如，通過(guò)為網(wǎng)頁(yè)中的導航條或每個(gè)版塊中的標題欄設置明顯不同于其他區域的顏色，可使訪(fǎng)問(wèn)者更快地找到自己感興趣的內容。

　　網(wǎng)頁(yè)設計中合理的配色方案，能反映出網(wǎng)站的精神和內涵，豐富網(wǎng)頁(yè)版面的活力，增強網(wǎng)頁(yè)視覺(jué)語(yǔ)言的表現力，使網(wǎng)頁(yè)界面具有獨特氣質(zhì)和氛圈，給瀏覽者留下美好的觀(guān)感和深刻的印象。

　　網(wǎng)頁(yè)配色的合理性體現在多個(gè)方面，網(wǎng)頁(yè)配色應該有利于網(wǎng)站主題氛圍的表現；有利于頁(yè)面空間感的營(yíng)造；有利于文本信息的閱讀；有利于提高網(wǎng)頁(yè)可用性等。網(wǎng)頁(yè)設計基本配色原理如下：

　　1.主題性色彩作為重要的網(wǎng)頁(yè)視覺(jué)元素之一，對網(wǎng)站主題的表現發(fā)揮著(zhù)重要作用。色彩組合要與網(wǎng)站內涵相關(guān)聯(lián)，和網(wǎng)站主題相呼應。確定好網(wǎng)站的主要色彩以后，其他輔助色彩要考慮與主色的協(xié)調，不能喧賓奪主、影晌網(wǎng)站的主要色形基調。

　　2。風(fēng)格性根據網(wǎng)站類(lèi)型確定網(wǎng)站頁(yè)面色彩風(fēng)格定位和配色方案。使網(wǎng)站以整體的色彩形象給瀏覽者以綜合感受。

　　3.獨特型資科顯示。目的全球網(wǎng)頁(yè)救量已經(jīng)達到驚人的390億個(gè)，在如此眾多的有如信息海洋般的網(wǎng)頁(yè)中，要使設計的網(wǎng)站被人關(guān)注絕非易事。加強網(wǎng)頁(yè)色彩配色的獨特性是一個(gè)值得嘗試的辦法。在網(wǎng)站配色中應選擇用得比較少的方案，以給人一種不一樣的視覺(jué)感受。

　　4.一致性網(wǎng)頁(yè)色彩作為網(wǎng)站視覺(jué)語(yǔ)言之一，和網(wǎng)站Logo類(lèi)似，除非有必要進(jìn)行較大的網(wǎng)站改版，網(wǎng)站色影基調應保持一致性。在網(wǎng)站內容經(jīng)常更新、網(wǎng)頁(yè)頁(yè)面不斷擴充的情況下，不宜經(jīng)常變動(dòng)網(wǎng)站配色方案，以利于網(wǎng)站視覺(jué)形象整體一致。

　　5.協(xié)調性在多種色彩組合搭配，產(chǎn)生對比鮮明，視覺(jué)醒目的網(wǎng)頁(yè)頁(yè)面時(shí)，要注意色彩間的統一協(xié)調。協(xié)調性配色可以通過(guò)調整色彩相互間的明度、純度和面積大小。以及增加中性色彩等方法進(jìn)行，使網(wǎng)頁(yè)色彩達到既豐富又統一的效果。

<< 上一篇：網(wǎng)頁(yè)美工設計中提升網(wǎng)站氣質(zhì)的方法

>> 下一篇：學(xué)習網(wǎng)頁(yè)美工需要的三個(gè)階段過(guò)程

推薦資訊