在App設(shè)計(jì)完成后，你如何向客戶展示功能和界面相關(guān)的內(nèi)容呢？與其花時(shí)間費(fèi)口舌向客戶解釋，不如用漂亮的動(dòng)畫來(lái)演繹產(chǎn)品的設(shè)計(jì)水平。

上一篇《聊聊那些令人愉悅的動(dòng)畫效果》已經(jīng)說(shuō)明了用動(dòng)畫展示設(shè)計(jì)的重要性，比如比靜態(tài)圖傳達(dá)的內(nèi)容更多，無(wú)需詳細(xì)的設(shè)計(jì)說(shuō)明和口述等等，充分說(shuō)明了輸出動(dòng)態(tài)設(shè)計(jì)稿的中重要性。在這篇文章中，我們收集了一些優(yōu)秀的app動(dòng)態(tài)展示效果，可用于功能展示，頁(yè)面切換以及加載指示等方面的展示。

First shot in Chapps
瀏覽或者搜索資料時(shí)的效果。

FaceScan app concept
雖然該動(dòng)畫僅持續(xù)了12秒，但足夠清晰表明應(yīng)用的主要概念。作者還為那些希望看到完整版本的設(shè)計(jì)師和開發(fā)者提供了avi文件。

WIP Discover Music app
在該設(shè)計(jì)中，作者想要把用戶的注意力引導(dǎo)至多媒體內(nèi)容的導(dǎo)航過(guò)程，最終展現(xiàn)在屏幕上的是一個(gè)音樂(lè)播放器。

Speedcam app animation
設(shè)計(jì)師很好地展示了一個(gè)華麗的處于運(yùn)轉(zhuǎn)中的高速攝影機(jī)應(yīng)用。

Workflow Payment
展示了一個(gè)方便的靈巧優(yōu)雅的支付過(guò)程。

Dashag Tour
該設(shè)計(jì)主要用于提醒用戶他們此前的項(xiàng)目，你可以瀏覽應(yīng)用官方網(wǎng)站來(lái)熟悉這款應(yīng)用，包含了大量用以展示所有功能的GIF動(dòng)畫。

Gif Animation
該設(shè)計(jì)展示了在地圖插件和主菜單之間的導(dǎo)航過(guò)程，每項(xiàng)內(nèi)容都通過(guò)令人愉悅的效果連接起來(lái)。

Walkthrough Animation
一個(gè)動(dòng)態(tài)滾動(dòng)的歡迎界面，還帶有注冊(cè)按鈕，高效有序地展示了你對(duì)應(yīng)用的期待。

Interaction overview
這是一個(gè)持續(xù)時(shí)間較短，但非常高效的動(dòng)畫，向用戶展示如何從卡片目錄添加和刪除項(xiàng)目的過(guò)程。

Delete task and assign task to your teammate in action
展示一個(gè)標(biāo)準(zhǔn)的輕掃手勢(shì)對(duì)界面外觀審美的影響，讓整個(gè)應(yīng)用看起來(lái)更有生命力、更時(shí)髦以及更有誘惑力。

Menu interaction GIF
該設(shè)計(jì)優(yōu)雅地展示了我們常見的側(cè)滑菜單，點(diǎn)擊左上角的圖標(biāo)還有不錯(cuò)的動(dòng)畫效果。

Poppin–Adding a task
作者使用了圓形設(shè)計(jì)，帶有優(yōu)雅的扁平化設(shè)計(jì)風(fēng)格。

My First UI Animation
重點(diǎn)展示一個(gè)整齊、時(shí)尚以及精細(xì)的側(cè)邊欄菜單。

Precomposed Touch Gestures

原文地址：designmodo
譯文地址：cocoachina