一组令人愉悦的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

时间: 2024-11-30 21:49:15

一组令人愉悦的APP动效设计的相关文章

APP动效设计分为哪几种?

  编者按:什么样的动效让人舒服,什么样的动效让人一下就想到某个产品,什么样的动效让人沉浸其中?今天百度的同学从这三个维度,分别聊聊对应的APP动效设计,想给用户一个惊喜的同学,来涨姿势吧. 如果把APP比作一位美女,那么icon是她的证件照,界面是她的形体,而动效则是她的肢体语言.在如今玲琅满目的App中,如何脱颖而出?设计师要考虑的,不光是产品如何更合理的展现结构与功能,更重要的是思考自己的App是否能做到简便易懂的同时,又给用户新颖感? 此时,有限的屏幕空间紧靠文字的提示是不够的,App需

分享app动效设计

移动互联网时代已经到来,app已如天空的繁星,数也数不清.随着手机硬件的不断升级,实现炫酷且流畅的动效不再是遥远的梦想.如果你是app达人,喜欢试用各种app,你肯定会发现越来越多的app开始动效化. 一个真正的美女一定是同时兼具外在美和内在美,评价一段动效也是如此.一段真正"美"的动效需要同时具备两个条件,首先它需要是生动且有趣的,既好看又流畅:再次它不是可有可无的,需要具备优化交互和提升体验的作用. 1. app动效的外在美 一段动效首先需要是生动且有趣的,不仅要有好看的外观还要有

Web App动效设计原则 Web App的设计方法

文章描述:Mobile Web App的设计方法 [编者按]本文作者:邓腾(@千年牛皮糖),百度无线交互设计师 .在本文中,作者将给大家谈谈Mobile Web App的设计方法,内容包括:Web App定义.Web App的特点.发展现状及设计等等.希望对大家有所帮助. Native App与Web App的争论从未停息过,尽管很多人在批判Web App的各种不是,但也阻止不了各种各样的Web App如雨后春笋般出现,尤其是伴随智能手机的普及而受到重视的Mobile Web App.这是一种在

高手常用的六种图标动效设计思路

  现在越来越多手机应用和web应用都开始注重动效的设计,恰到好处的动效可以给用户带来愉悦的交互体验,是应用颜值担当的一大重要部分. icon,也就是图标.在交互过程中,应用各种icon都会跟随不同的事件发生不同的转换.举两个例子,一个音乐播放器的播放模式改变和充电时电量图标的改变. 过去,icon的转换都十分死板,而近年来开始流行在切换icon的时候加入过渡动画,这种动效给用户体验带来的正面效果十分明显,给应用添色不少. 然而面对icon动效,我们应该如何设计?今天分享几个设计icon动效的思

那些令人爱不释手的加载动效设计

  等待和加载动效几乎是无处不在了.设计师和设计机构都很清楚,加载动效几乎是目前网站和APP设计中无法绕过且必须的组成部分,它们不仅是大势所趋而且是打造优秀用户体验 的必须组件. 虽然目前很多产品将加载/等待动效作为强化用户第一印象的组件,但是它的实际使用范畴远不止于这一部分,在许多设计项目中,加载动效几乎做到了无处不在.内页切换的时候可以用,组件加载的时候可以用,甚至幻灯片切换的时候也同样可以用上.不仅如此,它还可以用承载数据加载的过程,呈现状态改变的过程,填补崩溃或者出错的页面,它们承前启后

学学这些爱不释手的加载动效设计

  我们现在越来越注重细节,小到加载动画,大到界面配色.这些都会成为用户吐槽的地方,一个不小心,你设计的东西让用户反感了,他们说不定就要和你的产品说拜拜了.所以今天我们要重点说说那些你以前觉得"不那么重要"的加载设计. 等待和加载动效几乎是无处不在了.设计师和设计机构都很清楚,加载动效几乎是目前网站和APP设计中无法绕过且必须的组成部分,它们不仅是大势所趋而且是打造优秀用户体验 的必须组件. 虽然目前很多产品将加载/等待动效作为强化用户第一印象的组件,但是它的实际使用范畴远不止于这一部

APP动效之美需内外兼修

  移动互联网时代已经到来,APP已如天空的繁星,数也数不清.随着手机硬件的不断升级,实现炫酷且流畅的动效不再是遥远的梦想.如果你是APP达人,喜欢试用各种APP,你肯定会发现越来越多的APP开始动效化. 一个真正的美女一定是同时兼具外在美和内在美,评价一段动效也是如此.一段真正"美"的动效需要同时具备两个条件,首先它需要是生动且有趣的,既好看又流畅;再次它不是可有可无的,需要具备优化交互和提升体验的作用. 1.APP动效的外在美 一段动效首先需要是生动且有趣的,不仅要有好看的外观还要

打造酷炫实用APP动效的两个关键

  编者按:动效化显然已成为移动互联网产品的新趋势,如何设计出有趣且吸引人的动效已成为设计师们的新课题.不同的产品适合不同类型的动效,有些产品适合炫酷的动效,有些则不适合.切记不要把动效设计成华而不实的花架子,而应该将其视为提升用户体验的新方法. 移动互联网时代已经到来,APP已如天空的繁星,数也数不清.随着手机硬件的不断升级,实现炫酷且流畅的动效不再是遥远的梦想.如果你是APP达人,喜欢试用各种APP,你肯定会发现越来越多的APP开始动效化. 一个真正的美女一定是同时兼具外在美和内在美,评价一

超实用的动效设计入门小手册

  这篇小册子的目的不是手把手教你如何做出一个动效,而是从基础动效.动效曲线.动效软件等方面从头梳理相关的知识点,串成一片,帮助你从整体轮廓上认识动效,适合零基础及新手阅读. 最近几年UI设计领域最大的变化便是越来越强调用户体验设计,而在Web或者App中使用动效也就成了一大趋势.这种趋势是如此强烈,以至于我看到越来越多的应用中所使用的那些动效已经不再是为了提升用户体验,而更多是为了强调动效本身了. 设计师 Pasquale D'Silva 在 Web Direction South 大会上曾这