[p]一个高效的 web 设计者，不可能只是依靠仅有的几个常用设计工具在工作，他一定有一个自己收藏的工具箱，这些有效的工具，可以配合设计师更好更高效地完成既定工作，因为这些小工具的功能针对性更强，可以更合理地帮助设计师进行高效的开发。[/p]
[p]所以，这里为有类似需求的 web 设计师整理了常用的25个设计工具，包括在线色彩搭配工具、css框架工具、javascript工具、浏览器兼容性工具等。收藏起来作为日常工作的补充，相信不久你就会离不了它们了。[/p]
1. [url=http://leftlogic.com/lounge/articles/entity-lookup/]html entity character lookup[/url]
[p]一个 html 字符查询功能，可以帮助用户更快地找到某些特殊字符。[/p]
[p][url=http://leftlogic.com/lounge/articles/entity-lookup/][img]http://bbon.cn/wp-content/uploads/2009/06/1153043qm.jpg[/img][/url][/p]
[p]html entity character lookup[/p]
2. [url=http://blueprintcss.org/]blueprint css framework[/url]
[p]一个优秀的 css 框架，更合理的设计组织 web页面。[/p]
[p][url=http://blueprintcss.org/][img]http://bbon.cn/wp-content/uploads/2009/06/115305pzw.jpg[/img][/url][/p]
3. [url=http://typetester.org/]typetester[/url]
[p]the typetester 是一个在线字体比对应用，帮助用户更合理地选择适合的字体。[/p]
[p][url=http://typetester.org/][img]http://bbon.cn/wp-content/uploads/2009/06/115307t1y.jpg[/img][/url][/p]
4. [url=http://riddle.pl/emcalc/]em calculator[/url]
[p]em calculator 是一个简洁的javascript工具，帮助用户实现可扩展的可访问性的 css 设计。[/p]
[p][url=http://riddle.pl/emcalc/][img]http://bbon.cn/wp-content/uploads/2009/06/115309hyv.jpg[/img][/url][/p]
5. [url=https://addons.mozilla.org/en-us/firefox/addon/60]web developer toolbar[/url]
[p]一个firefox插件，是web开发人员必备的工具。[/p]
[p][url=https://addons.mozilla.org/en-us/firefox/addon/60][img]http://bbon.cn/wp-content/uploads/2009/06/115311wcz.jpg[/img][/url][/p]
6. [url=https://addons.mozilla.org/en-us/firefox/addon/539]measureit[/url]
[p]一个firefox插件，用来测量web页面中某个原色的高度和宽度。[/p]
[p][url=https://addons.mozilla.org/en-us/firefox/addon/539][img]http://bbon.cn/wp-content/uploads/2009/06/115312dha.jpg[/img][/url][/p]
7. [url=https://addons.mozilla.org/en-us/firefox/addon/271]colorzilla[/url]
[p]一个高级拾色器。非常实用。[/p]
[p][url=https://addons.mozilla.org/en-us/firefox/addon/271][img]http://bbon.cn/wp-content/uploads/2009/06/1153141s9.jpg[/img][/url][/p]
8. [url=http://getfirebug.com/]firebug[/url]
[p]firebug，一个整合到 firefox 浏览器的插件，可以在浏览器状态下，调试你的网站，包括 css, html, javascript等，[/p]
[p][url=https://addons.mozilla.org/en-us/firefox/addon/1843][img]http://bbon.cn/wp-content/uploads/2009/06/1153164k1.jpg[/img][/url][/p]
9. [url=http://designerstoolbox.com/designresources/?phpsessid=23912cb4bfa11ff69efffe405e5e47ec]designers toolbox[/url]
[p]一个不能缺少的 web 设计工具箱，提供web文档大小和印刷尺寸等必备信息。[/p]
[p][url=http://designerstoolbox.com/designresources/?phpsessid=23912cb4bfa11ff69efffe405e5e47ec][img]http://bbon.cn/wp-content/uploads/2009/06/115317ezp.jpg[/img][/url][/p]
10. [url=http://new.myfonts.com/whatthefont/]what the font?[/url]
[p]提交一张图片，让 whatthefont 找到最匹配的。[/p]
[p][url=http://new.myfonts.com/whatthefont/][img]http://bbon.cn/wp-content/uploads/2009/06/115318bmi.jpg[/img][/url][/p]
11. [url=http://formspring.com/]easy web form builder[/url]
[p]一个在线web 表单设计生成工具，可以整合网站数据。[/p]
[p][url=http://formspring.com/][img]http://bbon.cn/wp-content/uploads/2009/06/115320unk.jpg[/img][/url][/p]
12. [url=http://browsershots.org/]browser shots[/url]
[p]在线浏览器兼容性测试工具。[/p]
[p][url=http://browsershots.org/][img]http://bbon.cn/wp-content/uploads/2009/06/115322m8b.jpg[/img][/url][/p]
13. [url=http://iconfinder.net/]icon finder[/url]
[p]一个优秀的在线icon图标搜索引擎，帮助你更快地找到所需的图标素材。[/p]
[p][url=http://iconfinder.net/][img]http://bbon.cn/wp-content/uploads/2009/06/115323qlv.jpg[/img][/url][/p]
14. [url=http://buttonbrowser.com/main/index.php]button browser[/url]
[p]又一个精致按钮图标设计工具。[/p]
[p][url=http://buttonbrowser.com/main/index.php][img]http://bbon.cn/wp-content/uploads/2009/06/115325f3i.jpg[/img][/url][/p]
15. [url=http://roundedcornr.com/]rounded corner[/url]
[p]div圆角工具，几个简单的数据，就可以生成对应的html圆角代码。[/p]
[p][url=http://roundedcornr.com/][img]http://bbon.cn/wp-content/uploads/2009/06/115327ibe.jpg[/img][/url][/p]
16. [url=http://tools.blogflux.com/buttonmaker/]blogflux button maker[/url]
[p]在线web按钮设计工具。[/p]
[p][url=http://tools.blogflux.com/buttonmaker/][img]http://bbon.cn/wp-content/uploads/2009/06/115329aq4.jpg[/img][/url][/p]
17. [url=http://vecteezy.com/]vecteezy[/url]
[p]下载或其免费的icon图标、矢量图形素材.[/p]
[p][url=http://vecteezy.com/][img]http://bbon.cn/wp-content/uploads/2009/06/115330o0g.jpg[/img][/url][/p]
18. [url=http://lab.rails2u.com/bgmaker/]background image maker[/url]
[p]在线创建背景图工具。[/p]
[p][url=http://lab.rails2u.com/bgmaker/][img]http://bbon.cn/wp-content/uploads/2009/06/115332fve.jpg[/img][/url][/p]
19. [url=http://brusheezy.com/brushes]photoshop brushes[/url]
[p][url=http://pelfusion.com/tag/photoshop-brushes/]photoshop brushes[/url] ，免费下载photoshop笔刷。[/p]
[p][url=http://brusheezy.com/brushes][img]http://bbon.cn/wp-content/uploads/2009/06/115334m4m.jpg[/img][/url][/p]
20. [url=http://tartanmaker.com/]tartan maker[/url]
[p]tartan maker，一个创意应用，对热爱时尚设计的用户是个吸引。[/p]
[p][url=http://tartanmaker.com/][img]http://bbon.cn/wp-content/uploads/2009/06/115335byg.jpg[/img][/url][/p]
21. [url=http://colorschemer.com/]color schemer[/url]
[p]colorschemer 是一个专业的色彩搭配应用服务，在线为用户提供专业的高级色彩调试。[/p]
[p][url=http://colorschemer.com/][img]http://bbon.cn/wp-content/uploads/2009/06/115337jdu.jpg[/img][/url][/p]
22. [url=http://webs.com/]webs[/url]
[p]免费创建自己的网站。[/p]
[p][url=http://webs.com/][img]http://bbon.cn/wp-content/uploads/2009/06/115338bpq.jpg[/img][/url][/p]
23. [url=http://sampa.com/]sampa[/url]
[p]每天都有成千上万的人用sampa创建个人网站、家庭网站或者幼儿网站。[url=http://sampa.com/][img]http://bbon.cn/wp-content/uploads/2009/06/115340sw3.jpg[/img][/url][/p]
24. [url=http://formatpixel.com/go/en/index.php]format pixel[/url]
[p]创建在线杂志、小册子、目录表、简历等。[/p]
[p][url=http://formatpixel.com/go/en/index.php][img]http://bbon.cn/wp-content/uploads/2009/06/115342i1d.jpg[/img][/url][/p]
25. [url=http://weebox.fr/]weebox[/url]
[p]基于flash的网站创建在线工具。[/p]
[p][url=http://weebox.fr/][img]http://bbon.cn/wp-content/uploads/2009/06/115343ess.jpg[/img][/url][/p]
[p]via：[url=http://pelfusion.com/tools/25-important-web-design-tools/]25 important web design tools[/url][/p]
[p][url=http://bbon.cn/2009/06/25%e4%b8%aa%e5%bf%85%e5%a4%87web%e8%ae%be%e8%ae%a1%e5%b7%a5%e5%85%b7.html]http://bbon.cn/2009/06/25%e4%b8%aa%e5%bf%85%e5%a4%87web%e8%ae%be%e8%ae%a1%e5%b7%a5%e5%85%b7.html[/url][/p]