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

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

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

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

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

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

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

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

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

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

二、 網頁設計對色彩的基本要求和理論基礎

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

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

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

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

作為新媒體中的信息載體的一種，網頁色彩設計通過發揮數字化制作的優勢，并結合傳統的色彩設計的理論方法，可以制作出任何想要的美麗頁面。

三、 網頁設計中的色彩搭配與案例分析

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

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

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

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

提到網頁設計不得不提韓國的網頁設計風格，現在很多企業的網站設計參考韓國網站風格。

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

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

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