18842388900

网站建设 APP开发 小程序

Article/文章

记录成长点滴 分享您我感悟

您当前位置>首页 > 知识 > 网站建设

微信接口效果类型,移动动画集

发表时间:2019-07-09 14:35:39

文章来源: 保存时您可以修改任意标签的值

标签:网站建设 沈阳网站建设 沈阳网络公司 沈阳网站设计 沈阳网站制作

分享:

浏览次数:0

 一、动效起源于什么?

Ios6(视觉表面和信息外观)→ios7(动态和信息操作模式)

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

表达视觉层次关系

是几个UI元素之间的转换

1414004943-0.jpg

  三、动效如何分类?

1414006458-1.jpg

元素如何填满整个页面?

如何引导用户的视线?

(1)图标→页面

Ios镜头运动和焦点运动

1414003Y3-2.jpg

图标是APP&文件夹本身

高级视图→详细信息视图

Z轴,镜头与图标层方向相反,视野减小,视野中的物体变大;

XY轴,图标放大到app&文件夹,切换到app界面&夹

14140025M-3.jpg

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

APP图标→全屏APP界面

APP的空间状态

1414003E6-4.jpg

类似地,

Ios专辑

年→精选→时间→照片

照片缩略图以不同尺寸放大,直到全屏视图

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

年→精选

1414004023-5.jpg

精选→时间

14140052M-6.jpg

时间→照片

1414001608-7.jpg

的Android

发射

1414005261-8.jpg1414003Q0-9.jpg

(2)列表→页面

1414005Z9-10.jpg14140034L-11.jpg141400D52-12.jpg

的Android

1414003123-13.jpg

1.涟漪反馈→旧页面淡出

1414002510-14.jpg

2.新页面正在浮动

1414003I1-15.jpg

涟漪

列表是浮动的,展开详细信息视图

14140050C-16.jpg1414005Z7-17.jpg

(3)按钮→页

IOS

1414001a2-18.jpg

的Android

(4)tilte→第

(5)页面→多任务处理

IOS

APP的时间状态

单一任务&全屏界面——

APP不能在空间跳转→(APP不能同时呈现但只能使用)按时间顺序排列选择

X轴水平排列,APP在同一平面上。

当镜头向与图标层相反的方向移动时,视野会放大,APP界面会缩小。

1414003613-19.jpg

的Andriod

XY轴,垂直,上下,高低覆盖

APP的页面和其他APP位于相同的Z空间

1414006422-20.jpg

Safari:Z轴&镜头从平面变为头顶

1414001Z5-21.jpg

Chrome:Y轴,下拉

1414001931-22.jpg

锁屏界面

如果锁定屏幕的正面是图标界面

镜头穿过图标层并对图标界面执行相对运动。

14140025J-23.jpg

如果锁定屏幕位于APP界面前面

镜头对APP界面进行相对运动

1414003M2-24.jpg

临时层:

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

表示存在“临时”图层叠加

然后,

磨砂玻璃&模糊和浅景深&距离&感

展望“浅景深”

背景“视差”

附上图片

14140063X-25.jpg

网站建设,沈阳网站建设,沈阳网络公司,沈阳网站设计,沈阳网站制作

相关案例查看更多