[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]