更新時間:2023-11-13 來源:黑馬程序員 瀏覽量:
網站配色除了要考慮網頁自身特點外,還要遵循相應的配色原則,避免盲目使用色彩造成網頁配色過于雜亂。網頁的配色原則包括確定主輔色和遵循配色方案,具體介紹如下。
1.確定主輔色
網頁中運用的色彩通常分為主題色、輔助色、點睛色三類,具體介紹如下。
1)主題色
主題色是網頁中最主要的顏色,網頁中占面積較大的顏色、裝飾圖形顏色或者主要模塊使用的顏色一般都是主題色。在網頁配色中,主題色是配色的中心色,主要是由頁面中整體欄目或中心圖像所形成的中等面積的色塊為主。圖1所示為選用黑色作為主題色的網站。
2)輔助色
一個網站頁面通常都存在不止一種顏色,除了主題色之外,還有作為呼應主題色而產生的輔助色。輔助色的作用是使頁面配色更完美更豐富。輔助色的視覺重要性和體積僅次于主題色,常常用于陪襯主題色,使主題色更突出。
3)點睛色
點睛色通常用來打破單調的網頁整體效果,營造生動的網頁空間氛圍。在網頁設計中通常以對比強烈或較為鮮艷的顏色作為點睛色。
通常在網頁設計中,點睛色的應用面積越小,色彩越強,點睛色的效果越突出。下圖所示為選用灰色色作為點睛色的網站。
2.遵循配色方案
1)使用同類色
同類色是指色相一致,但是飽和度和明度卻不同的顏色。盡管在網頁設計時要避免采用單一的色彩,以免產生單調的感覺,但通過調整色彩的飽和度和明度也可以產生豐富的色彩變化,可使網頁色彩避免單調。圖1-33所示的網站選用了不同明度的藍色,不僅整體性很強,而且符合科技鄭公司自身的特色。
2)使用鄰近色
鄰近色是12色相環(huán)上間隔30°左右的顏色,色相彼此近似、冷暖性質一致。鄰近色之間往往是你中有我、我中有你。例如朱紅色與橘黃色,朱紅色以紅色為主,里面卻涵蓋著少量黃色;而橘黃色以黃色主,里面含有少量的紅色。朱紅色和橘黃色在色相上分別屬于紅色系和橙色系,但是二者在人眼視覺上卻很接近。采用鄰近色設計網頁可以使網頁達到和諧統(tǒng)一,避免色彩雜亂。
3)使用對比色
對比色是24色相環(huán)上間隔l20°~180°之間的顏色。對比色包含色相對比、明度對比、飽和度對比等,例如黑色與白色、深色與淺色均為對比色。對比色可以突出重點,產生強烈的視覺效果。在設計時以一種顏色為主題色,對比色作為點睛色或輔助色,可以起到畫龍點睛的作用。