分享
 
 
 

极具“杀伤力”的网页调色板

王朝other·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

在web站点设计中,对网页进行配色通常是设计师的直觉感受或者多次反复实验:例如对网页颜色主色彩的选择,考虑各种颜色的色调、饱和度,等等...,最终才能达到比较好的配色效果。

现在,网络上有一些专用于配色设计的调色板工具,对网页配色设计都很有价值。

个人觉得,比较好用、非常专业、同时对于网页设计师(更专注于网页配色)非常有帮助的一个在线免费工具 - 我很惊叹这是用Javascript写的:)

http://www.pixy.cz/apps/barvy/index-en.html

简要说明使用方法:

1. 选择基色

在配色前,你需要在左侧的调色板中先选择一个基色(Base color),选择基色也很有讲究,调色

版为我们划分了暖色(warm)和冷色(cold)两种色调,并依此进行了更精确的数值区分(直接对基色

微调按钮进行操作)。

2. 选择配色方案

在Scheme的选择菜单中可以选择多种方案进行配色,具体有:单色配色、对比色配色(基色加补色

)、可调整的对比色配色(可以调整Distance参数对补色进行微调)、双对比色(两个比较接近的

颜色及它们所对应的补色)、类似色(基色和它相接近的颜色)。

a. 单色配色方案(monochromatic):如果整个网页配色由一些单一颜色渐变组成,这个方案是不错

的选择。

b. 对比色配色(contrast):原理是为基色增加与其色差比较大的几种对比色。如果整个网页的色

彩反差比较大,并且形成反差的颜色数量不是很多,推荐用这种方案。

c. 可调整的对比色配色(soft contrast):参照b方案,可以进一步调整各对比色与基色的色差

,方法是调节Distance参数。

d. 双对比色(double contrast):两个比较接近的颜色及它们所对应的对比色(4个一组),为

基色增加一个相近颜色,同时调节出这两种颜色的对比色,如果将Distance调节至0,将只看到2个

一组的对比色,随着Distance的增加,会逐渐显现4个一组 - 两对对比色。

e. 类似色(analogic):与基色比较接近的各种颜色,推荐色彩比较柔和、反差不明显的网页使用

3.自定义基色的色调(Hue)、饱和度(Saturation)、亮度(Brightness)

对这些选项进行微调后,所配置的方案颜色会起到相应变化。

4.在最底部的select选择器中,你可以特别地为色盲设计的相应的配色方案.

5.选择WebColors后,使配出的颜色更符合网页用色!

6.除此之外,点击free editor按钮,进行自由配色。

接着,我再推荐一些调色版的相关链接,有兴趣的朋友可仔细琢磨一下:

http://www.colormatch.dk/

http://slayeroffice.com/tools/color_palette/

http://kohaistyle.com/scripts/quickcolor http://www.easyrgb.com/harmonies.php

http://www.stcsig.org/usability/topics/colorblind.html

http://color.twysted.net

http://www.coolhomepages.com/cda/color

http://www.masternewmedia.org/2003/04/30/

how_to_select_perfectly_matching_color_combinations.htm

http://dev.sessions.edu/ilu/ilu_1.html http://www.technetguru.com/design

http://www.mundidesign.com/webct

http://graphicdesign.about.com/library/color/blweb2.htm

http://www.pourpre.com/chromograf/en/

http://www.webwhirlers.com/colors/wizard.asp

最后, 如果你觉得我推荐的调色板好用或者还不错的话,请不要忘记在注释中评论。

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有