在App設計完成后，你如何向客戶展示功能和界面相關的內容呢？與其花時間費口舌向客戶解釋，不如用漂亮的動畫來演繹產品的設計水平。

效果都是 gif 圖，網速著急的童鞋可先來《推薦：設計師萌妹子求職記》
看這個令人捧腹大笑的史詩級面試，或者到《17條資深經驗！視覺設計師如何進階提升自己能力》汲取干貨。

上一篇《聊聊那些令人愉悅的動畫效果》已經說明了用動畫展示設計的重要性，比如比靜態圖傳達的內容更多，無需詳細的設計說明和口述等等，充分說明了輸出動態設計稿的中重要性。在這篇文章中，我們收集了一些優秀的app動態展示效果，可用于功能展示，頁面切換以及加載指示等方面的展示。

First shot in Chapps

瀏覽或者搜索資料時的效果。

App concept

注意力主要集中在拖動內嵌在地圖插件中過濾器上。展示功能的屏幕和插件之間進行了很好的交互，為用戶提供了流暢的體驗。

FaceScan app concept

雖然該動畫僅持續了12秒，但足夠清晰表明應用的主要概念。作者還為那些希望看到完整版本的設計師和開發者提供了avi文件。

WIP Discover Music app

在該設計中，作者想要把用戶的注意力引導至多媒體內容的導航過程，最終展現在屏幕上的是一個音樂播放器。

Speedcam app animation

設計師很好地展示了一個華麗的處于運轉中的高速攝影機應用。

Workflow Payment

展示了一個方便的靈巧優雅的支付過程。

Dashag Tour

該設計主要用于提醒用戶他們此前的項目，你可以瀏覽應用官方網站來熟悉這款應用，包含了大量用以展示所有功能的GIF動畫。

Gif Animation

該設計展示了在地圖插件和主菜單之間的導航過程，每項內容都通過令人愉悅的效果連接起來。

Walkthrough Animation

一個動態滾動的歡迎界面，還帶有注冊按鈕，高效有序地展示了你對應用的期待。

Interaction overview

這是一個持續時間較短，但非常高效的動畫，向用戶展示如何從卡片目錄添加和刪除項目的過程。

Delete task and assign task to your teammate in action

展示一個標準的輕掃手勢對界面外觀審美的影響，讓整個應用看起來更有生命力、更時髦以及更有誘惑力。

Menu interaction GIF

該設計優雅地展示了我們常見的側滑菜單，點擊左上角的圖標還有不錯的動畫效果。

Poppin--Adding a task

作者使用了圓形設計，帶有優雅的扁平化設計風格。

My First UI Animation

重點展示一個整齊、時尚以及精細的側邊欄菜單。

Precomposed Touch Gestures

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

【優設網 原創文章 投稿郵箱：2650232288@qq.com】

 
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊：網頁設計師必須修煉的內功技法，更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博：擁有粉絲量66萬的人氣微博@優秀網頁設計 ，歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航：全球頂尖設計網站推薦，設計師必備導航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎？
添加 優秀網頁設計 微信號：【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加：