網(wǎng)頁美工設(shè)計(jì)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

推薦資訊