網頁美工設計
網頁設計中的色彩心理學如何選色
編輯:
時間:2017-02-25 08:46:53
網頁設計師網頁美工在進行網頁設計時,都需要考慮頁面的色彩選擇及搭配問題,這就涉及到色彩心理學的相關知識了,如果網頁美工能夠掌握這些知識,那么在選擇配色的時候就會顯得格外輕松。網頁設計吸引人的地方在哪里?是圖片還是對內容的布局?或者說是網站的內容決定了網站的價值。所有這些因素都會發揮其作用,但正是配色方案決定了設計是否出彩。 有經驗的專業人士會告訴你很多訣竅,比如說,一種配色方案可能適合一種設計,但未必適合于另一種;配色方案選擇應該在布局內容之前還是之后?下面,我們就從心理學的角度來認識以下幾種主流色彩。

1.白色:白色代表純潔、趕緊、樸素和直率,很多企業都是將白色作為企業網站的背景色的,這樣可以令網站內容顯得更突出、更容易被識別,在這種背景下,企業可以選擇任何一種色彩作為網站的主色調。
2.紫色:紫色是一種比較神秘的色彩,它給人的感覺就是高貴、靈性,非常適合非傳統、充滿創造性的企業網站。紫色中又以淡紫色為最佳,它可以表達浪漫、懷念的情感,經常在婚慶、婚戀、交友或服裝網站上看到。
3.紅色:紅色可以說是所有顏色中最熱烈的顏色的,它傳遞的是熱情和激情,競爭與進攻,體現的個性和情感更加濃烈、明顯。不過要注意,紅色不宜和褐色、藍色或紫色一起使用,而且它對于某些人來說還是極具危險色彩的。
4.黃色:黃色是一種經典的暖色調,它能給人一種樂觀、充滿想象力的心理安慰,如果能使用一種暗色系色彩作為背景色與之搭配,那么就能形成明暗對比,使網頁擁有明顯的層次感,是一種不錯的設計方法。
5.灰色:灰色通常代表著傳統、使用、安全及可靠,但是使用率不高,只在一些機械類網站中見到。如果要使用的話,一定不要把灰色作為網站的背景色,否則就容易給人制造一種灰暗、消極的心理感受。
6.綠色:綠色給人的第一感覺就是友好、健康,同時也表示聰明和誠實,常用于醫院網站、學校網站、金融網站。不過,在某種情況下,綠色也會引起人們消極的情緒,還是需要謹慎使用的。
調查顯示,色彩總是先于形式和內容被人識別。因此,顏色選擇在設計網頁時是非常重要的一個環節。
網頁美工設計網頁時,用戶可根據如下原則確定網頁的背景色、主色調和進行顏色搭配。
(1)網頁整體背景顏色最好選擇白色或黑色(大部分網頁均選擇白色),此時顏色搭配最方便。
(2)可根據網站的性質或網站標志(Logo,又稱站標)的顏色確定網頁的主色調,并且該主色調應貫穿于網站中的全部網頁。例如,藍色和銀灰色常用于工業企業和高科技企業,如聯想公司的首頁就大量使用了藍色和銀灰色,從而使網頁顯得十分典雅和時尚。
(3)設計網頁時可充分利用同類色、鄰近色和對比色,以便增強網頁的層次感、豐富網頁的色彩或者突出某些重要內容(如導航條或版塊標題)。
通過在網頁中運用同類色(同一種顏色的深淺或濃淡變化,如深藍與淺藍、深綠與淺綠等),可使頁面看起來統一、和諧和有層次感。例如,某些網站由于欄目眾多,因而導航欄通常包括多行,此時通過為每行導航欄設置深淺變化的同類色,可使用戶更易于找到自己感興趣的欄目。
通過在網頁中使用鄰近顏色(色譜中相鄰的顏色,如紅色和紫色、黃色和綠色),可使頁面色彩豐富而不花哨。
通過在網頁中使用對比色,可更容易突出主題。例如,通過為網頁中的導航條或每個版塊中的標題欄設置明顯不同于其他區域的顏色,可使訪問者更快地找到自己感興趣的內容。
網頁設計中合理的配色方案,能反映出網站的精神和內涵,豐富網頁版面的活力,增強網頁視覺語言的表現力,使網頁界面具有獨特氣質和氛圈,給瀏覽者留下美好的觀感和深刻的印象。
網頁配色的合理性體現在多個方面,網頁配色應該有利于網站主題氛圍的表現;有利于頁面空間感的營造;有利于文本信息的閱讀;有利于提高網頁可用性等。網頁設計基本配色原理如下:
1.主題性色彩作為重要的網頁視覺元素之一,對網站主題的表現發揮著重要作用。色彩組合要與網站內涵相關聯,和網站主題相呼應。確定好網站的主要色彩以后,其他輔助色彩要考慮與主色的協調,不能喧賓奪主、影晌網站的主要色形基調。
2。風格性根據網站類型確定網站頁面色彩風格定位和配色方案。使網站以整體的色彩形象給瀏覽者以綜合感受。
3.獨特型資科顯示。目的全球網頁救量已經達到驚人的390億個,在如此眾多的有如信息海洋般的網頁中,要使設計的網站被人關注絕非易事。加強網頁色彩配色的獨特性是一個值得嘗試的辦法。在網站配色中應選擇用得比較少的方案,以給人一種不一樣的視覺感受。
4.一致性網頁色彩作為網站視覺語言之一,和網站Logo類似,除非有必要進行較大的網站改版,網站色影基調應保持一致性。在網站內容經常更新、網頁頁面不斷擴充的情況下,不宜經常變動網站配色方案,以利于網站視覺形象整體一致。
5.協調性在多種色彩組合搭配,產生對比鮮明,視覺醒目的網頁頁面時,要注意色彩間的統一協調。協調性配色可以通過調整色彩相互間的明度、純度和面積大小。以及增加中性色彩等方法進行,使網頁色彩達到既豐富又統一的效果。