超多用戶(hù)受益，Web端網(wǎng)頁(yè)設(shè)計(jì)配色方案和配色原則

網(wǎng)站配色除了要考慮網(wǎng)頁(yè)自身特點(diǎn)外，還要遵循相應(yīng)的配色原則，避免盲目使用色彩造成網(wǎng)頁(yè)配色過(guò)于雜亂。網(wǎng)頁(yè)的配色原則包括確定主輔色和遵循配色方案，具體介紹如下。

1.確定主輔色

網(wǎng)頁(yè)中運(yùn)用的色彩通常分為主題色、輔助色、點(diǎn)睛色三類(lèi)，具體介紹如下。

1)主題色

主題色是網(wǎng)頁(yè)中最主要的顏色，網(wǎng)頁(yè)中占面積較大的顏色、裝飾圖形顏色或者主要模塊使用的顏色一般都是主題色。在網(wǎng)頁(yè)配色中，主題色是配色的中心色，主要是由頁(yè)面中整體欄目或中心圖像所形成的中等面積的色塊為主。圖1所示為選用黑色作為主題色的網(wǎng)站。

2）輔助色
一個(gè)網(wǎng)站頁(yè)面通常都存在不止一種顏色，除了主題色之外，還有作為呼應(yīng)主題色而產(chǎn)生的輔助色。輔助色的作用是使頁(yè)面配色更完美更豐富。輔助色的視覺(jué)重要性和體積僅次于主題色，常常用于陪襯主題色，使主題色更突出。

3）點(diǎn)睛色
點(diǎn)睛色通常用來(lái)打破單調(diào)的網(wǎng)頁(yè)整體效果，營(yíng)造生動(dòng)的網(wǎng)頁(yè)空間氛圍。在網(wǎng)頁(yè)設(shè)計(jì)中通常以對(duì)比強(qiáng)烈或較為鮮艷的顏色作為點(diǎn)睛色。
通常在網(wǎng)頁(yè)設(shè)計(jì)中，點(diǎn)睛色的應(yīng)用面積越小，色彩越強(qiáng)，點(diǎn)睛色的效果越突出。下圖所示為選用灰色色作為點(diǎn)睛色的網(wǎng)站。

2.遵循配色方案

1)使用同類(lèi)色

同類(lèi)色是指色相一致，但是飽和度和明度卻不同的顏色。盡管在網(wǎng)頁(yè)設(shè)計(jì)時(shí)要避免采用單一的色彩，以免產(chǎn)生單調(diào)的感覺(jué)，但通過(guò)調(diào)整色彩的飽和度和明度也可以產(chǎn)生豐富的色彩變化，可使網(wǎng)頁(yè)色彩避免單調(diào)。圖1-33所示的網(wǎng)站選用了不同明度的藍(lán)色，不僅整體性很強(qiáng)，而且符合科技鄭公司自身的特色。

2)使用鄰近色
鄰近色是12色相環(huán)上間隔30°左右的顏色，色相彼此近似、冷暖性質(zhì)一致。鄰近色之間往往是你中有我、我中有你。例如朱紅色與橘黃色，朱紅色以紅色為主，里面卻涵蓋著少量黃色；而橘黃色以黃色主，里面含有少量的紅色。朱紅色和橘黃色在色相上分別屬于紅色系和橙色系，但是二者在人眼視覺(jué)上卻很接近。采用鄰近色設(shè)計(jì)網(wǎng)頁(yè)可以使網(wǎng)頁(yè)達(dá)到和諧統(tǒng)一，避免色彩雜亂。

3)使用對(duì)比色

對(duì)比色是24色相環(huán)上間隔l20°~180°之間的顏色。對(duì)比色包含色相對(duì)比、明度對(duì)比、飽和度對(duì)比等，例如黑色與白色、深色與淺色均為對(duì)比色。對(duì)比色可以突出重點(diǎn)，產(chǎn)生強(qiáng)烈的視覺(jué)效果。在設(shè)計(jì)時(shí)以一種顏色為主題色，對(duì)比色作為點(diǎn)睛色或輔助色，可以起到畫(huà)龍點(diǎn)睛的作用。