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

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

来源:   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:  传真: 0951-8765625

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

我们的认知

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

合作意向表

您需要的服务

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

您最关注的地方

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

预算

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

实力实力 案例案例 方案方案 提交需求提交需求 留言留言 Top
友情链接:    双龙彩票计划   正版彩票网平台   时分彩票官网   欢乐飞艇注册   双龙彩票开户