一個(gè)高效的 web 設(shè)計(jì)者，不可能只是依靠?jī)H有的幾個(gè)常用設(shè)計(jì)工具在工作，他一定有一個(gè)自己收藏的工具箱，這些有效的工具，可以配合設(shè)計(jì)師更好更高效地完成既定工作，因?yàn)檫@些小工具的功能針對(duì)性更強(qiáng)，可以更合理地幫助設(shè)計(jì)師進(jìn)行高效的開(kāi)發(fā)。

所以，這里為有類似需求的 web 設(shè)計(jì)師整理了常用的25個(gè)設(shè)計(jì)工具，包括在線色彩搭配工具、css框架工具、javascript工具、瀏覽器兼容性工具等。收藏起來(lái)作為日常工作的補(bǔ)充，相信不久你就會(huì)離不了它們了。

1. html entity character lookup

一個(gè) html 字符查詢功能，可以幫助用戶更快地找到某些特殊字符。

html entity character lookup

2. blueprint css framework

一個(gè)優(yōu)秀的 css 框架，更合理的設(shè)計(jì)組織 web頁(yè)面。

3. typetester

the typetester 是一個(gè)在線字體比對(duì)應(yīng)用，幫助用戶更合理地選擇適合的字體。

4. em calculator

em calculator 是一個(gè)簡(jiǎn)潔的javascript工具，幫助用戶實(shí)現(xiàn)可擴(kuò)展的可訪問(wèn)性的 css 設(shè)計(jì)。

5. web developer toolbar

一個(gè)firefox插件，是web開(kāi)發(fā)人員必備的工具。

6. measureit

一個(gè)firefox插件，用來(lái)測(cè)量web頁(yè)面中某個(gè)原色的高度和寬度。

7. colorzilla

一個(gè)高級(jí)拾色器。非常實(shí)用。

8. firebug

firebug，一個(gè)整合到 firefox 瀏覽器的插件，可以在瀏覽器狀態(tài)下，調(diào)試你的網(wǎng)站，包括 css, html, javascript等，

9. designers toolbox

一個(gè)不能缺少的 web 設(shè)計(jì)工具箱，提供web文檔大小和印刷尺寸等必備信息。

10. what the font?

提交一張圖片，讓 whatthefont 找到最匹配的。

11. easy web form builder

一個(gè)在線web 表單設(shè)計(jì)生成工具，可以整合網(wǎng)站數(shù)據(jù)。

12. browser shots

在線瀏覽器兼容性測(cè)試工具。

13. icon finder

一個(gè)優(yōu)秀的在線icon圖標(biāo)搜索引擎，幫助你更快地找到所需的圖標(biāo)素材。

14. button browser

又一個(gè)精致按鈕圖標(biāo)設(shè)計(jì)工具。

15. rounded corner

div圓角工具，幾個(gè)簡(jiǎn)單的數(shù)據(jù)，就可以生成對(duì)應(yīng)的html圓角代碼。

16. blogflux button maker

在線web按鈕設(shè)計(jì)工具。

17. vecteezy

下載或其免費(fèi)的icon圖標(biāo)、矢量圖形素材.

18. background image maker

在線創(chuàng)建背景圖工具。

19. photoshop brushes

photoshop brushes ，免費(fèi)下載photoshop筆刷。

20. tartan maker

tartan maker，一個(gè)創(chuàng)意應(yīng)用，對(duì)熱愛(ài)時(shí)尚設(shè)計(jì)的用戶是個(gè)吸引。

21. color schemer

colorschemer 是一個(gè)專業(yè)的色彩搭配應(yīng)用服務(wù)，在線為用戶提供專業(yè)的高級(jí)色彩調(diào)試。

22. webs

免費(fèi)創(chuàng)建自己的網(wǎng)站。

23. sampa

每天都有成千上萬(wàn)的人用sampa創(chuàng)建個(gè)人網(wǎng)站、家庭網(wǎng)站或者幼兒網(wǎng)站。

24. format pixel

創(chuàng)建在線雜志、小冊(cè)子、目錄表、簡(jiǎn)歷等。

25. weebox

基于flash的網(wǎng)站創(chuàng)建在線工具。

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