萬盛學電腦網

 萬盛學電腦網 >> 網頁制作 >> 交互設計 >> 網站顏色搭配技巧

網站顏色搭配技巧

  網站的色彩是浏覽者的第一印象,雖然對色彩的中意度每個人都不一樣,但是優秀的色彩搭配也會引起大家的共鳴,網站的第一印象也是很重要的,會吸引訪客繼續浏覽下去。

  一、色彩的基礎知識

  色彩五顏六色、千變萬化,我們平時所看到的白色光,經過分析在色帶上可以看到,它事實上包括紅、橙、黃、綠、青、藍、紫等七色,各顏色間自然過渡。其中,紅、黃、藍是三原色,三原色通過不同比例的混合可以得到各種顏色。色彩有冷暖色之分,冷色(如藍色)給人的感覺是安靜、冰冷;而暖色(如紅色)給人的感覺是熱烈、火熱。冷暖色的巧妙運用可以讓網站產生意想不到的效果。色彩與人的心理感覺和情緒也有一定的關系,利用這一點可以在設計網頁時形成自己獨特的色彩效果,給浏覽者留下深刻的印象。

  二、色彩搭配的原則

  色彩搭配既是一項技術性工作,同時它也是一項藝術性很強的工作,因此,設計者在設計網頁時除了考慮網站本身的特點外,還要遵循一定的藝術規律,從而設計出色彩鮮明、性格獨特的網站。

  1.特色鮮明

  一個網站的用色必須要有自己獨特的風格,這樣才能顯得個性鮮明,給浏覽者留下深刻的印象。

  2.搭配合理

  網頁設計雖然屬於平面設計的范疇,但它又與其它平面設計不同,它在遵從藝術規律的同時,還考慮人的生理特點,色彩搭配一定要合理,給人一種和諧、愉快的感覺,避免采用純度很高的單一色彩,這樣容易造成視覺疲勞。

  3.講究藝術性

  網站設計也是一種藝術活動,因此它必須遵循藝術規律,在考慮到網站本身特點的同時,按照內容決定形式的原則,大膽進行藝術創新,設計出既符合網站要求,又有一定藝術特色的網站。

  三、色彩搭配要注意的問題

  1.使用單色

  盡管網站設計要避免采用單一色彩,以免產生單調的感覺,但通過調整色彩的飽和度和透明度也可以產生變化,使網站避免單調。

  2.使用鄰近色

  所謂鄰近色,就是在色帶上相鄰近的顏色,例如綠色和藍色,紅色和黃色就互為鄰近色。采用鄰近色設計網頁可以使網頁避免色彩雜亂,易於達到頁面的和諧統一。

  3.使用對比色

  對比色可以突出重點,產生了強烈的視覺效果,通過合理使用對比色能夠使網站特色鮮明、重點突出。在設計時一般以一種顏色為主色調,對比色作為點綴,可以起到畫龍點睛的作用。

  4.黑色的使用

  黑色是一種特殊的顏色,如果使用恰當,設計合理,往往產生很強烈的藝術效果,黑色一般用來作背景色,與其它純度色彩搭配使用。

  5.背景色的使用

  背景色一般采用素淡清雅的色彩,避免采用花紋復雜的圖片和純度很高的色彩作為背景色,同時背景色要與文字的色彩對比強烈一些。

  6.色彩的數量

  一般初學者在設計網頁時往往使用多種顏色,使網頁變得很“花”,缺乏統一和協調,表面上看起來很花哨,但缺乏內在的美感。事實上,網站用色並不是越多越好,一般控制在三種色彩以內,通過調整色彩的各種屬性來產生變化

copyright © 萬盛學電腦網 all rights reserved