银川市宁夏红日网络科技有限公司 宁夏网建第一品牌
全国网建前五十强

微信界面的效果类型,手机动画效果搜集

来源:宁夏红日网络   2015-07-27 02:21:57

 一、动效起源于什么?

  ios6(视觉表层&信息的外观)→ios7(动效&信息的运作方式)

  二、动效是用来干什么的?

  表现视觉层级关系的

  是几种UI元素之间的相互转换

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  三、动效如何分类?

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  一个元素如何能够填满整个页面?

  如何引导用户的视线?

  (1)icon→Page

  ios镜头运动&焦点移动

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  icon即APP&文件夹本身

  高级视图→细节视图

  Z轴,镜头向icon图层做相向运动,视野缩小,视野中物体变大;

  XY轴,icon放大变成app&文件夹,切换为app界面&文件夹

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  (iOS的视差效果&镜头运动&空间深度)

  APP的icon→全屏APP界面

  APP的空间态

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  同理,

  ios的相册

  年度→精选→时刻→照片

  照片缩略图在不同尺寸上的的放大直至全屏查看

  动态运动轨迹取决于用户在屏幕上的触摸点

  年度→精选

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  精选→时刻

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  时刻→照片

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  Android

  Launch

移动界面的动效类型/分类维度有哪些?,互联网的一些事移动界面的动效类型/分类维度有哪些?,互联网的一些事

  (2)list→Page

移动界面的动效类型/分类维度有哪些?,互联网的一些事移动界面的动效类型/分类维度有哪些?,互联网的一些事移动界面的动效类型/分类维度有哪些?,互联网的一些事

  Android

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  1.涟漪反馈→旧页面fade

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  2.新页面上浮

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  涟漪纹

  List上浮,展开Detail View

移动界面的动效类型/分类维度有哪些?,互联网的一些事移动界面的动效类型/分类维度有哪些?,互联网的一些事

  (3)button→Page

  ios

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  android

  (4)tilte→Page

  (5)page→多任务

  ios

  APP的时间态

  单任务&全屏界面——

  APP在空间上无法跳转→(APP间不能同时呈现而只能用)时间先后次序选择

  X轴水平排列,APP间共处于同一平面

  镜头向图标图层做反向运动则视野扩大,APP界面缩小

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  andriod

  XY轴,垂直,上下排列,高低叠加

  APP的Page和其他APP同在Z轴空间

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  safari:Z轴&镜头从平视变为俯瞰

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  chrome:Y轴,被拉下去了

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  锁屏界面

  若锁屏前是icon界面

  镜头穿过icon图层,向icon界面做相对运动

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  若锁屏前是APP界面

  镜头则向APP界面做相对运动

移动界面的动效类型/分类维度有哪些?,互联网的一些事

  临时图层:

  当锁屏界面收到通知&密码解锁&拉出通知中心&拉出控制中心

  表明有”临时“图层覆盖

  则,

  毛玻璃&背景虚化&浅景深&距离感&层次感

  前景“浅景深”

  背景“视差”

  附一张图

移动界面的动效类型/分类维度有哪些?,互联网的一些事
 
标签: 效果 手机动画 界面

上一篇: 交互设计师工作经验分享-银川网站建设

下一篇: 宣传型网站建设的重点分析 让客户轻轻松松的找到你

返回列表

网站建设 知识

品牌创意网站建设 上市公司网站建设 大型门户类网站建设 全方位网站运营代理
企业官方网站建设 B2C电子商务网站建设 专题活动网站(MINISITE)

更多 +联系我们

业务电话:0951/8765625手机/18161500410

业务 QQ:  249823688传真: 0951-8765625

E-mail:  th9th@th9th.com售后QQ : 249823688

我们的认知

当对手还在将注意力停留在碎片化的互联网设计或程序实现时,红日科技早已开始将数字品牌的建设和传播进一步整合。只有通过整体的互联网品牌分析,帮助品牌建立互联网品牌传播价值,并围绕价值建立品牌粘性,提升品牌与用户的互动,更好的帮助品牌传播,触发用户的行动力才是我们工作的终极目标,这正是一流品牌的成功秘诀。
不可否认,建立互联网品牌传播价值的确是门艺术,但互联网不同于艺术涂鸦,企业投资品牌绝不是希望品牌成为某个艺术家的实验品。互联网传播的对象是用户,用户拥有自己的文化体系,群落共性才是互联网品牌传播创意的源头,如果我们不能帮助企业激发目标用户的共鸣,产生购买冲动,那将是品牌的悲剧! 因此,互联网传播必须建立品牌传播价值,为梦想者创造梦想品牌,红日科技与您同行!

合作意向表

您需要的服务

现有网站改版
我需要做微信营销
建设全新的企业网站
要找长期合作公司,需要年度服务

您最关注的地方

对功能要求比较高
对设计创意要求比较高
需要可以购物支付
搜索引擎排名

预算

3-5万 5-8万 8-10万 10万以上需招投标

实力实力 案例案例 方案方案 业务业务 提交需求提交需求 客服客服 留言留言 Top