掃描二維碼關(guān)注博盈官方微信公眾號(hào)
立享網(wǎng)站建設(shè)優(yōu)惠
顏色簡(jiǎn)寫(xiě)
一旦你開(kāi)始對(duì)龍華網(wǎng)頁(yè)設(shè)計(jì)用CSS定義的時(shí)候,你就會(huì)發(fā)現(xiàn)在顏色定義上面的一些奇怪事情。你在#后面看到的不是6位數(shù)碼而是三位數(shù)碼(例如:#c9f)。這就是我們所說(shuō)的顏色簡(jiǎn)寫(xiě)。網(wǎng)頁(yè)安全顏色調(diào)色板一直使用的是成對(duì)的三元組。所以你可以大膽方便地使用顏色簡(jiǎn)寫(xiě)方法。
例如:
白色的簡(jiǎn)寫(xiě)是:#fff
黑色的簡(jiǎn)寫(xiě)是:#000
紅色的簡(jiǎn)寫(xiě)是:#f00
綠色的簡(jiǎn)寫(xiě)是:#0f0
藍(lán)色的簡(jiǎn)寫(xiě)是:#00f
以此類(lèi)推等等……
尋找三色點(diǎn)組合
三色點(diǎn)組合是幾種搭配很和諧的,能夠給設(shè)計(jì)帶來(lái)靈性的顏色組合。利用十六進(jìn)制的顏色代碼很容易從調(diào)色板中搭配出三色點(diǎn)組合。很基本的一組三色點(diǎn)組合可能是橘黃色、紫色和海綠色。即:#fc0, #c0f, 和 #0fc。在這一組三色點(diǎn)組合中有三個(gè)字母:f, c, 和0。通過(guò)改變這三個(gè)字母的不同順序,你可以創(chuàng)建出搭配相互和諧的不同色彩。方法是這樣的:
1. 選擇基本色
在上面的色彩方案中,我用的是橘黃色:#fc0
2. 調(diào)換字母順序使三個(gè)字母分別在不同的位置上。
我把f放在最后, c放在第一位,0放在中間。這樣就產(chǎn)生了紫色:#c0f
3. 再一次調(diào)換字母位置,就產(chǎn)生了海藍(lán)色:#0fc
對(duì)非網(wǎng)站安全色這種方法也同樣適用,把另個(gè)相同的字母當(dāng)作一個(gè)單獨(dú)的字母。例如, 在網(wǎng)站設(shè)計(jì)中我使用了:藍(lán)色:#859CFE, 粉紅色: #FE859C, 和綠色:#9CFE85。三個(gè)重復(fù)的字母組合是:85,9c, 和fe。
網(wǎng)站安全色是不是真正必須的呢?
幾星期之前我們發(fā)表了一篇有瀏覽器安全網(wǎng)站色彩的文章。我們收到了一封來(lái)自“Jason”的電子郵件。郵件中提到:“不要試圖鼓動(dòng)這些網(wǎng)站設(shè)計(jì)新手利用那些過(guò)時(shí)的所謂網(wǎng)站安全調(diào)色板去制作更垃圾更腐臭的網(wǎng)站?!编]件后面的內(nèi)容更針對(duì)我。即使讓人覺(jué)得他很粗魯,他的確有他自己的想法和觀點(diǎn)。
瀏覽器安全色大約是在七八年之前被提出來(lái)的,因?yàn)槟菚r(shí)大部分電腦的顯示器是8位的,只能支持256種顏色。這也就意味著如果你使用了非網(wǎng)站安全色彩,這些顏色就會(huì)發(fā)生抖動(dòng)而產(chǎn)生失真現(xiàn)象。我曾經(jīng)碰到過(guò)這樣的情況,一種非常亮的綠色在只有8位分辨率的電腦屏幕上看起來(lái)近乎是粉紅色的。
情況是……
如果你不知道誰(shuí)會(huì)瀏覽你的網(wǎng)站(或許因?yàn)槟銢](méi)有瀏覽器和顯示器數(shù)據(jù)或許因?yàn)槟銢](méi)有使用它們),你就不會(huì)知道在他們那里你的網(wǎng)站是什么樣子的。使用瀏覽器安全色是保險(xiǎn)的選擇。并且不會(huì)跟上面Jason所說(shuō)的一樣,利用瀏覽器安全色是可以設(shè)計(jì)出好看漂亮的網(wǎng)頁(yè)的。同樣,利用非網(wǎng)站安全色也很容易設(shè)計(jì)出非常丑陋難看的網(wǎng)頁(yè)。
有關(guān)瀏覽器安全色或非安全色的一個(gè)很重要的事情就是你要明智的選擇使用哪一種。我曾經(jīng)選擇非安全色來(lái)設(shè)計(jì)一個(gè)網(wǎng)站因?yàn)槲矣X(jué)得非安全色最適合我的網(wǎng)站。但是,如果我當(dāng)初知道我的顧客可能使用的是8位的顯示器,那么我就不會(huì)選擇使用非安全色。
在選擇網(wǎng)站色彩的時(shí)候,你必須懂得用色原則只有這樣你才能很好的搭配色彩。同時(shí),你應(yīng)該為顧客考慮,在不要的時(shí)候選擇使用網(wǎng)站安全色調(diào)色板。