不二如是 发表于 2017-2-19 08:41:16

0 0 5 3- H5动画与效果 - 【一段吹水】

本帖最后由 不二如是 于 2021-8-11 09:33 编辑



动画是一个Web作品中的非常重要的“调味剂”。

就像你在某些节里,请人吃了一顿豪华晚饭,但“晚饭后的活动”才会让你记住这个节日。

在过去几年中,Web页面动画与效果的实现方式发生了巨大变化!

最开始的页面动画往往是以GIF动图为主。

大多用在广告banner、站点链接、界面展示等。

但硬伤就是:

浏览用户与动画之间没有任何交互!

很快,为了解决这个尴尬局面,Flash应运而生。

页面中的动画也越来越多,除了各种动画广告外,还出现了各种动画页面组件。

全站点的动画特效,让交互性大大增强。

既然Flash是救星,那为什么现在Flash被淘汰几成定局 ?

在PC时代,那个时间节点,Flash的确改变了时代!

随着时间的迭代,我们进入了互联网时代,然后是移动为王的现在!

HTML出现了,这便意味着Flash的末日来临。



很简单,HTML新王有三大独门绝技:

1.更加注重页面动画细节

2.动画能够紧密低与页面中其他元素结合。

3.动画设计更加依赖制作者的技巧和创意。

这三点,招招都直杀Flash的死穴!

全部览器不再支持 Flash ,只是时间长短而已。

那一刻的降临,就意味着Flash,Out!

虽然很残忍,但这就是事实,要学会接受

与此同时,意味着,HTML的时代开启!!!

接下来,我会着重介绍一些HTML动画效果,当然肯定是最初级的效果。

很容易上手,所以友情提醒,要学会控制“欲望”。

不要把你的页面搞得过于“动画”,过犹不及,懂不?!

不过!

就像,新生的吸血鬼,是控制不住自己的欲望滴,所以还是尽情用吧。。。

用的多了,自然就学会不用了。

这位鱼油,如果喜欢本帖子,请订阅 专辑-->(传送门)(不喜欢更要订阅{:10_278:} )

官方 Web 课程:

https://www.bilibili.com/video/BV1QW411N762

1847015249 发表于 2017-2-19 09:07:04

镇楼图好眩酷{:5_106:}

DarkmasterSugar 发表于 2017-2-19 09:09:12

大范围的页面动态效果感觉还是适合那些娱乐应用为主的web
像我们这种程序猿主要在web上查阅文档的,还是内容更重要,这种动画会直接闪瞎眼的

alltolove 发表于 2017-2-19 09:12:18

我觉得那水波纹效果的动画不错,不知道怎么弄的

不二如是 发表于 2017-2-19 09:13:08

1847015249 发表于 2017-2-19 09:07
镇楼图好眩酷

不二如是 发表于 2017-2-19 09:14:10

alltolove 发表于 2017-2-19 09:12
我觉得那水波纹效果的动画不错,不知道怎么弄的

轻量级的的视差引擎Parallax.js!

不二如是 发表于 2017-2-19 09:14:46

DarkmasterSugar 发表于 2017-2-19 09:09
大范围的页面动态效果感觉还是适合那些娱乐应用为主的web
像我们这种程序猿主要在web上查阅文档的,还是内 ...


说的没错,但是程序猿毕竟是少数。。。

而喜欢娱乐为主的人却是大多数哦~

wei_Y 发表于 2017-2-19 11:33:31

动画太多的页面超级卡。。
点睛的动画超赞。

不二如是 发表于 2017-2-19 17:30:44

wei_Y 发表于 2017-2-19 11:33
动画太多的页面超级卡。。
点睛的动画超赞。

是滴~

五行缺五行 发表于 2017-2-20 08:35:24

不错,赞赏~

sunnychou 发表于 2017-2-20 08:52:58

厉害了,我还没到这个程度,发奋

不二如是 发表于 2017-2-20 09:01:48

sunnychou 发表于 2017-2-20 08:52
厉害了,我还没到这个程度,发奋

加油哦~

aswyamato1989 发表于 2017-7-27 04:34:55

继续学习

你在意在便在 发表于 2019-11-3 11:11:05

常用还是不用,变成了一个问题{:10_277:}

小脑斧 发表于 2020-3-17 15:44:18

好想听大佬讲一节视频课{:5_101:}
页: [1]
查看完整版本: 0 0 5 3- H5动画与效果 - 【一段吹水】