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