<!-- Feedsky FEED发布代码开始 -->
如果您喜欢这些文章,欢迎点击此处订阅本Blog
<!-- FEED自动发现标记开始 -->
<link title="RSS 2.0" type="application/rss+xml" href="http://feed.feedsky.com/softwave" rel="alternate">
<!-- FEED自动发现标记结束 -->
<!--Google 468*60横幅广告开始--><script type="text/javascript"><!--
google_ad_client = "pub-7343546549496470";
google_ad_width = 468;
google_ad_height = 60;
google_ad_format = "468x60_as";
google_ad_type = "image";
//2007-07-26: CSDN
google_ad_channel = "6063905817";
google_color_border = "6699CC";
google_color_bg = "E6E6E6";
google_color_link = "FFFFFF";
google_color_text = "333333";
google_color_url = "AECCEB";
google_ui_features = "rc:6";
//-->
</script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><!--Google 468*60横幅广告结束-->
众所周知,数学上有一个黄金分割点--0.618。据说用次比例数分割是最具美感的,从美眉身材到高楼建筑,从艺术到绘画无不出其之左,因此被称为"神奇的"黄金分割点。与此同时,人们也对其进行了大量的研究,研究结果更是大量的"神奇"说法。不过,我辈是现实主义者,"神奇"就不谈了,还是看看咋用它的"神奇"解决我的问题吧--网页配色之黄金分割法。
诸位制作过网页的都知道,制作网页时网页背景与前景的字体配色比较麻烦的。如果背景颜色与字体颜色的搭配不合理,就会使网页效果大打折扣。如果背景色与字体色的对比度太大,就会显得太刺眼;如果对比度太小,就会使网页风格变得过于沉闷。要达最佳配色实在是麻烦之至,自定义 -〉观看效果-〉不合适-〉从头来……,
到最后发现我们大部分宝贵的Time都花在了上面。不过别急,有了我的"网页配色之黄金分割法"之后,就可以大大节省你的时间了。
黄金分割法的基本原理是这样的:把颜色的对比度(背景与前景)调节在0.618比例附近的位置上。下面我以FrontPage 2000为例,其他软件如Dreamweaver和Photoshop等同理,来讲解一下具体操作。
1.选择背景色(记住颜色的亮度值)。打开FrontPage 2000以后单击鼠标右键,选择"网页属性",弹出"网页属性"对话框后选择"背景"单元(或"格式"菜单下的"背景"选项),然后在背景色选项中选取你想要的任意背景色,然后确定(本例中选取橄榄绿RGB: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,确定,输入几个字符看看效果,是不是要好一点呢?
摘编自【BlueIdea】
<!--新Google 468*60横幅广告开始--><script type="text/javascript"><!--
google_ad_client = "pub-7343546549496470";
/* 468x60, 创建于 08-8-6 */
google_ad_slot = "7368701459";
google_ad_width = 468;
google_ad_height = 60;
//-->
</script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><!--新Google 468*60横幅广告结束-->
<!--新Google 468x15 横链接单元开始--><script type="text/javascript"><!--
google_ad_client = "pub-7343546549496470";
/* 468x15 横链接单元 */
google_ad_slot = "5785741422";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script><script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script><!--新Google 468x15 横链接单元结束-->
<!-- Google Reader shared发布代码开始 --><script type="text/javascript" src="http://www.google.com/reader/ui/publisher.js"></script><script type="text/javascript" src="http://www.google.com/reader/public/javascript/user/00697638153916680411/state/com.google/broadcast?n=5&callback=GRC_p%28%7Bc%3A%22green%22%2Ct%3A%22%5Cu8FD9%5Cu4E9B%5Cu6587%5Cu7AE0%5Cu4E5F%5Cu503C%5Cu5F97%5Cu4E00%5Cu770B%22%2Cs%3A%22false%22%7D%29%3Bnew%20GRC"></script><!-- Google Reader shared发布代码结束 -->
分享到:
相关推荐
网页配色方案网页配色方案网页配色方案网页配色方案 网页配色方案网页配色方案网页配色方案网页配色方案网页配色方案网页配色方案网页配色方案
配色表 网页配色表 PHOTOSHOP配色表
关于网页设计的网页颜色搭配。关于网页设计的网页颜色搭配。关于网页设计的网页颜色搭配
网页设计配色基础, 色彩基础,常用配色基本概念,还有各色系网页设计举例。
图片方式展示配色技巧 图片方式展示配色技巧 图片方式展示配色技巧
网页配色黄金罗盘.pdf-丛书配色表,网页配色,配色黄金罗盘 不是太全……
Logo是与其他网站链接以及让其他网站链接的标识和门户,就一个网站来说,Logo是网站的名片,所以我们在制作网站Logo时,要将该网站的风格、特色设计在其中。Logo分为静态和动态两种。下面我们制作的是静态Logo。...
经典配色软件---------------oh
从大量网上精典资料中提取总结,史上最全美工配色资料,美工镇宒级工具,内含各系列颜色对照表,visiBone权威配色图4张(全四张,收费的),不会有比这个更好的。
400多套matlab绘图配色方案-othercolor配色工具包
PPT配色指南--超强合集
网页配色,设计配色,配色图表,配色卡,配色方案图谱生成SDC优设网配色工具古代紫茄子紺二藍京紫蒲葡若紫紅紫梅紫菖蒲色紅藤色浅紫紫水晶薄梅鼠暁鼠牡丹鼠霞色藤鼠半
网络中有许多网站中的友情链接都是使用动态Logo的,在制作动态Logo时,首先要按照静态Logo的制作要求将动态Logo的静止不动背景创建完成,接着只要将每一帧动画中需要的画面创建在不同的图层中即可。...
代码高亮,Visual Studio 2017版本,适合C#使用的Monokai配色方案。直接通过“工具——>导入和导出设置”使用,只会改变代码配色,不改变其他设置。 如果安装了其他扩展,配色可能被其他扩展的配色功能覆盖。可以...
source insight配色方案-多种选择 好看的配色方案
基本色配色宝典--基本色01--共五个PDF。太大,只能分开上传
基本色配色宝典--基本色03--共五个PDF。太大,只能分开传
VS2010工作区配色方案---自用 配色方案。
这是一个有关WEB网页配色的终极书,有着全部WEB配色相关的内容。
基本色配色宝典--基本色04--共五个PDF。太大,只能分开传