網(wǎng)頁(yè)設計對色彩的基本要求和搭配發(fā)布者：本站     時(shí)間：2020-05-02 14:05:43

網(wǎng)頁(yè)界面是由多種元素構成的，其代表著(zhù)網(wǎng)站的門(mén)面和形象，網(wǎng)頁(yè)界面設計的好壞直接決定了網(wǎng)站對人吸引程度的高低。為了將網(wǎng)站對人的吸引程度提升至最大，必須良好把握網(wǎng)頁(yè)界面的制作設計。而這就要求網(wǎng)頁(yè)設計者靈活運用色彩對界面美觀(guān)的影響，從色彩的基本概念和搭配出發(fā)，充分研究好的色彩給人帶來(lái)的積極心理效應，從而設計出更為吸引人的網(wǎng)頁(yè)界面，給網(wǎng)站帶來(lái)更多更優(yōu)良的效益。

一、 色彩的基本原理和應用

顏色是由光的折射產(chǎn)生的，紅、黃、藍是通常所說(shuō)的三原色，其它的色彩都可以用這三種色彩調和而成。色彩是美麗而豐富的，能夠在一定程度上喚起人類(lèi)的心靈感知。不同的色彩代表著(zhù)不同的情感，有著(zhù)不同的內涵和象征意義。一般來(lái)說(shuō)，顏色的使用和調和并沒(méi)有固定的法則，色彩的美就在于它的多樣性和不確定性，如果硬是要用某個(gè)法則去套用色彩，達到的效果可能更加不盡如人意，甚至是適得其反。從經(jīng)驗上出發(fā)，我們可以先確定一種能充分表現出主題的主體色，然后再根據具體設計的需要，添加更多的顏色和線(xiàn)條對比的配色方案來(lái)完成整個(gè)頁(yè)面設計。同時(shí)注意通過(guò)搭配點(diǎn)、線(xiàn)、面等與色彩的相互組合，可以重點(diǎn)突出頁(yè)面上的某些重要元素，從而突出該設計的特定主題，增強頁(yè)面的整體美感，同時(shí)也能讓觀(guān)者在觀(guān)賞頁(yè)面設計時(shí)充分體會(huì )到頁(yè)面美感，并能在一定程度上領(lǐng)會(huì )頁(yè)面設計的主題，對頁(yè)面有更進(jìn)一步的了解。為了充分實(shí)現設計的任務(wù)，在設計時(shí)也應當注意頁(yè)面的整體性，使得整個(gè)頁(yè)面在視覺(jué)上成為一個(gè)整體，以達到和諧、悅目的視覺(jué)效果。同時(shí)因為設計的任務(wù)不同，設計者采用的配色方案也應該隨之不同。在網(wǎng)頁(yè)設計制作中考慮到網(wǎng)頁(yè)的適應性，應當酌情使用適應網(wǎng)頁(yè)的安全色系。以色相為基礎的配色是以色相環(huán)為基礎進(jìn)行思考的，用色相環(huán)上類(lèi)似的顏色進(jìn)行配色，可以得到穩定而統一的感覺(jué)。用距離遠的顏色進(jìn)行配色，可以達到一定的對比效果。

類(lèi)似色相的配色，能表現共同的配色印象。這種配色在色相上既有共性又有變化，是很容易取得配色平衡的手法。例如：

草綠色、淺綠色、黃綠色的組合；普藍色、青藍色、紫羅蘭色的組合都是類(lèi)似色相配色。與同一色相的配色一樣，類(lèi)似色相的配色容易產(chǎn)生單調的感覺(jué)，所以可使用對比色調的配色手法。

中差配色的對比效果既明快又不沖突，是深受人們喜愛(ài)的配色。

對比色相配色，是指在色相環(huán)中，位于色相環(huán)圓心直徑兩端的色彩或較遠位置的色彩組合。

