網(wǎng)頁(yè)配色之黃金分割法

2014-08-03    分類: 網(wǎng)站建設(shè)

  眾所周知,數(shù)學(xué)上有一個(gè)黃金分割點(diǎn)–0.618。據(jù)說(shuō)用次比例數(shù)分割是最具美感的,從美眉身材到高樓建筑,從藝術(shù)到繪畫無(wú)不出其之左,因此被稱為”神奇的”黃金分割點(diǎn)。如此萬(wàn)能的黃金分割點(diǎn)是否可以利用在網(wǎng)站建設(shè)的制作過(guò)程中呢?接下來(lái)成都創(chuàng)新互聯(liá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都花在了上面。

  黃金分割法的基本原理是這樣的:把顏色的對(duì)比度(背景與前景)調(diào)節(jié)在0.618比例附近的位置上。下面我以FrontPage2000為例來(lái)講解一下具體操作。

  1.選擇背景色(記住顏色的亮度值)。打開FrontPage2000以后單擊鼠標(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)烈建議)。
  以上便是成都創(chuàng)新互聯(lián)科技有限公司帶來(lái)的網(wǎng)頁(yè)設(shè)計(jì)中黃金分割法的利用,希望可以為更多的網(wǎng)頁(yè)設(shè)計(jì)師們帶來(lái)幫助!

當(dāng)前文章:網(wǎng)頁(yè)配色之黃金分割法
網(wǎng)頁(yè)路徑:http://www.muchs.cn/news/10596.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供定制網(wǎng)站、ChatGPT、手機(jī)網(wǎng)站建設(shè)網(wǎng)站制作、自適應(yīng)網(wǎng)站品牌網(wǎng)站制作

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

微信小程序開發(fā)