Pencil Project 好用的GUI Prototyping Tool

一般軟體在設計之初都會做原型(prototyping)來進行溝通或做需求確認，主要的目的就是在花功夫下去coding之前先確認要做哪些事及最後完成的樣子。這時候畫prototype的工具就很重要了，因為工具好不好用是會影響到設計及溝通的效率的。


Pencil Project 是我最近在用的工具，它是根基在Mozilla Firefox的專案，簡單的說它是一個Firefox附加元件（Add-on）。這裡 是他的下載頁，如果你是用Firefox，只要點選install就可以立即裝上。另外，為了不使用Firefox的用戶也提供了standalong的安裝選項，讓你可以單純的使用它。


如果你不希望你的Firefox太肥大或不喜歡由瀏覽器啟動這支程式，建議採用這個方式安裝。這個方式會有自己獨立的XULRunner，不會跟Firefox有太多的牽扯，讓你在升級或重灌Firefox時不會搞壞其他東西。


很好的立意，不過Standalong的版本現在只有提供Linux及Windows的，Linux也只有rpm及AUR包裝 (為什麼沒有deb?)，至於Mac的用戶...很抱歉，請用Firefox Add-on。


目前支援的Firefox版本到3.6，如果你很趕流行用上了4，請看這裡 。


整體來說除了我比較看重的程式prototyping外，還可以拿來做網頁的預覽、畫流程圖等，簡直是萬用XD。我不想詳細介紹它可以做什麼（其實是懶惰XD），畢竟官網寫的一清二楚，還有截圖可看，我比較想說說我為什麼用它：


1.  當然，它是開源軟體(open-source)，你可以很開心的在你所有的電腦裡都裝一套，順便說服你所有的組員都裝一套，讓大家無論開啟、編輯都容易，真正達到溝通的目的。


2.  擴充性。除了內建的樣式可使用外，還可以下載額外的樣式，也有匯出用的模版，十分具有彈性。


3.  最重要的一點，自1.2之後，納入了Sketchy GUI，這個對我來說是讓我決定採用的關鍵點，你看這個呈現，十分具有手繪感，也與專案名十分的契合，畢竟這個案子就叫『鉛筆』，由這個呈現，你能想到更適合的名稱嗎？

Sketchy GUI

手繪的質感