在網頁設計(jì)中,很(hěn)多(duō)設計(jì)師(shī)都忘記了顔色搭配選用的重要性,因為(wèi)設計(jì)稿通(tōng)不過驗收往往有(yǒu)很(hěn)多(duō)返工的現象,其實最根本的問題就是顔色的選用,友(yǒu)好的顔色搭配才能呈現出更好的頁面。
然而,很(hěn)多(duō)浏覽器(qì)隻能呈現256種顔色,并且不同的浏覽器(qì),呈現出的256種顔色也不同,通(tōng)常這些(xiē)浏覽器(qì)隻能共享216種顔色。設計(jì)網站(zhàn)重要內(nèi)容時(shí),應該運用這216種顔色。
如果利用浏覽器(qì)中不存在的顔色(此216種顔色以外的顔色),浏覽器(qì)會(huì)混合這些(xiē)顔色,這些(xiē)顔色會(huì)出現小(xiǎo)圓點,浏覽器(qì)會(huì)顯示出一種與其相近的顔色,這種現象稱為(wèi)抖動。一些(xiē)顯示器(qì)會(huì)扭曲這些(xiē)圓點,圖片就會(huì)失真。如果出現這種情況,文本就會(huì)難以閱讀,所以利用純色作(zuò)為(wèi)設計(jì)元素時(shí),使用浏覽器(qì)安全色(216種顔色)。有(yǒu)時(shí),即使是網絡安全色,也要謹慎利用。
眼睛使用時(shí)間(jiān)太長,容易産生(shēng)視(shì)覺疲勞。我會(huì)利用一個(gè)例子證明(míng)這個(gè)觀點(7年前了解的這個(gè)測試方法,效果很(hěn)明(míng)顯)。這項測試很(hěn)簡單,隻需45秒(miǎo)鍾。測試完以後,你(nǐ)會(huì)更加了結下面的內(nèi)容。
浏覽白盒子時(shí),看到了什麽呢?有(yǒu)沒有(yǒu)看到藍(lán)綠顔色呢?如果沒有(yǒu),重新測試。這不是幻覺,是一種正常現象。下面我來(lái)解釋這種現象。
眼睛後方,存在一種包含數(shù)百萬感光神經細胞的薄層組織,我們稱之為(wèi)杆狀細胞、圓錐細胞。圓錐細胞可(kě)以對特殊波長的光産生(shēng)反應,當觀看紅盒子時(shí),眼睛容易産生(shēng)疲勞感,這時(shí),與其相對的圓錐細胞就會(huì)出現,因此你(nǐ)看到了藍(lán)綠光。你(nǐ)可(kě)以把這個(gè)原理(lǐ)應用于網站(zhàn)設計(jì)中。
我想你(nǐ)已經注意到,警告标志(zhì)通(tōng)常為(wèi)黃色的,因為(wèi)黃色光首先進入你(nǐ)的視(shì)線,所以你(nǐ)會(huì)首先關注黃色。利用這種顔色設計(jì)的廣告,會(huì)吸引用戶的注意,但(dàn)我建議你(nǐ)不要過多(duō)使用此種顔色。訪問者登錄後,網站(zhàn)沒有(yǒu)必要采用明(míng)亮的顔色,否則用戶會(huì)産生(shēng)反感。如果訪問者已經在浏覽你(nǐ)的網站(zhàn),這就證明(míng)你(nǐ)的設計(jì)很(hěn)成功。
網站(zhàn)中避免出現太多(duō)的黃色、紅色內(nèi)容,這些(xiē)顔色應該隻出現在需要用戶關注的內(nèi)容中。網站(zhàn)避免出現大(dà)量紅色內(nèi)容,否則用戶會(huì)感到視(shì)覺疲勞,他們就不會(huì)長時(shí)間(jiān)浏覽網站(zhàn)。顔色不應該成為(wèi)訪問者離開(kāi)網站(zhàn)的原因。