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