企畫人員必備!Balsamiq Mockups手繪風的網站、APP框架圖製作軟體

　　當今天公司的企劃人員，要與設計或程式溝通時，都會先用Word將要製作的網頁或APP結構先繪製出來，當設計看到這架構圖時，可清楚知道網站的製作方向，而程式也會知道整個結構與需要那些特效，說真的用Word還真的不是那麼方便繪製，所以有些企劃人員則會使用Illustator來繪製，雖然說已經比Word來的好繪製許多，但當需要頁籤、選單、核許框、下拉選單...等，那還真是有的畫，再加若手機上的APP圖示表示方法也不同，這還真是苦了企劃人員，所以梅干最近發現一套免費的框架圖的繪製軟體，不但功能完整，裡面的圖示也相當的齊全，無論是要網頁還是APP都沒問題，同時操作簡單好上手，能縮短平常繪製框構的時程喔!!

---

Balsamiq Mockups：

---

Step1
當安裝完畢後，開啟Balsamiq Mockups，而它的工作界面相當的簡單，上方是所有素材工具，並且可透過頁籤來進行篩選，而左邊是專案的頁面，就像在作簡報一樣。

---

Step2
從上方找到所需的工具畫面時，直接拖拉到下方的工作區即可，同時右邊可針這個物件來進行微調與設定。

---

Step3
當都規畫完畢後，再點 Project / Export / Current Mockup to PNG選項，當有多頁面時，則選擇下方的選項，一次匯出全部。

---

Step4
再點左邊的Export Everytheing。

---

Step5
設定輸出的檔名。

---

Step6
這樣就完成囉!其實整個的操作相的簡單，同時平常所會用到的版型區塊上方的工具都有，所以不用再自己慢慢畫啦!身為企畫人員不妨也可試試看囉!

---