眾所周知,數(shù)學(xué)上有一個(gè)黃金分割點(diǎn)--0.618。據(jù)說(shuō)用次比例數(shù)分割是最具美感的,從美眉身材到高樓建筑,從藝術(shù)到繪畫無(wú)不出其之左,因此被稱為"神奇的"黃金分割點(diǎn)。與此同時(shí),人們也對(duì)其進(jìn)行了大量的研究,研究結(jié)果更是大量的"神奇"說(shuō)法。不過(guò),我輩是現(xiàn)實(shí)主義者,"神奇"就不談了,還是看看咋用它的"神奇"解決我的問(wèn)題吧--網(wǎng)頁(yè)配色之黃金分割法。
諸位制作過(guò)烘培雞(Homepage)的大蝦們都知道,制作網(wǎng)頁(yè)時(shí)網(wǎng)頁(yè)背景與前景的字體配色比較麻煩的。如果背景顏色與字體顏色的搭配不合理,就會(huì)使網(wǎng)頁(yè)效果大打折扣。如果背景色與字體色的對(duì)比度太大,就會(huì)顯得太刺眼;如果對(duì)比度太小,就會(huì)使網(wǎng)頁(yè)風(fēng)格變得過(guò)于沉悶。要達(dá)最佳配色實(shí)在是麻煩之至,自定義-〉觀看效果-〉不合適-〉從頭來(lái)……, 到最后發(fā)現(xiàn)我們大部分寶貴的Time都花在了上面。不過(guò)別急,有了我的"網(wǎng)頁(yè)配色之黃金分割法"之后,就可以大大節(jié)省你的時(shí)間了。別打!別打!我馬上就進(jìn)入正題了(嗚……嗚……)。 黃金分割法的基本原理是這樣的:把顏色的對(duì)比度(背景與前景)調(diào)節(jié)在0.618比例附近的位置上。下面我以FrontPage 2000為例來(lái)講解一下具體操作。 1.選擇背景色(記住顏色的亮度值)。打開(kāi)FrontPage 2000以后單擊鼠標(biāo)右鍵,選擇"網(wǎng)頁(yè)屬性",彈出"網(wǎng)頁(yè)屬性"對(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)呢?作者原創(chuàng),千萬(wàn)不可隨意外傳呦^_^。 經(jīng)過(guò)分析上邊的網(wǎng)頁(yè)設(shè)計(jì)黃金分割,我發(fā)現(xiàn)在PS里的亮度卻是以百分比來(lái)劃分的,在HSB模式里的B表示的就是亮度值了。 此主題相關(guān)圖片如下: 而根據(jù)它的原理,就可以推算出采用百分?jǐn)?shù)值來(lái)看,100%*0.618=62%。當(dāng)背景顏色的亮度值為0~38%時(shí),字體顏色就加上62%,當(dāng)背景顏色為62~100%時(shí),字體顏色就減去62%。例如: 此主題相關(guān)圖片如下: 這樣看來(lái),文字很清晰,且不感覺(jué)刺眼了。 不過(guò)我個(gè)人覺(jué)得這個(gè)只適合做網(wǎng)頁(yè)或者有長(zhǎng)篇的文字的地方使用,標(biāo)題或者其它廣告上就不適用了,作為設(shè)計(jì)的話,不應(yīng)該考慮這個(gè),而應(yīng)該以要表現(xiàn)的內(nèi)容和精神自由選擇顏色,那樣設(shè)計(jì)才是自由的。設(shè)計(jì)更多的不是要理論,而是靠感覺(jué) |
|
來(lái)自: 夢(mèng)中殘景 > 《網(wǎng)頁(yè)配色》