介绍简单实用APP动画效果的两个关键
编者按:动效化显然已成为移动互联网产品的新趋势,如何设计出有趣且吸引人的动效已成为设计师们的新课题。不同的产品适合不同类型的动效,有些产品适合炫酷的动效,有些则不适合。切记不要把动效设计成华而不实的花架子,而应该将其视为提升用户体验的新方法。
移动互联网时代已经到来,APP已如天空的繁星,数也数不清。随着手机硬件的不断升级,实现炫酷且流畅的动效不再是遥远的梦想。如果你是APP达人,喜欢试用各种APP,你肯定会发现越来越多的APP开始动效化。
一个真正的美女一定是同时兼具外在美和内在美,评价一段动效也是如此。一段真正“美”的动效需要同时具备两个条件:首先它需要是生动且有趣的,既好看又流畅;再次它不是可有可无的,需要具备优化交互和提升体验的作用。
一、APP动效的外在美
一段动效首先需要是生动且有趣的,不仅要有好看的外观还要有流畅的体验。要做到这点,需要赋予动效以生命力,具体有如下几种方法:
1.1模拟惯性
1.2模拟重力
1.3均匀变速
1.4碎片化运动
二、APP动效的内在美
真正优秀的动效不是只有漂亮外表的花瓶,还得具备优化交互和提升体验的作用。下面总结了3个动效的“内在美”,分别为引导、简化和增强反馈。
2.1引导
图形界面本是难懂且抽象的,增强引导是降低软件操作难度和提升用户体验的好方法。
2.1.1动态聚焦
2.1.2示意过渡
2.1.3空间转场
2.2简化
有时优秀的设计就是出色的简化。简化界面信息和交互层级可以降低操作难度和提升用户体验。
2.2.1隐藏二级操作项
利用动效可以使界面中的部分信息隐藏,当进行某些操作后隐藏的内容会动态展开,从而达到简化初始界面的目的,使界面简洁大气。
2.2.2 按钮动效化
使按钮动效化能够让界面重要信息动态浮现在同一按钮上,使得用户的目光紧紧盯着按钮,弱化了页面跳转带来的干扰,使体验更加流畅。
2.3增强反馈
总结
介绍简单实用APP动画效果的两个关键相关推荐
- html遮罩层动画制作,flash简单制作遮罩动画效果
flash简单制作遮罩动画效果QQ空间的开机动画大家应该都有,从最初的出现的一点到后面全部出现,如此神奇的效果到底是怎么做的呢,一起来看看吧!遮罩特效: 由于百度只能上传500k以内的照片,所以效果图 ...
- Android 动画介绍及自定义3D动画效果的基本使用
导语 Android的动画框架包括帧动画.视图动画(又叫补间动画).属性动画.在Android3.0之前,视图动画一家独大,但随之后属性动画框架被推出.相比属性动画,视图动画一个非常大的缺陷就是不具备 ...
- Android 简单的3D动画效果
在Android Api11之后,加入了属性动画,参加我的另一篇博文:Android Property Animation 属性动画 也加入了一些View的属性和对应的操作方法: iv.setTran ...
- 这两天老是有兄弟问到Vue的登陆和注册,登陆成功留在首页,没有登录回到登录页面,现在我用最简单实用的方法实现(两分钟技就看懂)...
其实登录注册,并且登录一次保持登录的状态,是每个项目都需要实现的功能. 网上也有很多的方法,不过,不是通俗易懂,在这里说一下我自己的方法,非常简单实用 核心就是用localStorage存.取数据,这 ...
- Android实用技巧.动画效果(二)
LayoutAnimationController实现子布局进入动画效果 以listView为例设置item进入动画: 首先设置list界面 <?xml version="1.0&qu ...
- 【简单实用】一台主机两个人使用,互不影响~~~
当你只有一台主机,而且有两个人想同时使用电脑的时候,按理说一个人用一台电脑,另一个人只好坐在一旁默默地等待着......遇到这种情况的时候,怎样才可以达到一台主机两个用呢??? 今天本人就分享一款软件 ...
- 人人都学会APP开发 提高就业竞争力 简单实用APP应用 安卓浏览器APP 企业内部通用APP制作 制造业通用APP
安卓从2009年开始流程于手机.平板,已经是不争的非常强大生产力工具,更为社会创造非常高的价值, 现在已经是202X年,已经十几年的发展,安卓平台已经无所不在. 因此建议人人都学学APP制作,简易入门 ...
- css3实现简单的文字动画效果
随着css3的主键强大,以前很多用javascript写的特效好多都能用css来写了,这里给js不好的同学带来的很多方便, 话不多说,直接来上一个demo. html部分 <div class= ...
- vue 渲染的list 数据交换顺序,简单就可以实现动画效果
这是由vue渲染的数据,想要实现的效果是,当右侧的数据发生变化的时候,排序发生变化时,可以有一个数据上下交换的效果 不需要写js,只需要在html和css上动手脚就好. html 将循环遍历的list ...
最新文章
- 21个深度学习调参技巧,一定要看到最后一个
- “看墙之外” ——遮挡下的人体姿态估计
- 城市中的像素灯塔-前海数据中心,深圳
- WM的Image格式分析
- ie浏览器升级_微软呼吁用户停用IE浏览器 2020年将不再更新升级
- html5里面em是什么单位,HTML5中单位em的理解
- 写论文的第三天 自建zookeeper集群
- python 实现的huffman 编码压缩,解码解压缩
- 基于微信小程序开发——音乐播放器
- 2022大众点评商家数据
- Tesseract-OCR 4.0LSTM训练流程 (Windows环境下)
- 2019年南京大学计算机考研分数线,南京大学2019年考研复试分数线已公布
- 天干地支与阴阳五行的关系
- flex布局小案例——制作骰子
- 如何设置计算机玩游戏不卡,win10电脑怎么设置玩游戏不卡?
- PTA 7-256 五分制成绩(函数实现)
- 哪款护眼灯最适合学生?教育部入围护眼照明品牌
- everything changes so quietly
- 群星闪耀,OpenStack技术峰会后援团深度曝光
- 常见电路结构分析三:自锁控制