4/24/2013



相信許多美術、企畫或專案管理者都有規劃網站或App介面的經驗吧!雖然現在PC上已有許多好用軟體可以幫助你快速畫出網站草圖,不過有時候靈感突然來了,手邊卻沒有電腦該怎麼辦?答案很簡單,一台iPad就可以幫你解決這個問題。
《iMockups for iPad》是款可以輕鬆繪製網站或應用程式介面草圖的App,結合了iPad方便攜帶的優點,使用者可以隨時隨地的將企畫內容繪製下來,讓創意不再流失,現在就一起來看看《iMockups for iPad》到底有多強大吧!


↓↓程式主畫面,因為小編是第一次使用,所以畫面非常乾淨,這時我們點選左上角的「New Project」來開設新專案。


↓↓接下來會看到專案執行區,這裡主要分為四大區塊,小編在這一一為大家解說各區塊的功用。


A.頁面區:我們可以在這隨意的為專案添加新的頁面,新增頁面的方法很簡單,直接按下最上方的「+」按鍵就可以了。

B.工作區:所有的相關規劃都是在這個區域執行的。

C.元件區:全部可以使用的元件都在這,依屬性的不同又可分為「網頁元件」、「iPhone/iPad元件」以及「標記元件」三個部分。

D.工具列:像是切換專案、回復上一步、元件的詳細資訊與Demo按鍵都在工具列上。

了解各區塊的功用後就可以開始進行規劃的工作了,程式使用的方法其實非常簡單,直接把元件區裡的元件拖曳到工作區上即可。

↓↓舉例來說,假如我們要規劃一個專門給手機看的網站,第一件要做的就是將iPhone元件拖曳到工作區當中。


↓↓然後依照自己需求,陸續在iPhone上添加各纇元件。


↓↓所有元件都可以隨意移動、更換大小或是修改上面顯示的文字。


↓↓除了手機網站外,像是普通網站或是活動網頁,也可以利用《iMockups for iPad》輕鬆的規劃出設計草圖,像下面這張就是小編花了一點時間製作出來的部落格模版草圖。


↓↓當頁面設計完畢後,點選工具列上的「Tools」,可以將此專案利用Mail的方式分享出去,匯出個格式包括了PNG與BMML。


↓↓當然,你也可以拿著iPad直接向客戶Demo,只要按下右上角的「三角型」按鍵就可以進行簡報囉!


還記得小編以前在作類似的專案企劃時,所有的規劃草圖都是用word裡面的快取圖案元件慢慢拼湊出來的,假如早點接觸這個軟體,也許就不會那麼辛苦了~(淚)

※iMockups資訊

【軟體名稱】iMockups for iPad
【下載費用】NT:210
【適用平台】iOS 3.2以上
【官方網站】http://www.endloop.ca/imockups/
【下載網址】https://itunes.apple.com/tw/app/imockups-for-ipad/id364885913?mt=8
Next
This is the most recent post.
較舊的文章