<!-- Feedsky FEED發布代碼開始 -->
如果您喜歡這些文章，歡迎點擊此處訂閱本Blog
<!-- FEED自動發現標記開始 --> <link title="RSS 2.0" type="application/rss+xml" rel="alternate"> <!-- FEED自動發現標記結束 -->
<!--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橫幅廣告結束-->
眾所周知，數學上有一個黃金分割點--0.618。據說用次比例數分割是最具美感的，從美眉身材到高樓建筑，從藝術到繪畫無不出其之左，因此被稱為"神奇的"黃金分割點。與此同時，人們也對其進行了大量的研究，研究結果更是大量的"神奇"說法。不過，我輩是現實主義者，"神奇"就不談了，還是看看咋用它的"神奇"解決我的問題吧--網頁配色之黃金分割法。
諸位制作過網頁的都知道，制作網頁時網頁背景與前景的字體配色比較麻煩的。如果背景顏色與字體顏色的搭配不合理，就會使網頁效果大打折扣。如果背景色與字體色的對比度太大，就會顯得太刺眼；如果對比度太小，就會使網頁風格變得過于沉悶。要達最佳配色實在是麻煩之至，自定義 -〉觀看效果-〉不合適-〉從頭來……，
到最后發現我們大部分寶貴的Time都花在了上面。不過別急，有了我的"網頁配色之黃金分割法"之后，就可以大大節省你的時間了。
黃金分割法的基本原理是這樣的：把顏色的對比度（背景與前景）調節在0.618比例附近的位置上。下面我以FrontPage 2000為例，其他軟件如Dreamweaver和Photoshop等同理，來講解一下具體操作。
1． 選擇背景色（記住顏色的亮度值）。打開FrontPage 2000以后單擊鼠標右鍵，選擇"網頁屬性"，彈出"網頁屬性"對話框后選擇"背景"單元（或"格式"菜單下的"背景"選項），然后在背景色選項中選取你想要的任意背景色，然后確定（本例中選取橄欖綠RGB：0，128，0 亮度：60）。
2． 選擇前景色。選擇格式-〉字體，在字體顏色中選取"其他顏色"。彈出顏色對話框后選擇"自定義"，彈出Windows的標準顏色對話框：
3． 計算亮度值。若背景色的亮度值為0-92時，將上述對話框中的亮度確定為X+148；若在148-240之間則定為X-148。然后選擇任何你認為搭配合理的顏色（亮度值不變）作為前景色。選擇原理如下：亮度的最大值是240，黃金分割值為240×0.618≈148，即亮度差為148為最佳對比度，因此選取的前景色與背景色亮度值至少有一位于0-92或148-240之間，其他亮度值不一選取（強烈建議）。
Ok，確定，輸入幾個字符看看效果，是不是要好一點呢？
摘編自【BlueIdea】
<!--新Google 468*60橫幅廣告開始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; /* 468x60, 創建于 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橫幅廣告結束-->
<!--新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 橫鏈接單元結束-->
<!-- Google Reader shared發布代碼開始 --><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&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發布代碼結束 -->
<!--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橫幅廣告結束-->
眾所周知，數學上有一個黃金分割點--0.618。據說用次比例數分割是最具美感的，從美眉身材到高樓建筑，從藝術到繪畫無不出其之左，因此被稱為"神奇的"黃金分割點。與此同時，人們也對其進行了大量的研究，研究結果更是大量的"神奇"說法。不過，我輩是現實主義者，"神奇"就不談了，還是看看咋用它的"神奇"解決我的問題吧--網頁配色之黃金分割法。
諸位制作過網頁的都知道，制作網頁時網頁背景與前景的字體配色比較麻煩的。如果背景顏色與字體顏色的搭配不合理，就會使網頁效果大打折扣。如果背景色與字體色的對比度太大，就會顯得太刺眼；如果對比度太小，就會使網頁風格變得過于沉悶。要達最佳配色實在是麻煩之至，自定義 -〉觀看效果-〉不合適-〉從頭來……，
到最后發現我們大部分寶貴的Time都花在了上面。不過別急，有了我的"網頁配色之黃金分割法"之后，就可以大大節省你的時間了。
黃金分割法的基本原理是這樣的：把顏色的對比度（背景與前景）調節在0.618比例附近的位置上。下面我以FrontPage 2000為例，其他軟件如Dreamweaver和Photoshop等同理，來講解一下具體操作。
1． 選擇背景色（記住顏色的亮度值）。打開FrontPage 2000以后單擊鼠標右鍵，選擇"網頁屬性"，彈出"網頁屬性"對話框后選擇"背景"單元（或"格式"菜單下的"背景"選項），然后在背景色選項中選取你想要的任意背景色，然后確定（本例中選取橄欖綠RGB：0，128，0 亮度：60）。
2． 選擇前景色。選擇格式-〉字體，在字體顏色中選取"其他顏色"。彈出顏色對話框后選擇"自定義"，彈出Windows的標準顏色對話框：
3． 計算亮度值。若背景色的亮度值為0-92時，將上述對話框中的亮度確定為X+148；若在148-240之間則定為X-148。然后選擇任何你認為搭配合理的顏色（亮度值不變）作為前景色。選擇原理如下：亮度的最大值是240，黃金分割值為240×0.618≈148，即亮度差為148為最佳對比度，因此選取的前景色與背景色亮度值至少有一位于0-92或148-240之間，其他亮度值不一選取（強烈建議）。
Ok，確定，輸入幾個字符看看效果，是不是要好一點呢？
摘編自【BlueIdea】
<!--新Google 468*60橫幅廣告開始--><script type="text/javascript"><!-- google_ad_client = "pub-7343546549496470"; /* 468x60, 創建于 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橫幅廣告結束-->
<!--新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 橫鏈接單元結束-->
<!-- Google Reader shared發布代碼開始 --><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&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發布代碼結束 -->
更多文章、技術交流、商務合作、聯系博主
微信掃碼或搜索：z360901061
微信掃一掃加我為好友
QQ號聯系： 360901061
您的支持是博主寫作最大的動力，如果您喜歡我的文章，感覺我的文章對您有幫助，請用微信掃描下面二維碼支持博主2元、5元、10元、20元等您想捐的金額吧，狠狠點擊下面給點支持吧，站長非常感激您！手機微信長按不能支付解決辦法：請將微信支付二維碼保存到相冊，切換到微信，然后點擊微信右上角掃一掃功能，選擇支付二維碼完成支付。
【本文對您有幫助就好】元
