當我們創作一個軟件產品時，我們需要考慮功能、用戶使用流程、UI等等，此時多麼希望自己是一個速寫高手，可以隨意畫出自己喜歡的圖形，可惜產品經理大多不是繪畫高手，所以只能在頭腦裏面想象那美好的圖形表達方案，一旦表達到紙上，總是不盡如人意。有時候面對一個複雜的項目，界面非常多，冥思苦想形成的思路，由於沒能很好的形成到紙上，後面再繼續思考時又忘記了前面的設計。如果你有同感那麼這篇文章可能對你有用。
<!--more-->草圖有很多的好處，可以幫助我們擴散思維，協助團隊討論，表達設計思想等等。當我們看到一個優秀的草圖設計，就如同欣賞一個藝術作品，我們先來欣賞幾個網站UI作品。
看到這些草圖作品，不由得感嘆我怎麼不能畫出來，不就是線條嘛！以前跟學生討論軟件設計，大多是拿着一箇中性筆、一張A4紙開畫，意思雖然也能說明白，但是總感覺沒有靈感的迸發。一直想能不能有個好的軟件幫我們繪製草圖，因此廣泛蒐羅，有這麼幾個軟件：Axure Pencil MockUp
- Axure是一個功能非常強大的UI設計軟件，可以通過下載library擴展UI模塊，可以設計網站、軟件、iOS、Android等等各種UI，但是它是一個收費軟件，有windows、Mac版本。也許功能過於強大也是一個缺點，就是很難上手使用。
- Pencil是一個功能尚可，使用方便的小軟件，還有Firefox插件版本，無需安裝即可在Firefox中使用。當然你也可以下載安裝版，有Windows、Mac、Linux多種版本，而且開源免費，作爲越南人開發的軟件，確實值得國人學習。最爲推薦。可以通過在官網下載擴展包，還有一些志願者在googlecode上上傳了自己開發的UI包，網站、軟件、iOS、Android也都可以，而且其手繪風格非常好看。
- MockUp是一個Silverlight程序，可以在瀏覽器運行，也可以下載安裝，但是隻有Windows版本，也是手繪風格，功能相對較弱，試用了一下，不太好用，軟件UI也略感粗糙，覆蓋的UI設計面也狠窄。倒是使用最爲簡單。
記得當時做AmazingCode軟件的時候，手繪界面很難表達清楚思想，今天用Pencil嘗試繪製了一張，感覺效果非常不錯。
下圖是官方的一個網站UI screenshot
總的來講，使用草圖工具對於沒有繪畫能力的產品經理、程序員、UI設計師有很大的幫助，如果你手繪能力很強，那麼購買一套UI繪畫工具，比使用軟件來的更方便、更藝術。