建站常識(shí)
網(wǎng)頁(yè)配色之黃金分割法
2005-12-28 13:59:00
諸位制作過(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)不可隨意外傳呦^_^。
近期更新
- [2023-06-25 23:22:29] 優(yōu)秀網(wǎng)站設(shè)計(jì)的五大特點(diǎn)
- [2023-04-27 14:05:55] Html 5 響應(yīng)式網(wǎng)站設(shè)計(jì)制作
- [2023-04-10 11:07:30] 網(wǎng)站建設(shè)制作流程知多少
- [2022-10-14 10:11:30] 做網(wǎng)站設(shè)計(jì)應(yīng)該更看重框架搭建還是視覺(jué)觀感?
- [2022-08-09 15:57:48] 以“產(chǎn)品”思維搭建網(wǎng)站!
- [2022-08-08 09:12:57] 一家公司的網(wǎng)站應(yīng)該有哪些板塊內(nèi)容?
- [2022-08-05 09:28:06] 企業(yè)網(wǎng)站建設(shè)為什么要設(shè)置新聞板塊?
- [2022-07-04 15:58:06] 網(wǎng)站首頁(yè)設(shè)計(jì)的好看,這個(gè)網(wǎng)站就成功了一大半!
- [2022-05-20 09:34:19] 網(wǎng)站后臺(tái)管理系統(tǒng)是什么?有什么作用?
- [2022-05-17 11:29:32] 作為消費(fèi)者,應(yīng)該如何選擇一家水平高的網(wǎng)站建設(shè)公司
- [2022-05-17 11:27:01] 高端網(wǎng)站定制與模板化網(wǎng)站應(yīng)該怎么選擇?
- [2022-04-22 16:00:41] 現(xiàn)在高端的網(wǎng)站設(shè)計(jì)都有哪些新的趨勢(shì)?
延伸閱讀
- [2019-06-10 11:38:19] 如何使用插畫改善用戶在網(wǎng)站上的體驗(yàn)
- [2009-07-28 08:06:00] 互聯(lián)網(wǎng)產(chǎn)品 設(shè)計(jì)流程
- [2020-11-25 15:03:59] 青島網(wǎng)站建設(shè)時(shí)如何選擇圖片?
- [2007-11-03 22:31:00] 如何制定文字語(yǔ)言規(guī)范
- [2009-07-21 07:47:00] 搜索結(jié)果頁(yè)(SERP)之一:前言
- [2011-01-11 08:51:00] 960時(shí)代的終結(jié)
- [2010-08-02 22:08:00] 為什么不要“以任務(wù)為中心”來(lái)進(jìn)行設(shè)計(jì)?
- [2010-04-23 08:30:00] 中文段首不需要空兩格
- [2007-06-07 11:59:00] 產(chǎn)品設(shè)計(jì)中的一致性原則
- [2008-02-13 11:27:00] 網(wǎng)站設(shè)計(jì)的50條建議
- [2007-07-13 15:35:00] RGB色彩對(duì)照表
- [2006-11-22 10:42:00] 保持網(wǎng)站流量 對(duì)網(wǎng)站改版方案建議
解決方案
輪胎行業(yè)網(wǎng)站設(shè)計(jì)解決方案 機(jī)械行業(yè)網(wǎng)站設(shè)計(jì)解決方案 房地產(chǎn)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 科技企業(yè)網(wǎng)站設(shè)計(jì)解決方案 電子家電網(wǎng)站設(shè)計(jì)解決方案 食品行業(yè)網(wǎng)站設(shè)計(jì)解決方案 集團(tuán)公司網(wǎng)站設(shè)計(jì)解決方案 企事業(yè)單位網(wǎng)站設(shè)計(jì)解決方案 外貿(mào)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 健身運(yùn)動(dòng)網(wǎng)站設(shè)計(jì)解決方案 美容與化妝品網(wǎng)站設(shè)計(jì)解決方案 建筑設(shè)計(jì)行業(yè)網(wǎng)站設(shè)計(jì)解決方案 物流行業(yè)網(wǎng)站設(shè)計(jì)解決方案
TAGS關(guān)鍵字
海信網(wǎng)絡(luò)科技 青島輪胎網(wǎng)站設(shè)計(jì) 微官網(wǎng) 青島網(wǎng)站SEO 微信營(yíng)銷的優(yōu)勢(shì) 青島網(wǎng)站營(yíng)銷 青島flash網(wǎng)站 蘋果系統(tǒng) 青島海洋投資集團(tuán) 力圖 插畫 網(wǎng)站制作 網(wǎng)站開(kāi)發(fā) 青島好的網(wǎng)站優(yōu)化公司 青島網(wǎng)站制作 網(wǎng)站的速度 青島網(wǎng)站優(yōu)化 中小型企業(yè)網(wǎng)站建設(shè) 網(wǎng)站策劃 微網(wǎng)站 青島高端網(wǎng)站建設(shè) 青島網(wǎng)站案例 網(wǎng)站推廣 官網(wǎng)建設(shè) 網(wǎng)站視覺(jué) 響應(yīng)式設(shè)計(jì) 手機(jī)網(wǎng)站 用戶界面 圖形網(wǎng)格 網(wǎng)站設(shè)計(jì)