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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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