贊!一組令人愉悅的APP動效設計
贊!一組令人愉悅的APP動效設計-移動閱讀二維碼

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

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

相關閱讀:
《移動端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

本文鏈接:http://www.casaleticia.com/the-joyful-app-dynamic-design.html
本文標簽: , ,