如何制作APP演示效果?
我想提問者可能是想要從事軟件開發產品經理相關職位的工作或是有這方面的需求,關心這個問題的多半也是互聯網相關的從業人員,在這里分享一些工作中接觸到的原型設計軟件,靈活使用都可以很好地做出自己想要的產品最終的實際界面和交互效果,你可以根據自己實際需求來選擇。
1、Axure:發展較早的一款原型設計軟件,因而名聲較大。無限畫布,適合做低保真到中保真度的原型。組件豐富,功能齊全,但讓學習起來有點難度,百度一下很多axure教程,可以進行學習,本地型軟件,可以下載html文檔預覽,手機預覽不方便。
2、墨刀:國產的一款原型設計協作工具,上手容易,內置組件很多,創建頁面跳轉很簡單,是一款在線編輯工具,不需要安裝,可以云端保存工作。而且通過分享鏈接就可以分享原型給客戶看效果展示。跟同事對接,合作什么的方便。支持sketch文稿導入和自動標注。性價比最高,極其推薦,我自己工作中基本使用這款工具。
3、Invision: 目前是國外發展最大的在線原型設計工具,主打“交互原型”和“協作”,支持sketch和ps設計稿導入做交互。近來出的 Invision studio對標sketch,想滿足更精細的設計需要。國外一些大公司像airbnb和amazon都在用。對于國內用戶來說會有服務器速度的問題,是一款需要收費的工具。
4、Marvel: Marvel 也是海外知名度較高的一款原型設計協作工具,支持PS和sketch設計稿導入做交互原型,本身也支持中度保真程度的設計。也有自動標注功能。圖片庫對接unsplash,這樣來自unsplash的很多精美的免費圖片可以直接用。價格比Invision稍便宜。
5、POP(Prototyping on Paper):這款比較另類,是給拍照的手畫草圖直接做交互。操作輕巧簡單:先用手機拍下草圖原型(存到POP app內);然后開始編輯圖片的哪個區域(按鈕)鏈接到什么頁面,添加跳轉鏈接熱區,就可以在手機上給小伙伴們演示了。內嵌的交互動作 如側滑、展開、消失等,即可滿足一般的動態演示需要。但功能較為簡單,對更深的需求無法滿足。
6、Proto.io:也是國外的一款手機原型開發平臺。支持在大多數的瀏覽器運行,共享和協作操作方便,可以直接在真實的移動設備上對原型進行測試。擁有較為豐富的UI組件,支持自定義。另外它有不錯的用戶測試功能,支持視頻錄制。并且在移動組件時,能夠實時在畫布看到組件之間的距離。另外由于服務器的原因,有國內用戶反應速度有點慢;收費較高,性價比一般。
7、Moqup:支持線框圖,原型,和邏輯流程圖。里面組件數量蠻多,像表格這些也有,做web項目比較便利。支持在線預覽和分享,支持評論,不支持標注。上手較容易,不過沒什么模板,UI有點過時感。
我自己是基本用墨刀做效果圖的設計和展示的。制作APP是一個系統工程,需要從了解用戶需求,到原型圖設計,再編碼、測試、修改,后期維護等系列過程,其中的效果展示僅是一個環節而已。