#t#如今Web開發(fā)與Web設(shè)計的重合之處越來越多。本文將會展示一些web設(shè)計師應(yīng)該經(jīng)常會使用到的工具，其中也包括一些js以及頁面調(diào)試的工具。如果你需要一些靈感，你可以訪問***的設(shè)計展示站點來尋找你需要的好作品和好例子。一些設(shè)計相關(guān)的工具，在線生成器，免費(fèi)字體站點，模板站點都將幫助你更有效率的測試和管理站點。記住，并不是什么都親自完成才是***的方式，一定程度的借鑒將會讓你以更輕松的方式完成任務(wù)。

我強(qiáng)烈建立你泛讀本文，把對你有幫助的站點加入書簽，當(dāng)你灰心的時候，不妨看看。

靈感類

1. Deviantart

Deviantart是互聯(lián)網(wǎng)站***的藝術(shù)展示站點之一。你可以在這里找到好靈感。

2. Web design library

Web Design Library是一個提供設(shè)計研究平臺的資源站點，覆蓋了大量的理論知識和實戰(zhàn)方面的信息。

3. Stylevault

Stylevault.net 是一個設(shè)計展示站點，設(shè)計師可以在上面展示才華的同時其他人也可從中獲益。

4. Behance

Behance 是找靈感的好去處，因為他們的設(shè)計更加專業(yè)。

5. The design inspiration

The Design Inspiration 是一群整日尋求設(shè)計靈感的設(shè)計師所創(chuàng)建的。

設(shè)計工具

6. Colour lovers

Colour lover 是一個國際性的設(shè)計師社區(qū)，不同行當(dāng)?shù)乃囆g(shù)家到此尋找色彩方面的靈感，想法并對這些專業(yè)的或個人項目發(fā)表發(fā)聵。

7. Adobe kuler

Adobe kuler 是奧多比公司推出的web程序，旨在幫助你創(chuàng)建和分享顏色主題。

8. Color hunter

Color Hunter 可以通過圖片來創(chuàng)建配色。

9. Colorotate

通過Colorotate，可以實現(xiàn)以3D的視覺效果的方面來迎合人腦的顏色處理過程。

10. Stripemania

Stripemania 是一個用于生成紋理的在線web2.0工具。紋理大小、縫隙都可以調(diào)節(jié)，還可以選擇色彩過渡效果。

 

11. Fontstruct

FontStruct 可以通過繪制網(wǎng)格來繪制出自己的字體。

12. Dafont

一個可以通過字母，主題，更新日期排序的字體站點，大多數(shù)字體可以免費(fèi)下載。

13. Icon finder

一個收錄了十萬個免費(fèi)圖標(biāo)搜索引擎。

14. Whatthefont

看見了一個好看的字體，但是不知道它的名字？

把字體圖像提交到WhatTheFont，它將會在數(shù)據(jù)庫中查找與你的字體最接近的字體名字，或者讓字體愛好者在WhatTheFont論壇中幫忙。

15. Lorem Ipsum

Lorem Ipsum是打印排版工業(yè)的無意義文本，這是一個Lorem Ipsum生成器。

編碼工具

16.Typetester

Typetester是一個在線字體比較工具。

17. Typeface.js

通過typeface.js，你可以在網(wǎng)頁中嵌入自定義字體，從而免去了文字到圖片轉(zhuǎn)換的麻煩。

18. Firebug

Firebug是Firefox瀏覽器的一個網(wǎng)頁開發(fā)的擴(kuò)展，你可以在任意網(wǎng)頁中編輯，調(diào)試，監(jiān)視css,html,javascript。

19. Smush.it

Smush.it通過對特定圖片格式的優(yōu)化技術(shù)來減小圖片大小，這是一個“無損”的工具，也就是說在優(yōu)化圖片的同時，圖片樣子和視覺效果沒有發(fā)生改變。

20. pForm

在線HTML表單創(chuàng)建工具。

21. Zend Studio

Zend Sudio 7.0是一下代專業(yè)級的php程序開發(fā)環(huán)境。其設(shè)計可以***化開發(fā)者的效率，同時可以更快的開發(fā)和維護(hù)代碼，解決程序問題并且提高團(tuán)隊合作效率。

22. Fire FTP for Firefox

FireFTP是一個Mozilla Firefox擴(kuò)展，是一個免費(fèi)、安全、跨平臺的FTP客戶端。

23. Expandrive

ExpanDrive 就像是你MAC或者PC上的U盤?？梢栽谶h(yuǎn)程計算機(jī)上打開、編輯、保存文件。

24. W3C Validator

W3C校驗器是W3C的免費(fèi)服務(wù)，用于檢查網(wǎng)頁的標(biāo)簽的有效性。同樣還有一個CSS校驗器。

25. jQuery UI

jQuery UI 是一個開源的接口組件庫-互動、小工具、動畫效果，基于jQuery javascript庫。每個組件都是基于jQuery的事件驅(qū)動構(gòu)架編寫，并且相當(dāng)主題化，使開發(fā)者和任意技術(shù)層次的人都能整合到自己的代碼中去。

26. Clean AJAX

Clean是Ajax的開源引擎，提供了一個Ajax技術(shù)的高級接口。

27. Reflection.js

Relection.js 可以讓網(wǎng)頁中的圖片呈現(xiàn)發(fā)射效果，它使用整潔的javascript代碼，使你的代碼更干凈。

28. Blueprint CSS

Blueprint是一個CSS框架，旨在削減開發(fā)時間。它通過網(wǎng)格、排版、插件、打印的CSS給你的項目提供一個堅實的基石。

29. CleanCSS

CleanCSS是一個強(qiáng)大的CSS代碼優(yōu)化器和代碼格式化工具。

30. XHTML Character Entity Reference

這個頁面包含了HTML 4 和 XHTML 1.0 所允許的252的特殊字符，W3C官方HTML 4規(guī)范中的第24部分有所闡述。

31. Pingdom

Pingdom是一個站點監(jiān)視工具，可以7X24小時全年監(jiān)控，有在線時長、響應(yīng)時長的統(tǒng)計，還可以通過Email和短信來發(fā)送警告。

32. Lightbox 2

Lightbox用于圖片在網(wǎng)頁上疊加顯示。設(shè)置及其簡單。

33. WIX

免費(fèi)的flash網(wǎng)頁創(chuàng)建工具。

34. Best free templates

BestFreeTemplates.info 優(yōu)秀的CSS模板供您下載。

測試管理站點

35. Browsershots

BrowserShots是一個基于web的瀏覽器兼容性檢查工具，可以清晰的預(yù)覽您站點在各種瀏覽器上面的顯示效果。不需要注冊，直接提交url，然后等待3-5分鐘，BrowserShot就為您生成各種瀏覽器下面的效果圖。

36. Browsercam

在任意操作系統(tǒng)任意瀏覽器上查看你的web設(shè)計，檢查javascript,DHTML,表單和其他動態(tài)功能。

37. Are my sites up?

Are my sites up是一個簡單的服務(wù)，當(dāng)你網(wǎng)站下線是會及時的通知你。

38. Google analytics

Google Analytics 是一個企業(yè)級的網(wǎng)站分析解決方案，讓你對自己站點的訪問狀況了如指掌并且有效的進(jìn)行市場推廣。強(qiáng)大、靈活、易用的特性使你分析網(wǎng)站流量的方式耳目一新。通 過Google Analytics，你可以推廣更有針對性的廣告，占領(lǐng)市場主動權(quán)，創(chuàng)建更高回報的站點。

39. W3Counter

W3Counter是一個免費(fèi)的站點分析解決方案，可以回答你的以下疑問：網(wǎng)站用戶是誰，他們怎么找到你的站點，他們感興趣的是什么。

40. eLogic

跟蹤和監(jiān)視站點活動。了解站點數(shù)據(jù)是建立成功在線商務(wù)的關(guān)鍵。

原文標(biāo)題：40個超實用的web設(shè)計工具