如何製作APP演示效果?

木頭是他舅舅


一般ppt或者ae(Adobe After Effects)足夠

如果利潤大就用c4d做視頻特效,說明你足夠重視


我是王大合


首先可以從我們最熟悉的辦公軟件著手:PPT有動畫功能,能自定義運動路徑,超鏈接可以幫助展示app界面的交互過程等等。Keynote、WPS演示都算這類。這類軟件最大的優點在於常用,並且具有一定的交互性,用它們做演示的時候能自如地控制進度,但缺點就是這類軟件的動畫功能太死板太模板化,很難製作比較複雜的動畫效果。

接下來題主可以考慮動畫領域的軟件了,比如flash。上手不難,矢量繪圖強大,而且動畫功能比起PPT豐富太多了。flash能使用關鍵幀來控制動畫過程,還能自如調節關鍵幀之間的速度曲線,這點對於做出滿意的動畫效果來講非常非常重要。除了這些,flash交互的強大不用多說了吧,它本身都可以編程,因此建議題主瞭解一下flash的相關資料。

最後談談我的選擇。flash雖然動畫功能很強大,但還是媲美不了專業的後期軟件。如果題主追求最完美的演示效果,那就應該花些時間精力學一學AE。

AE的全稱為Adobe After Effects,是一款完全以關鍵幀為導向的後期軟件,同時引入了和PS一樣的圖層概念。除了極為強大的關鍵幀控制、圖層和3D功能,AE的拿手好戲就是無數內掛和外掛特效插件,還有javascript風格的表達式控制、腳本等等等等……毫不誇張地說,AE可以實現創作者的一切創意。

要展開談AE就太複雜了,一言半語道不盡。其實各大廠商很愛用AE做他們的app演示和各種宣傳,比如蘋果的ios7演示動畫、微軟的Win8宣傳廣告,MIUI宣傳視頻,聯想樂phone廣告等等……

當然,AE的缺點也很明顯,首先是太複雜的功能掌握起來比較花時間,學兩三天只能瞭解一些最基本的概念。其次是作品的可交互性,AE差到幾乎沒有。。因為AE再強大它也只是個做視頻的。。。比起flash,比起PPT,視頻哪來的交互性。。。所以雖然AE的作品很誘人,但相應的代價也很大。 不過呢,一般專業的團隊在做界面演示的時候會同時運用多款軟件。先使用AE完成最複雜的動畫效果,然後把這些效果片段(視頻)作為素材插入ppt或者flash裡面,這樣既能保證演示的動畫效果完美,又能保證交互性。比如老羅最近的錘子發佈會,那場演示顯然是用PPT或Keynote做的,但有很多動畫效果都帶著AE的影子。所以如果題主打算設計規模比較大的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是一個系統工程,需要從瞭解用戶需求,到原型圖設計,再編碼、測試、修改,後期維護等系列過程,其中的效果展示僅是一個環節而已。


阿拉丁Dream




shushan1133


你是想製作app,然而是新手,想要邊做邊查看效果對嗎,如果是的話我建議你去(搜狐快站)那裡製作,很簡單且很多免費的板塊,手機上也可以操作,但是不夠方便而已,希望幫到你。


鬼仙夢魘


迎著短視頻時代的火爆,現在很多軟件都應運而生,而且屬於手把手式的教學不怕你學不會就怕你不肯學。

ps 愛剪輯 映畫 美圖秀秀那種都可以


分享到:


相關文章: