
一個好的網頁設計會給用戶帶來記憶深刻,好用易用的體驗。從網頁設計的版式、信息層級、圖片、色彩等視覺方面的運用,直接影響到用戶對網站的最初感覺,而在這些內容中,色彩的配色方案是至關重要的,網站整體的定位、風格調性都需要通過顏色,給用戶帶來感官上的刺激,從而產生共鳴。
從色彩研究的方向來看,色彩分為色調、飽和度、明度三方面,顏色的運用是純色之間的關系,以及它們混合在一起的效果。我們可以從當前眾多的網絡應用中的實例,找到色彩運用的一些廣泛的色彩關系和配色方案,通過這些色彩的關系,可以作為實際工作學習中配色的指南。
顏色的使用在網頁制作中起著非常關鍵的作用,有很多網站以其成功的色彩搭配令人過目不忘。但是對于剛開始學習制作網頁的人來說,往往不容易駕馭好網頁的顏色搭配。除了學習各種色彩理論和方法之外,筆者認為多學習一些著名網站的用色方法,對于我們制作美麗的網頁可以起到事半功倍的作用。所以,筆者總結了一些著名網站的顏色搭配方法,這些方法可以讓我們的學習少走彎路,快速提高我們的網頁制作水平。
在網頁設計中,很多設計師都忘記了顏色搭配選用的重要性,因為設計稿通不過驗收往往有很多返工的現象,其實最根本的問題就是顏色的選用,友好的顏色搭配才能呈現出更好的頁面。
在設計網頁之前,客戶或產品經理會提出對網頁視覺風格設計的期望:活躍、大氣、穩重、信賴、都市化….. 設計師一聽到關鍵詞或許很自然地在心里蹦出幾個配色與“關鍵詞”相匹配了。網頁的色彩,是訪問者登錄頁面時的第一印象,好的頁面色彩能給用戶留下深刻的印象,并且能產生很好的視覺效果和營造網站整體氛圍的作用。
然而,很多瀏覽器只能呈現256種顏色,并且不同的瀏覽器,呈現出的256種顏色也不同,通常這些瀏覽器只能共享216種顏色。設計網站重要內容時,應該運用這216種顏色。
如果利用瀏覽器中不存在的顏色(此216種顏色以外的顏色),瀏覽器會混合這些顏色,這些顏色會出現小圓點,瀏覽器會顯示出一種與其相近的顏色,這種現象稱為抖動。一些顯示器會扭曲這些圓點,圖片就會失真。如果出現這種情況,文本就會難以閱讀,所以利用純色作為設計元素時,使用瀏覽器安全色(216種顏色)。有時,即使是網絡安全色,也要謹慎利用。
眼睛使用時間太長,容易產生視覺疲勞。我會利用一個例子證明這個觀點(7年前了解的這個測試方法,效果很明顯)。這項測試很簡單,只需45秒鐘。測試完以后,你會更加了結下面的內容。
瀏覽白盒子時,看到了什么呢?有沒有看到藍綠顏色呢?如果沒有,重新測試。這不是幻覺,是一種正常現象。下面我來解釋這種現象。
眼睛后方,存在一種包含數百萬感光神經細胞的薄層組織,我們稱之為桿狀細胞、圓錐細胞。圓錐細胞可以對特殊波長的光產生反應,當觀看紅盒子時,眼睛容易產生疲勞感,這時,與其相對的圓錐細胞就會出現,因此你看到了藍綠光。你可以把這個原理應用于網站設計中。
我想你已經注意到,警告標志通常為黃色的,因為黃色光首先進入你的視線,所以你會首先關注黃色。利用這種顏色設計的廣告,會吸引用戶的注意,但我建議你不要過多使用此種顏色。訪問者登錄后,網站沒有必要采用明亮的顏色,否則用戶會產生反感。如果訪問者已經在瀏覽你的網站,這就證明你的設計很成功。
網站中避免出現太多的黃色、紅色內容,這些顏色應該只出現在需要用戶關注的內容中。網站避免出現大量紅色內容,否則用戶會感到視覺疲勞,他們就不會長時間瀏覽網站。顏色不應該成為訪問者離開網站的原因。
北京網站建設 北京網頁設計 北京網絡公司(www.91ttx.cn)



.png)