當我們創作一個軟體産品時，我們需要考慮功能、使用者使用流程、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繪畫工具，比使用軟體來的更友善、更藝術。