網頁配色之黃金分割法_網頁配色教程

2024-08-30 08:33:17

字體：大中小

來源：轉載

供稿：網友

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

諸位制作過烘培雞（Homepage）的大蝦們都知道，制作網頁時網頁背景與前景的字體配色比較麻煩的。假如背景顏色與字體顏色的搭配不合理，就會使網頁效果大打折扣。假如背景色與字體色的對比度太大，就會顯得太刺眼；假如對比度太小，就會使網頁風格變得過于沉悶。要達最佳配色實在是麻煩之至，自定義-〉觀看效果-〉不合適-〉從頭來……，到最后發現我們大部分寶貴的Time都花在了上面。不過別急，有了我的"網頁配色之黃金分割法"之后，就可以大大節省你的時間了。別打！別打！我馬上就進入正題了（嗚 ……嗚……）。

黃金分割法的基本原理是這樣的：把顏色的對比度（背景與前景）調節在0.618比例四周的位置上。下面我以FrontPage2000為例來講解一下具體操作。

1．選擇背景色（記住顏色的亮度值）。打開FrontPage2000以后單擊鼠標右鍵，選擇"網頁屬性"，彈出"網頁屬性"對話框后選擇"背景"單元（或"格式"菜單下的"背景"選項），然后在背景色選項中選取你想要的任意背景色，然后確定（本例中選取橄欖綠RG B：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之間，其他亮度值不一選取（強烈建議）。

上一篇：網頁設計中文字顏色的搭配技巧_網頁配色教程

下一篇：淺談“色彩層次”在設計中的運用_網頁配色教程