返回首頁 | 關于我們 | 作品展示 | 網站建設 | 網站優化 | 網站策劃 | 解決方案 | 聯系我們 | 在線留言 | 需求提交
   


您當前的位置是:首頁 > 網頁設計 > 網站設計用色技巧
網站建設知識
域名空間
網站建設
網頁設計
網站推廣
最新文章
偽靜態網站對網站優化的好處
域名備案正確拍照示例
網站備案的流程、網站備案需要哪些資料?
網站到底要不要開啟https?
打造高質量的網站
好好建站網告訴您---北京做網站多少錢?
如何辦理經營性備案?
北京公司如何選擇公司網站域名?
Kindeditor 單獨調用單張圖上傳增加預覽
解析北京做網站注意事項
關于阿里云域名實名認證公告
北京做網站哪家強?這里有你想要的網站優化秘籍
企業為什么要做網站?
響應式網站設計圖片處理7個技巧
為什么網站做得不好的原因?
網站被百度降權之后應該怎么辦
分析競爭對手網站來做網站優化
關鍵詞突然降到100名以外的原因分析
做網站時關鍵詞優化的技巧
seo入門的基本技巧
 

網站設計用色技巧

發布時間: 2010-10-17 1:01:33

顏色簡寫
一旦你開始對網站設計用CSS定義的時候,你就會發現在顏色定義上面的一些奇怪事情。你在#后面看到的不是6位數碼而是三位數碼(例如

:#c9f)。這就是我們所說的顏色簡寫。網頁安全顏色調色板一直使用的是成對的三元組。所以你可以大膽方便地使用顏色簡寫方法。
例如:
白色的簡寫是:#fff
黑色的簡寫是:#000
紅色的簡寫是:#f00
綠色的簡寫是:#0f0
藍色的簡寫是:#00f
以此類推等等……
尋找三色點組合
三色點組合是幾種搭配很和諧的,能夠給設計帶來靈性的顏色組合。利用十六進制的顏色代碼很容易從調色板中搭配出三色點組合。很基

本的一組三色點組合可能是橘黃色、紫色和海綠色。即:#fc0, #c0f, 和 #0fc。在這一組三色點組合中有三個字母:f, c, 和0。通過改

變這三個字母的不同順序,你可以創建出搭配相互和諧的不同色彩。方法是這樣的:
1.    選擇基本色
在上面的色彩方案中,我用的是橘黃色:#fc0
2.    調換字母順序使三個字母分別在不同的位置上。
我把f放在最后, c放在第一位,0放在中間。這樣就產生了紫色:#c0f
3.    再一次調換字母位置,就產生了海藍色:#0fc
對非網站安全色這種方法也同樣適用,把另個相同的字母當作一個單獨的字母。例如, 在網站設計中我使用了:藍色:#859CFE, 粉紅色

: #FE859C, 和綠色:#9CFE85。三個重復的字母組合是:85,9c, 和fe。
網站安全色是不是真正必須的呢?

幾星期之前我們發表了一篇有瀏覽器安全網站色彩的文章。我們收到了一封來自“Jason”的電子郵件。郵件中提到:“不要試圖鼓動這些

網站設計新手利用那些過時的所謂網站安全調色板去制作更垃圾更腐臭的網站。”郵件后面的內容更針對我。即使讓人覺得他很粗魯,他

的確有他自己的想法和觀點。
瀏覽器安全色大約是在七八年之前被提出來的,因為那時大部分電腦的顯示器是8位的,只能支持256種顏色。這也就意味著如果你使用了

非網站安全色彩,這些顏色就會發生抖動而產生失真現象。我曾經碰到過這樣的情況,一種非常亮的綠色在只有8位分辨率的電腦屏幕上看

起來近乎是粉紅色的。
情況是……
如果你不知道誰會瀏覽你的網站(或許因為你沒有瀏覽器和顯示器數據或許因為你沒有使用它們),你就不會知道在他們那里你的網站是

什么樣子的。使用瀏覽器安全色是保險的選擇。并且不會跟上面Jason所說的一樣,利用瀏覽器安全色是可以設計出好看漂亮的網頁的。同

樣,利用非網站安全色也很容易設計出非常丑陋難看的網頁。
有關瀏覽器安全色或非安全色的一個很重要的事情就是你要明智的選擇使用哪一種。我曾經選擇非安全色來設計一個網站因為我覺得非安

全色最適合我的網站。但是,如果我當初知道我的顧客可能使用的是8位的顯示器,那么我就不會選擇使用非安全色。
在選擇網站色彩的時候,你必須懂得用色原則只有這樣你才能很好的搭配色彩。


文章出自:北京做網站公司-好好建站網 http://www.lyral.tw 如轉載請注明出處!
上一篇:什么是UI設計
下一篇:網站的設計應該遵循哪些規則
捕鱼大富翁手机版 1341685587327856823355231999062691736579501275746573699145569997581267329693618986551701644561 (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();