2013年6月23日星期日

Web Design配色之黃金分割法

眾所周知,數學上有一個黃金分割點--0.618。據說用次比例數分割是最具美感的,從美眉身材到高樓建築,主機租用從藝術到繪畫無不出其之左,因此被稱為"神奇的"黃金分割點。與此同時,人們也對其進行了大量的研究,研究結果更是大量的"神奇"說法。不過,我輩是現實主義者,"神奇"就不談了,服務器託管還是看看咋用它的"神奇"解決我的問題吧--網頁配色之黃金分割法。
諸位網頁寄存製作過烘培雞(Homepage)的大蝦們都知道,製作網頁時網頁背景與前景的字體配色比較麻煩的。如果背景顏色與字體顏色的搭配不合理,伺服器託管就會使網頁效果大打折扣。電郵服務如果背景色與字體色的對比度太大,就會顯得太刺眼;如果對比度太小,就會使網頁風格變得過於沉悶。要達最佳配色實在是麻煩之至,自定義-〉觀看效果-〉不合適-〉從頭來……
到最後發現我們大部分寶貴的Time都花在了上面。不過別急,有了我的"網頁配色之黃金分割法"之後,就可以大大節省你的時間了。域名空間別打!別打!我馬上就進入正題了(嗚…………)。
黃金分割法的基本原理是這樣的網頁設計:把顏色的對比度(背景與前景)調節在0.618比例附近的位置上。數據中心下面我以FrontPage 2000為例來講解一下具體操作。
1
.選擇背景色(記住顏色的亮度值)。打開FrontPage 2000以後單擊鼠標右鍵,選擇"網站建設屬性",彈出"網頁屬性"對話框後選擇"背景"單元(或"格式"菜單下的"背景"選項),然後在背景色選項中選取你想要的任意背景色,然後確定(本例中選取橄欖綠RGB0,128,0 亮度:60)。
2
.選擇前景色。選擇格式-〉字體,在字體顏色中選取"其他顏色"。彈出顏色對話框後選擇"自定義",彈出Windows的標準顏色對話框。
3
.計算亮度值。若背景色的亮度值為0-92時,域名代理將上述對話框中的亮度確定為X+148;若在148-240之間則定為X-148。然後選擇任何你認為搭配合理的顏色(亮度值不變)作為前景色。選擇原理如下:亮度的最大值是240,黃金分割值為240×0.618≈148,即亮度差為148為最佳對比度,因此選取的前景色與背景色亮度值至少有一位於0-92148-240之間,其他亮度值不宜選取(強烈建議)。
經過分析上邊的網頁設計黃金分割,我發現在PS裏的亮度卻是以百分比來劃分的,在HSB模式裏的B表示的就是亮度值了。
而根據它的原理,網頁設計就可以推算出Webstore採用百分數值來看,100%*0.618=62%。當背景顏色的亮度值為0~38%時,字體顏色就加上62%,當背景顏色為62~100%時,字體顏色就減去62%。例如:
這樣看來,文字很清晰,且不感覺刺眼了。 不過我個人覺得這個只適合做網頁或者有長篇的文字的地方使用,標題或者其它廣告上就不適用了,作為設計的話,不應該考慮這個,而應該以要表現的內容和精神自由選擇顏色,那樣設計才是自由的。設計更多的不是要理論,而是靠感覺.

1 条评论: