作為一個 Web 設(shè)計師并不容易，不僅考慮設(shè)計與架構(gòu)，還要時刻注意各種小細(xì)節(jié)，設(shè)計師的工作被各種各樣的問題包圍，你需要一套超級便利的工具幫你解決各種消耗時間和精力的問題。本文介紹了50個非常強(qiáng)大的工具，你會發(fā)現(xiàn)，其中的一些工具會讓你感到驚艷在，這是第一部分。

LaunchList

站點發(fā)布前的工作清單，預(yù)設(shè)了28個需要檢查的事項，也可以自定義。同類工具： Ultimate Website Launch Checklist 以及 The Ultimate Website Prelaunch Checklist 。

Pencil Project: Sketching and Prototyping with Firefox

一個開源 GUI 原型設(shè)計工具。

Zootool

一個非常漂亮的書簽工具，可以將你收集的各種素材，圖片，文檔，鏈接，視頻等在線組織到一起。

Bounce （推薦）

輸入一個站點地址，該程序會給該站點截圖，然后，你可以在上面批注，加評論，并和朋友分享。非常適合用來和您的客戶在線就某個站點的設(shè)計進(jìn)行討論。

Ninite Batch Installer

這個站點可以將很多免費(fèi)的流行軟件（最好的版本）打包在一起，一次性安裝到你的機(jī)器，支持 Windows7，Vista 和 XP。

Support Details （強(qiáng)烈推薦）

假如你想讓你的用戶提供他/她所使用的瀏覽器環(huán)境，比如 Flash 版本，操作系統(tǒng)，屏幕分辨率，Cookie，JavaScript 狀態(tài)等，可以讓他/她訪問一下這個站點，這個站點或自動將這些內(nèi)容探測出來，并允許用戶現(xiàn)場通過郵件將報告發(fā)送給你。

MugTug’s Darkroom

一個在線圖片處理程序，可以調(diào)整對比度，白平衡，曝光，飽和度等，可以從 Picasa 及 Flickr 上傳圖片，同類產(chǎn)品： Pixlr 及 Sumo Paint 。

Visual Website Optimizer （強(qiáng)烈推薦）

Visual Website Optimizer 絕對是你所能見到的最好的 A/B 測試工具。

Keyonary

這個簡單的在線工具可以幫你列出 Mac OS X， Photoshop 等工具的快捷鍵清單。

gridr buildrrr

一個在線網(wǎng)格設(shè)計工具，選擇你希望使用的網(wǎng)格布局，幫你預(yù)覽并生成 CSS 代碼。

Instant Blueprint – Create a web project framework in seconds.

幫你瞬間生成一個 Web 項目框架，基于合法 HTML/XHTML 和 CSS。

Hummingbird

一個實時的（真正的實時，每秒刷新20次）站點流量分析工具，基于 Node.js.

jsFiddle

在線 Web 編輯器，支持 JavaScript, MooTools, jQuery, Prototype, YUI, Glow, Dojo, HTML 以及 CSS。

String: create a multi-language website or app

幫你創(chuàng)建多語種 Web 應(yīng)用的資源文件，

Titanpad

可以多人同時編輯同一個文檔，別的改動會實時以不同顏色標(biāo)識，可以是同一個辦公室的多個用戶，也可以是地球另一邊的多個用戶。

Pixelnovel Timeline: Version Control for Adobe Photoshop

該工具通過插件方式集成 Subversion 客戶端，可以在 Photoshop 中實現(xiàn)版本控制。非免費(fèi)工具。

0to255

給出一種顏色，會幫你列出這種顏色由淺入深的各種顏色變化，并特別針對 Web 做了優(yōu)化。

Load Impact: Website load/stress test

一個在線壓力測試工具，模擬多用戶同時訪問你的站點，并出具報告以分析你的站點可以支撐的訪問者數(shù)量。

Ideone: Online IDE & Debugging Tool

一個在線 IDE 和調(diào)試工具，支持多達(dá)40種語言，包括 C++, Java, JavaScript, Perl, PHP, Python and Ruby，同類產(chǎn)品： PHP Anywhere 以及 CodeRun 。

Online Dummy Image Generator

快速幫你生成一個在線虛擬圖片，以便您進(jìn)行某些測試。

HiFi RegExp Tool

在線正則表達(dá)式工具。

Tableizer （推薦）

將你 Excel 表格中的內(nèi)容復(fù)制粘貼到這個站點，它會幫你生成 HTML 格式的表格（HTML Table）。

FollowUpThen: Easy Email Reminder

-假如你希望有人提醒你什么時候該做什么事，你可以給比如 1day@followupthen.com 一類的地址發(fā)個郵件，1day 表示一天后，這樣，一天后，你會收到他們的提醒郵件，1day 可以改成人和別的時間間隔。

Divine: Conversion tool from PSD to HTML

這個工具是一個 Photoshop 插件，可以將你的 PSD 轉(zhuǎn)換成 WordPress 主題。（譯者：有待驗證）

本文國際來源：Smashing Magazine 50 Powerful Time-Savers For Web Designers （原文作者： Vitaly Friedman ）

Web 設(shè)計師的 50 個超便利工具（上）