一个高效的 web 设计者，不可能只是依靠仅有的几个常用设计工具在工作，他一定有一个自己收藏的工具箱，这些有效的工具，可以配合设计师更好更高效地完成既定工作，因为这些小工具的功能针对性更强，可以更合理地帮助设计师进行高效的开发。

所以，这里为有类似需求的 web 设计师整理了常用的25个设计工具，包括在线色彩搭配工具、css框架工具、javascript工具、浏览器兼容性工具等。收藏起来作为日常工作的补充，相信不久你就会离不了它们了。

1. html entity character lookup

一个 html 字符查询功能，可以帮助用户更快地找到某些特殊字符。

html entity character lookup

2. blueprint css framework

一个优秀的 css 框架，更合理的设计组织 web页面。

3. typetester

the typetester 是一个在线字体比对应用，帮助用户更合理地选择适合的字体。

4. em calculator

em calculator 是一个简洁的javascript工具，帮助用户实现可扩展的可访问性的 css 设计。

5. web developer toolbar

一个firefox插件，是web开发人员必备的工具。

6. measureit

一个firefox插件，用来测量web页面中某个原色的高度和宽度。

7. colorzilla

一个高级拾色器。非常实用。

8. firebug

firebug，一个整合到 firefox 浏览器的插件，可以在浏览器状态下，调试你的网站，包括 css, html, javascript等，

9. designers toolbox

一个不能缺少的 web 设计工具箱，提供web文档大小和印刷尺寸等必备信息。

10. what the font?

提交一张图片，让 whatthefont 找到最匹配的。

11. easy web form builder

一个在线web 表单设计生成工具，可以整合网站数据。

12. browser shots

在线浏览器兼容性测试工具。

13. icon finder

一个优秀的在线icon图标搜索引擎，帮助你更快地找到所需的图标素材。

14. button browser

又一个精致按钮图标设计工具。

15. rounded corner

div圆角工具，几个简单的数据，就可以生成对应的html圆角代码。

16. blogflux button maker

在线web按钮设计工具。

17. vecteezy

下载或其免费的icon图标、矢量图形素材.

18. background image maker

在线创建背景图工具。

19. photoshop brushes

photoshop brushes ，免费下载photoshop笔刷。

20. tartan maker

tartan maker，一个创意应用，对热爱时尚设计的用户是个吸引。

21. color schemer

colorschemer 是一个专业的色彩搭配应用服务，在线为用户提供专业的高级色彩调试。

22. webs

免费创建自己的网站。

23. sampa

每天都有成千上万的人用sampa创建个人网站、家庭网站或者幼儿网站。

24. format pixel

创建在线杂志、小册子、目录表、简历等。

25. weebox

基于flash的网站创建在线工具。

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