它包含了中差色相配色、對照色相配色、補色色相配色。對比色相的色彩性質(zhì)比較青，所以經(jīng)常在色調上或面積上用以取得色彩的平衡。

在表現設計作品內容時(shí)，色彩是很重要的一個(gè)因素，它通過(guò)特有的多樣性向人們提供傳遞和表達著(zhù)設計內容的某種信息，色彩在網(wǎng)頁(yè)設計中不僅提升了頁(yè)面的視覺(jué)美，而且強化了頁(yè)面設計中設計者所要表達的特定的設計意義，從而更容易的讓人們理解網(wǎng)頁(yè)傳達的信息和吸收設計者所傳達的信息，也更加突出了設計精神。因此合理的運用色彩對頁(yè)面設計具有很重要的作用。

二、 網(wǎng)頁(yè)設計對色彩的基本要求和理論基礎

網(wǎng)頁(yè)設計作為一個(gè)新興的設計類(lèi)職業(yè)領(lǐng)域， 它的構成元素與傳統的媒體相比顯得更加復雜和多樣，其中不僅包含了文字、圖像等一般元素，還包含了色彩、聲音、動(dòng)畫(huà)等新興元素。其中，色彩元素毋庸置疑的占了十分重要的地位。色彩是網(wǎng)頁(yè)瀏覽者對網(wǎng)站最直接最主觀(guān)的了解，也是網(wǎng)頁(yè)能被訪(fǎng)問(wèn)者記住的最重要因素。色彩是網(wǎng)頁(yè)設計的主要組成部分。網(wǎng)頁(yè)設計制作中的色彩運用主要考驗了設計者的色感，將設計者的色彩運用能力激發(fā)出來(lái)。同時(shí)使網(wǎng)頁(yè)作品看起來(lái)更豐滿(mǎn)生動(dòng)，使瀏覽者有進(jìn)行網(wǎng)頁(yè)閱讀的熱情。在物質(zhì)生活逐漸豐富的新時(shí)期，如何設計出藝術(shù)感和科技性相結合的網(wǎng)頁(yè)作品是一項具有研究意義的課題，色彩的正確使用對網(wǎng)頁(yè)藝術(shù)性的提高有著(zhù)至關(guān)重要的作用。在表現設計作品內容時(shí)，色彩是很重要的一個(gè)因素，它通過(guò)特有的多樣性向人們提供傳遞和表達著(zhù)設計內容的某種信息，色彩在網(wǎng)頁(yè)設計中不僅提升了頁(yè)面的視覺(jué)美，而且強化了頁(yè)面設計中設計者所要表達的特定的設計意義，從而更容易的讓人們理解網(wǎng)頁(yè)傳達的信息和吸收設計者所傳達的信息，也更加突出了設計精神。因此合理的運用色彩對頁(yè)面設計具有很重要的作用。

現代人上網(wǎng)接受和吸收信息的最主要載體就是網(wǎng)頁(yè)，網(wǎng)頁(yè)主要以數字技術(shù)為依托，用文字、圖片、聲音或視頻等多種元素和形式承載特定的信息，并通過(guò)對頁(yè)面的展示和排列傳遞給瀏覽者。制作精美優(yōu)良的網(wǎng)頁(yè)可以吸引更多人的光顧，因此網(wǎng)頁(yè)的色彩設計是網(wǎng)頁(yè)設計的重要方面，一個(gè)優(yōu)秀的網(wǎng)頁(yè)制作案例，其色彩搭配一定是和諧而且吸引人的，能夠達到令人賞心悅目的目的，也能因此給網(wǎng)頁(yè)帶來(lái)更多的訪(fǎng)問(wèn)量和運行效益。

網(wǎng)頁(yè)色彩設計方法多種多樣，需要考量各方各面的東西。

它不是簡(jiǎn)單的色彩排布，而是以人的尺度去設計，以滿(mǎn)足人的不同需求為任務(wù)，同其他的產(chǎn)品色彩設計一樣，最終是以人的滿(mǎn)意為目的的。

