網(wǎng)頁(yè)配色之黃金分割法_網(wǎng)頁(yè)配色教程
教程Tag:暫無(wú)Tag,歡迎添加,賺取U幣!
眾所周知,數(shù)學(xué)上有一個(gè)黃金分割點(diǎn)--0.618。據(jù)說(shuō)用次比例數(shù)分割是最具美感的, 從美眉身材到高樓建筑,從藝術(shù)到繪畫(huà)無(wú)不出其之左,因此被稱(chēng)為"神奇的"黃金分割點(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比例 四周的位置上。下面我以FrontPage2000為例來(lái)講解一下具體操作。
1.選擇背景色(記住顏色的亮度值)。打開(kāi)FrontPage2000以后單擊鼠標(biāo)右鍵,選 擇"網(wǎng)頁(yè)屬性",彈出"網(wǎng)頁(yè)屬性"對(duì)話框后選擇"背景"單元(或"格式"菜單下的"背景"選 項(xiàng)),然后在背景色選項(xiàng)中選取你想要的任意背景色,然后確定(本例中選取橄欖綠RG B: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)烈建議)。
諸位制作過(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比例 四周的位置上。下面我以FrontPage2000為例來(lái)講解一下具體操作。
1.選擇背景色(記住顏色的亮度值)。打開(kāi)FrontPage2000以后單擊鼠標(biāo)右鍵,選 擇"網(wǎng)頁(yè)屬性",彈出"網(wǎng)頁(yè)屬性"對(duì)話框后選擇"背景"單元(或"格式"菜單下的"背景"選 項(xiàng)),然后在背景色選項(xiàng)中選取你想要的任意背景色,然后確定(本例中選取橄欖綠RG B: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)烈建議)。
相關(guān)網(wǎng)頁(yè)配色教程:
- 網(wǎng)站配色指南-互聯(lián)網(wǎng)的色彩心理學(xué)
- 網(wǎng)頁(yè)設(shè)計(jì)配色基礎(chǔ)分析:RGB與HSB
- 網(wǎng)頁(yè)設(shè)計(jì)色彩搭配寶藍(lán)色的介紹
- 看圖學(xué)配色藝術(shù),學(xué)習(xí)設(shè)計(jì)
- 學(xué)習(xí)HTML的一些關(guān)于顏色方面的參考
- 網(wǎng)頁(yè)配色:正文中國(guó)傳統(tǒng)色彩名錄
- 韓國(guó)在線配色網(wǎng)頁(yè)
- 網(wǎng)頁(yè)設(shè)計(jì)配色:原色
- 網(wǎng)頁(yè)設(shè)計(jì)配色:和色
- 網(wǎng)頁(yè)設(shè)計(jì)配色應(yīng)用實(shí)例剖析——黑色系
- 主流web2.0網(wǎng)站的配色參考方案
- 網(wǎng)站設(shè)計(jì)中的對(duì)比配色和相近配色
網(wǎng)頁(yè)配色教程Rss訂閱網(wǎng)站制作教程搜索
網(wǎng)頁(yè)配色教程推薦
猜你也喜歡看這些
- 新浪微博商業(yè)化步伐加快:與淘寶合作 推信息流展示廣告
- 用戶特征描述對(duì)設(shè)計(jì)的影響
- 國(guó)內(nèi)網(wǎng)頁(yè)設(shè)計(jì)經(jīng)驗(yàn)談
- 交互設(shè)計(jì)實(shí)用指南系列(10)—?jiǎng)e讓我思考 - 交互設(shè)計(jì)
- 成功構(gòu)建網(wǎng)站的方法
- 中移動(dòng)4G一次砸200億 417億快花一半了
- 首頁(yè)訪問(wèn)感受提升三步曲
- 富士康500萬(wàn)Iphone遭退貨 郭臺(tái)銘“緋聞”不斷
- 何時(shí)用按鈕,何時(shí)用鏈接
- 我們?yōu)槭裁锤陌妫?/a>
- 相關(guān)鏈接:
- 教程說(shuō)明:
網(wǎng)頁(yè)配色教程-網(wǎng)頁(yè)配色之黃金分割法
。