<!-- Feedsky FEED發(fā)布代碼開始 --> 如果您喜歡這些文章，歡迎點(diǎn)擊此處訂閱本Blog <!-- FEED自動(dòng)發(fā)現(xiàn)標(biāo)記開始 --> <link title="RSS 2.0" type="application/rss+xml" rel="alternate"> <!-- FEED自動(dòng)發(fā)現(xiàn)標(biāo)記結(jié)束 -->

<!--Google 468*60橫幅廣告開始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; google_ad_width = 468; google_ad_height = 60; google_ad_format = "468x60_as"; google_ad_type = "image"; //2007-07-26: CSDN google_ad_channel = "6063905817"; google_color_border = "6699CC"; google_color_bg = "E6E6E6"; google_color_link = "FFFFFF"; google_color_text = "333333"; google_color_url = "AECCEB"; google_ui_features = "rc:6"; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><!--Google 468*60橫幅廣告結(jié)束-->

眾所周知，數(shù)學(xué)上有一個(gè)黃金分割點(diǎn)--0.618。據(jù)說用次比例數(shù)分割是最具美感的，從美眉身材到高樓建筑，從藝術(shù)到繪畫無不出其之左，因此被稱為"神奇的"黃金分割點(diǎn)。與此同時(shí)，人們也對(duì)其進(jìn)行了大量的研究，研究結(jié)果更是大量的"神奇"說法。不過，我輩是現(xiàn)實(shí)主義者，"神奇"就不談了，還是看看咋用它的"神奇"解決我的問題吧--網(wǎng)頁配色之黃金分割法。

　　諸位制作過網(wǎng)頁的都知道，制作網(wǎng)頁時(shí)網(wǎng)頁背景與前景的字體配色比較麻煩的。如果背景顏色與字體顏色的搭配不合理，就會(huì)使網(wǎng)頁效果大打折扣。如果背景色與字體色的對(duì)比度太大，就會(huì)顯得太刺眼；如果對(duì)比度太小，就會(huì)使網(wǎng)頁風(fēng)格變得過于沉悶。要達(dá)最佳配色實(shí)在是麻煩之至，自定義 -〉觀看效果-〉不合適-〉從頭來……，

　　到最后發(fā)現(xiàn)我們大部分寶貴的Time都花在了上面。不過別急，有了我的"網(wǎng)頁配色之黃金分割法"之后，就可以大大節(jié)省你的時(shí)間了。

　　黃金分割法的基本原理是這樣的：把顏色的對(duì)比度（背景與前景）調(diào)節(jié)在0.618比例附近的位置上。下面我以FrontPage 2000為例，其他軟件如Dreamweaver和Photoshop等同理，來講解一下具體操作。

1． 選擇背景色（記住顏色的亮度值）。打開FrontPage 2000以后單擊鼠標(biāo)右鍵，選擇"網(wǎng)頁屬性"，彈出"網(wǎng)頁屬性"對(duì)話框后選擇"背景"單元（或"格式"菜單下的"背景"選項(xiàng)），然后在背景色選項(xiàng)中選取你想要的任意背景色，然后確定（本例中選取橄欖綠RGB：0，128，0 亮度：60）。

2． 選擇前景色。選擇格式-〉字體，在字體顏色中選取"其他顏色"。彈出顏色對(duì)話框后選擇"自定義"，彈出Windows的標(biāo)準(zhǔn)顏色對(duì)話框：

3． 計(jì)算亮度值。若背景色的亮度值為0-92時(shí)，將上述對(duì)話框中的亮度確定為X+148；若在148-240之間則定為X-148。然后選擇任何你認(rèn)為搭配合理的顏色（亮度值不變）作為前景色。選擇原理如下：亮度的最大值是240，黃金分割值為240×0.618≈148，即亮度差為148為最佳對(duì)比度，因此選取的前景色與背景色亮度值至少有一位于0-92或148-240之間，其他亮度值不一選取（強(qiáng)烈建議）。

　　Ok，確定，輸入幾個(gè)字符看看效果，是不是要好一點(diǎn)呢？

摘編自【BlueIdea】

<!--新Google 468*60橫幅廣告開始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; /* 468x60, 創(chuàng)建于 08-8-6 */ google_ad_slot = "7368701459"; google_ad_width = 468; google_ad_height = 60; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><!--新Google 468*60橫幅廣告結(jié)束-->

<!--新Google 468x15 橫鏈接單元開始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; /* 468x15 橫鏈接單元 */ google_ad_slot = "5785741422"; google_ad_width = 468; google_ad_height = 15; //--> </script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js"> </script><!--新Google 468x15 橫鏈接單元結(jié)束-->

<!-- Google Reader shared發(fā)布代碼開始 --><script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script><script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&amp;callback=GRC_p%28%7Bc%3A%22green%22%2Ct%3A%22%5Cu8FD9%5Cu4E9B%5Cu6587%5Cu7AE0%5Cu4E5F%5Cu503C%5Cu5F97%5Cu4E00%5Cu770B%22%2Cs%3A%22false%22%7D%29%3Bnew%20GRC"></script><!-- Google Reader shared發(fā)布代碼結(jié)束 -->

網(wǎng)頁前臺(tái)配色秘訣-黃金分割配色法