作為新媒體中的信息載體的一種，網(wǎng)頁(yè)色彩設計通過(guò)發(fā)揮數字化制作的優(yōu)勢，并結合傳統的色彩設計的理論方法，可以制作出任何想要的美麗頁(yè)面。

三、 網(wǎng)頁(yè)設計中的色彩搭配與案例分析

在網(wǎng)頁(yè)設計中，如何靈活的運用色彩使得界面看起來(lái)和諧吸引人呢？首先要注意色彩的搭配，從制作的任務(wù)入手，整體而全面的考慮色彩的合理搭配，使網(wǎng)頁(yè)界面達到最佳效果，色彩達到平衡。

其次要注重色彩的明暗和深淺變化，在純度和明度方面選擇良好的搭配，也要在色塊的面積之間注意平衡。以目前知名招聘網(wǎng)“前程無(wú)憂(yōu)”為例（見(jiàn)圖 1），打開(kāi)其首頁(yè)可以看到一條藍色的導航欄上面是黃色與藍色組合的 LOGO.

LOGO 的右邊是藍色的搜索框，藍色的導航欄下面是以灰色調為底大幅的精美宣傳畫(huà)面及注冊欄，大塊而具有層次的灰色調很好地烘托出身穿土黃色西裝并手持檸檬黃手杖的何炅。整個(gè)界面用大面積的灰色調來(lái)平衡對比色的黃和藍，設計簡(jiǎn)潔大方，達到了和諧、悅目的視覺(jué)效果，很好的體現整體性。通過(guò)企業(yè)色突顯出了網(wǎng)站獨特的色彩語(yǔ)言， 增加了公眾對網(wǎng)站的辨識度，讓瀏覽者對這個(gè)界面有了很深的視覺(jué)印象，使人們一看顏色基調和頁(yè)面布局，就已經(jīng)大致知道這是什么企業(yè)什么網(wǎng)站，在很大程度上提高了網(wǎng)站的經(jīng)濟效益。

再以微軟公司為例，微軟公司可以稱(chēng)作是軟件業(yè)的巨頭，計算機行業(yè)的專(zhuān)家，它的網(wǎng)頁(yè)界面也是十分出彩的。打開(kāi)網(wǎng)頁(yè) （見(jiàn)圖 2），可以發(fā)現它的界面就象 Win8 系統的桌面風(fēng)格，以一塊塊精心搭配但感覺(jué)很隨意的色塊組成，極具視覺(jué)沖擊力，給人留下了很深刻的印象。

提到網(wǎng)頁(yè)設計不得不提韓國的網(wǎng)頁(yè)設計風(fēng)格，現在很多企業(yè)的網(wǎng)站設計參考韓國網(wǎng)站風(fēng)格。

韓國大多數的網(wǎng)站都展現了非常高的色彩應用技巧，各種類(lèi)型的網(wǎng)站色彩都做到了個(gè)性化和舒適化，界面美觀(guān)，色彩搭配富于層次，每個(gè)細節處理的都非常細膩。

他們設計師對色彩的運用非常到位，在我們看來(lái)有些非常難看的顏色到了他們的手里很輕易的就搭配出一種很另類(lèi)或和諧的美感，給人的感覺(jué)要么淡雅迷人，要么另類(lèi)大膽，給人以良好的視覺(jué)感受。

網(wǎng)頁(yè)色彩設計方法多種多樣，需要設計師考量各方各面的東西，它不是簡(jiǎn)單的色彩排布，而是以人的尺度去設計，以滿(mǎn)足人的不同需求為任務(wù)，同其他的產(chǎn)品色彩設計一樣，最終是以人的滿(mǎn)意為目的的。作為新媒體中的信息載體的一種，網(wǎng)頁(yè)色彩設計通過(guò)發(fā)揮數字化制作的優(yōu)勢，并結合傳統的色彩設計的理論方法，制作出任何想要的美麗頁(yè)面。