2012年10月31日 星期三

iPhone/iPad介面設計iMockups軟體使用



    

超實用iMockups軟體


只要你是軟體設計師或是App的企劃執行者,這套軟體很實用喔!!所有介面上使用的物件都備齊了,如果你是一個企劃或設計,當你要規畫一個App時,需要介面使用上的流程,用這個軟體畫草圖是再方便不過了!也可以省掉你很多的時間喔!!

iPad App下載點
https://itunes.apple.com/tw/app/imockups-for-ipad/id364885913?l=zh&mt=8











先來看一下介面喔!
工具列分上、左、右側,左上的Projects可以針對不同專案做命名喔!!
另外"+"的符號,可在此專案中增加新頁面來編輯!!(到時可以將一整個作好專案輸出檔案喔!)






























當你畫布上的物件畫錯了也可以做"還原"與"重作"的動作喔!!
Edit的選項也可以針對單一的物件作"剪下"或"拷貝"還有比例縮放的功能~~






























Tools是針對軟體的一些操作提示,等專案做完,可輸出單頁png或BMML檔案格式,如果要輸出整個專案就可以選擇jpg的模式,方便在其他的軟體中作運用喔!!































畫面中的按鈕則可以隨時對物件作位置的移動,甚至幫他做註解






























右側的工具分成All、Web、iPhone/iPad、Mackup裡面分別放置該單元的元件,可以直接從右邊拖拉到畫布中,就可以開始規畫你的App啦!!!































以下做個小小的示意圖喔!!右側會有許多在App上會使用到的介面元件,直接拖拉到畫面後,可以做大小的縮放、比例的調整,只要長按畫面中的元件就會出現一些針對這個物件所可以執行的功能喔!!
































如果要在畫面上編輯文字,也相當容易喔!!點選物件後可至上方功能鍵中來設定字的"顏色"、"大小"...等設定喔!!所以無論是文字、icon、按鈕、拉霸都可以單獨做設定~~~就可以簡單地把一個App的layout擬出來了!!不用Photoshop或Ai繪圖軟體就可以做到了~~~~而且重點是~~提案的時候也很方便喔!!快速的擬定這個App的流程規劃~~~~省時間又可以直接跟客戶提出一個完整的專案企劃!!!


 快來下載吧!!!!

 


1 則留言: