当前位置:首页>>软件教程>>网页制作>>新闻内容  
网页配色之黄金分割法
作者: 发布时间:2006-1-9 13:19:37 | 【字体:

众所周知,数学上有一个黄金分割点--0.618。据说用次比例数分割是最具美感的, 从美眉身材到高楼建筑,从艺术到绘画无不出其之左,因此被称为"神奇的"黄金分割点 。与此同时,人们也对其进行了大量的研究,研究结果更是大量的"神奇"说法。不过, 我辈是现实主义者,"神奇"就不谈了,还是看看咋用它的"神奇"解决我的问题吧--网页 配色之黄金分割法。

诸位制作过烘培鸡(Homepage)的大虾们都知道,制作网页时网页背景与前景的字 体配色比较麻烦的。如果背景颜色与字体颜色的搭配不合理,就会使网页效果大打折扣 。如果背景色与字体色的对比度太大,就会显得太刺眼;如果对比度太小,就会使网页 风格变得过于沉闷。要达最佳配色实在是麻烦之至,自定义-〉观看效果-〉不合适-〉从 头来……, 到最后发现我们大部分宝贵的Time都花在了上面。不过别急,有了我的"网页配色之 黄金分割法"之后,就可以大大节省你的时间了。别打!别打!我马上就进入正题了(呜 ……呜……)。

黄金分割法的基本原理是这样的:把颜色的对比度(背景与前景)调节在0.618比例 附近的位置上。下面我以FrontPage2000为例来讲解一下具体操作。

1.选择背景色(记住颜色的亮度值)。打开FrontPage2000以后单击鼠标右键,选 择"网页属性",弹出"网页属性"对话框后选择"背景"单元(或"格式"菜单下的"背景"选 项),然后在背景色选项中选取你想要的任意背景色,然后确定(本例中选取橄榄绿RG B:0,128,0亮度:60)。

2.选择前景色。选择格式-〉字体,在字体颜色中选取"其他颜色"。弹出颜色对话 框后选择"自定义",弹出Windows的标准颜色对话框(如图):

3.计算亮度值。若背景色的亮度值为0-92时,将上述对话框中的亮度确定为X+148 ;若在148-240之间则定为X-148。然后选择任何你认为搭配合理的颜色(亮度值不变)作为前景色。选择原理如下:亮度的最大值是240,黄金分割值为240×0.618≈148,即亮度差为148为最佳对比度,因此选取的前景色与背景色亮度值至少有一位于0-92或148-240之间,其他亮度值不一选取(强烈建议)。

Ok,确定,输入几个字符看看效果,是不是要好一点呢?作者原创,千万不可随意 外传呦^_^。


文章来源:DOFOTO
·制作网站网页的四十个建议和技巧
·什么是无障碍网页设计?规范和检测要点
·用图片实现超级链接的个性化下划线
·浅析HTML和XHTML的区别
·maquee无缝滚动向上向下向左向右的代码
·符合标准的正常工作的一种对联广告
·网页浏览速度提高可行的七法
·网页设计配色精彩十例
·用ASP+CSS实现网页随机背景
·网页设计配色应用教程之色彩的调和
 放生
 愚爱
 够爱
 触电
 白狐
 葬爱
 光荣
 画心
 火花
 稻香
 小酒窝
 下雨天
 右手边
 安静了
 魔杰座
 你不像她
 边做边爱
 擦肩而过
 我的答铃
 怀念过去
 等一分钟
 放手去爱
 冰河时代
 你的承诺
 自由飞翔
 原谅我一次
 吻的太逼真
 左眼皮跳跳
 做你的爱人
 一定要爱你
 飞向别人的床
 爱上别人的人
 感动天感动地
 心在跳情在烧
 玫瑰花的葬礼
 有没有人告诉你
 即使知道要见面
 爱上你是一个错
 最后一次的温柔
 爱上你是我的错
 怎么会狠心伤害我
 不是因为寂寞才想
 亲爱的那不是爱情
 难道爱一个人有错
 寂寞的时候说爱我