当前位置: 首页 > 图文教程 > 网页制作 > HTML/XHTML教程 > 网页配色之黄金分割法

HTML/XHTML教程
一些不太常用的XHTML标签用法以及实例
网页中图片的设置涉及的三个问题
商业HTML邮件的制作建议
HTML Marquee 字符片段滚动
DOCTYPE 文档类型声明(网页爱好者必看)
纯HTML标签你熟悉多少?
HTML元素的ID和Name属性的区别
HTML meta的大作用
HTML标签tbody的用法与说明
HTML 特殊字符转换表
HTML基础 HTML的组成结构
HTML基础之HTML内容细则
Shtml 精简教程
浅谈html table 标签
html Frame、Iframe、Frameset 的区别
HTML 网页页面切换的各种变换效果
HTML的10个表格相关标记
让IE8启动IE7兼容模式的代码
HTML 结构化实现方法
xhtml的块级标记小结

HTML/XHTML教程 中的 网页配色之黄金分割法


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-04   浏览: 62 ::
收藏到网摘: n/a

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

  诸位制作过烘培鸡(Homepage)的大虾们都知道,制作网页时网页背景与前景的字
体配色比较麻烦的。如果背景颜色与字体颜色的搭配不合理,就会使网页效果大打折扣
。如果背景色与字体色的对比度太大,就会显得太刺眼;如果对比度太小,就会使网页
风格变得过于沉闷。要达最佳配色实在是麻烦之至,自定义-〉观看效果-〉不合适-〉从
头来……,

  到最后发现我们大部分宝贵的Time都花在了上面。不过别急,有了我的"网页配色之
黄金分割法"之后,就可以大大节省你的时间了。别打!别打!我马上就进入正题了(呜
……呜……)。

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

  1.选择背景色(记住颜色的亮度值)。打开FrontPage 2000以后单击鼠标右键,选
择"网页属性",弹出"网页属性"对话框后选择"背景"单元(或"格式"菜单下的"背景"选
项),然后在背景色选项中选取你想要的任意背景色,然后确定(本例中选取橄榄绿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,确定,输入几个字符看看效果,是不是要好一点呢?作者原创,千万不可随意
外传呦^_^。