令人愉悦的APP动效

First shot in Chapps

浏览或者搜索资料时的效果。

4196_140402143108_1

 

App concept

注意力主要集中在拖动内嵌在地图插件中过滤器上。展示功能的屏幕和插件之间进行了很好的交互,为用户提供了流畅的体验。

4196_140402143122_1

 

FaceScan app concept

虽然该动画仅持续了12秒,但足够清晰表明应用的主要概念。作者还为那些希望看到完整版本的设计师和开发者提供了avi文件。

4196_140402143236_1

 

WIP Discover Music app

在该设计中,作者想要把用户的注意力引导至多媒体内容的导航过程,最终展现在屏幕上的是一个音乐播放器。

4196_140402143317_11

 

Speedcam app animation

设计师很好地展示了一个华丽的处于运转中的高速摄影机应用。

4196_140402143342_1

 

Workflow Payment

展示了一个方便的灵巧优雅的支付过程。

4196_140402143410_1

 

Dashag Tour

该设计主要用于提醒用户他们此前的项目,你可以浏览应用官方网站来熟悉这款应用,包含了大量用以展示所有功能的GIF动画。

4196_140402143424_1

 

Gif Animation

该设计展示了在地图插件和主菜单之间的导航过程,每项内容都通过令人愉悦的效果连接起来。

4196_140402143500_1

 

Walkthrough Animation

一个动态滚动的欢迎界面,还带有注册按钮,高效有序地展示了你对应用的期待。

4196_140402143513_1

 

Interaction overview

这是一个持续时间较短,但非常高效的动画,向用户展示如何从卡片目录添加和删除项目的过程。

4196_140402143600_1

 

Delete task and assign task to your teammate in action

展示一个标准的轻扫手势对界面外观审美的影响,让整个应用看起来更有生命力、更时髦以及更有诱惑力。

4196_140402143610_1

 

Menu interaction GIF

该设计优雅地展示了我们常见的侧滑菜单,点击左上角的图标还有不错的动画效果。

4196_140402143645_1

 

Poppin–Adding a task

作者使用了圆形设计,带有优雅的扁平化设计风格。

4196_140402143658_1

 

My First UI Animation

重点展示一个整齐、时尚以及精细的侧边栏菜单。

4196_140402144026_1

 

Precomposed Touch Gestures

4196_140402144154_1

继续阅读

动效设计示例收集

移动APP设计已经由此前的功能性设计为主转变为功能和体验兼具的设计,除了功能外,用户体验也和配色、动效动画等密切联系在一起。应用的安全性可以提升用户的信任度,应用的功能性可以满足用户某个方面的硬性需求,而更具情感性的用户体验则可以满足用户对情…

UI中的基本动效

内容来自Meaningful Transitions,很早就出名的动效站,里面提供了一些最常见最基本的动效模式,仔细观察我们手机中的动效,很多无非是多种基本动效的结合,因此研究这些基础动效很有价值。但是却一直没有译文,这里给大家带来指向性动效的上半部分,同时会…

无线设计8原则

在产品设计中,产品界面、使用情景、用户操作等都会影响用户对产品的体验。因此我们在设计的过程中应遵循一定的原则,避免设计者片面的根据自己主观认识对产品做出抉择。 作者:向华盛@阿乖设计 ,高级交互设计师,原小米科技产品经理 原则1:用户界面应该是…