快好知 kuaihz订阅观点

 

帅呆了!一组令人愉悦的APP动效设计

在App设计完成后,你如何向客户展示功能和界面相关的内容呢?与其花时间费口舌向客户解释,不如用漂亮的动画来演绎产品的设计水平。

上一篇《聊聊那些令人愉悦的动画效果》已经说明了用动画展示设计的重要性,比如比静态图传达的内容更多,无需详细的设计说明和口述等等,充分说明了输出动态设计稿的中重要性。在这篇文章中,我们收集了一些优秀的app动态展示效果,可用于功能展示,页面切换以及加载指示等方面的展示。

First shot in Chapps

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

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

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

本站资源来自互联网,仅供学习,如有侵权,请通知删除,敬请谅解!
搜索建议:愉悦  愉悦词条  令人  令人词条  设计  设计词条  APP  APP词条  
交互

 Google对话式交互规范指南(...

这一小节内容很多,干货满满,提供了非常细致的设计流程与方法的梳理,可以帮助设计师了解如何去思考、开始构建对话交互。在正文之前,还包含一个谷歌对语音设计Tips的...(展开)

交互

 电子商务网站设计分析(六)|商品...

商品详情页是电子商务网站中最容易与用户产生交集共鸣的页面,详情页的设计极有可能会对用户的购买行为产生直接的影响。因此,商品详情页面的设计会涉及到运营层面,在美观...(展开)

交互

 设计师必备的20条设计黄金法则

一、必须有一个概念设计从创意开始。这可能是非常不确定的——“把这些信息畅通无阻地组织起来非常重要。”也可能是有创意的设想——“如果这些饼干是用小精灵做的,可能味...(展开)