极具“杀伤力”的网页调色板
来源:互联网 发布:打开淘宝店铺服务出错 编辑:程序博客网 时间:2024/05/01 06:12
在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
最后, 如果你觉得我推荐的调色板好用或者还不错的话,请不要忘记在注释中评论。
- 极具“杀伤力”的网页调色板
- 极具“杀伤力”的网页调色板
- 网页调色板收集 web 调色板
- 互联网的杀伤力
- 【袁岳】啰嗦的杀伤力
- 网页调色板大汇集
- 在线网页调色板
- [转载] 网页调色板大全
- 在线网页调色板
- 自已常用的两个不错的网页调色板
- 神舟电脑的核心杀伤力
- 历史上杀伤力最大的笑话!!!
- 历史上杀伤力最大的笑话
- 利用JS做的一个网页安全色调色板
- 利用JS做的一个网页安全色调色板
- 中国最具杀伤力十大总裁CEO(图文)
- 超具杀伤力的组合:Office2007+Visio2003导致“此应用程序不能用来打开此对象”错误(童鞋们一定注意啊)
- js_网页安全色调色板
- 北京-泰山-北京
- 魔羯座是咖啡
- 济南-泰山-济南
- linux看进程,杀进程(菜鸟手扎)
- bit byte K M G
- 极具“杀伤力”的网页调色板
- 求助asp.net怎样用javascript函数返回的数组
- 推荐一款不错的Oracle开发工具--Golden32
- VC常见数据类型转换详解
- 标准工作流程(Standard Operation Process )
- MapObjects2.2 在C#中的应用(基本地图功能)
- javascript 方法名的问题
- 编写高性能的托管应用程序:入门
- PHP and Web Services 学习笔记