在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】优设哥的全拼
您也可以通过扫描下方二维码快速添加:

youshege
 

点赞
收藏 1

发表评论 快来秀出你的观点

还可以输入 800 个字
 
 
载入中....
相关推荐
评论 收藏