網頁色彩的搭配

李瑩

摘 要： 本文闡述了網頁設計中的色彩搭配基本原則和法則，分析了進行網頁色彩的編排時要注意的一些問題，探討了在不同類型的網頁中如何運用色彩元素，采用何種色彩進行搭配。

關鍵詞： 網頁色彩 色彩基本原則 網頁色彩設計 色彩三要素

隨著Internet的發展，網頁的整體設計風格已經包羅萬象，我們已經能夠在互聯網上看到很多精美的網頁作品，這些作品不僅在功能上滿足我們的需要，更重要的是能夠讓我們感受到美。特別是在色彩的搭配和運用上能讓人領略到各種美的享受。

當前職業院校的學生由于美術基礎薄弱，在色彩的搭配和運用上有一定欠缺，我們在指導學生制作精美的網頁時，就要先教授學生基本的美學基礎，特別是色彩方面知識。

首先，在網頁色彩的設計中要了解的是色彩的基本原理和法則。色彩是一個很大的門類，但是有基本的原則，比如色彩的最基本組成部分，色彩的色相，通俗地說是什么顏色，明度（色彩的明暗程度），純度（色彩的鮮艷程度），這三個構成了色彩的三要素，這三個要素決定了色彩的基本感覺。色彩的明度、純度、色相缺一不可。

其次，色彩在模式上分為RGB色彩和CMYK的常用色彩模式，我們電腦屏幕顯示常用的就是RGB色彩模式，也就是光的混合色，但是如果我們用到HTML上的時候是十六進制的色彩，在進行網頁色彩設計時就要更多地考慮把RGB或者是CMYK的色彩模式轉換到十六進制的色彩。我們可以在PHOTOSHOP軟件的配色表中選擇色彩，然后看對應的十六進位的色彩色號是多少，一般以#000000這種方式表現。在進行DREMWEAVER網頁設計時直接輸入#000000這樣的色后，我們就能夠直接得到這個色彩。

在進行網頁色彩的編排時要注意以下問題：一要注意網頁的類別，是什么類型的網頁就要考慮運用什么色彩，如果是環保題材的網頁，那么我們可以考慮運用綠色調，突出自然的感覺。如果是高科技題材的網頁，就要更多地考慮藍色和灰黑等色彩，突出高科技的感覺。第二，我們要考慮網頁的受眾主要是哪些人群，根據不同的受眾確定色彩，比如我們制作以女性為主要訴求對象的這樣的網頁，那么在色彩上要采用粉紅色系，或者是一些明度彩度中高的色彩。如果是以孩子為題材的網頁，那么我們在進行色彩設計的時候就盡量用高純度高明度的色彩進行色彩搭配，表現孩童的天真純潔和活潑好動的感覺，色彩也要鮮艷明亮一些。如果我們對一些有厚重的文化積淀類題材的網頁進行色彩設計時就要考慮，這類網頁的受眾更多的是一些有一定年齡、有一定文化修養的人群，就要更多地運用一些同類色彩，并且更多運用一些中明度中低純度的色彩，最好運用一些灰調子的顏色，比如藍灰、綠灰、紅灰等色彩突出網頁的厚重的文化感覺。第三，在網頁色彩設計中要特別注意一個問題，那就是盡量避免運用過多的色彩，一個畫面最好有一個主色調，這個色要占有畫面大面積的位置，這樣才能控制畫面有一個主要色調，根據不同的網頁類型和受眾考慮運用同類色的搭配還是對比色或者是互補色的色彩搭配，但是都要比例合適，畫面中盡量不要色彩太多，也就是說色相太多，色相太多畫面容易產生混亂無序的感覺，而且會使人感覺不到畫面的重點部分，降低畫面的可閱讀性。盡量把色彩控制在四種以內，可以按照70%，20%，7%，3%這樣的比例關系安排色彩比例，這樣就基本能夠保證畫面中的色彩豐富，色彩的主次分明。第四，我們在色彩應用上還要注意一個問題，就是文字與色彩的關系，網頁的底色與文字的色彩在設計上要遵循一個主要原則，就是如果文字與底色在層疊的方式出現的時候，就要以凸顯文字為主要原則，也就是要以保證網頁的可閱讀性為第一訴求，在背景與文字的色彩安排上要有一定反差。

我們按照色彩三要素進行色彩設計，在不同的類型網頁中，色彩需要有相應設計。在色彩的色相中，分為類似色、對比色和互補色，我們用哪種色彩的關系進行設計就決定了我們設計的網頁的具體的色彩感覺。結合色彩的色相中的三種對比關系及色彩的明暗和純度，我們對不同類型的網頁運用不同的色彩關系。在以下不同類型的網頁中，我們就按照其類別屬性進行色彩的搭配設計。

工商企業類別網頁：在進行這類的網頁色彩設計時我們要注意，盡量使用與企業形象相符合的色彩，最好是采用企業的標準色和應用色，比如快餐類的網頁在色彩上我們就要更多地采用相對暖的色彩，這樣能夠引起人們的食欲。如果是汽車制造類型的網頁，我們就要相對使用偏冷的一些金屬色和灰、藍等相對冷色調表現科技感和穩重有力量感。

時尚類型網頁，我們更多運用對比色系，因為時尚類型的網頁相對比而言都是比較追求個性鮮明的，要讓人感覺活潑，有動感，在選擇色彩時那些灰色調用得相對少些，而是要更多地運用些有一定對比的色彩，很少運用彩度低的也就是低純度的色彩，相對中高純度的色彩運用得要多一些，以此凸顯時尚感及活潑律動感。

門戶搜索類型的網頁的色彩在設計上要力圖簡潔明了，由于這類型的網頁在框架構圖上就是比較簡潔的，因此在色彩上我們更多地運用藍色調、綠色調進行整體設計，并且搭配各門戶標志的標準色彩，這樣能夠凸顯專業干練的感覺，相對來講冷色調運用較多。

個人網頁的色彩設計就靈活得多了，我們更多地按照個性進行色彩安排，可以進行各種不同的色彩搭配嘗試，無論是相似色還是對比色或互補色，都可以靈活運用，更多的是用色彩凸顯個性，力求塑造獨特的網頁風格。我們在進行個人網頁色彩設計時可以靈活運用高明度高純度的色彩，強中弱對比都可以，但是要遵循色彩搭配的原理，保持一個整體風格，而不是隨便拿色塊應用。

當學生了解了基本的色彩的三要素，色彩的色相對比，明度純度對比，以及色彩的冷暖關系，色彩的面積關系，色彩的心理感覺等這些色彩基本知識后，能夠根據網頁的類別進行獨立的網頁色彩設計應用，那么就基本完成了對網頁色彩的教學實踐指導，學會網頁色彩的原理，就可以指導學生舉一反三，把這些基本的色彩原理和知識運用到其他設計中，使學生掌握色彩設計的基本技能，熟練運用網頁的色彩搭配進行網頁色彩設計。