鱼C论坛

 找回密码
 立即注册
查看: 4000|回复: 14

[庖丁解牛] 0 0 5 3- H5动画与效果 - 【一段吹水】

[复制链接]
发表于 2017-2-19 08:41:16 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

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

54706.gif


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

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

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

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

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

硬伤就是:

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


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

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

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

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

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

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

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


020FF2F20EB5E4F243D3D17B8BAD0181.jpg


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

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

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

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


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

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

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

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


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


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

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

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

不过!

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

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


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


官方 Web 课程:


评分

参与人数 2荣誉 +10 鱼币 +10 贡献 +6 收起 理由
tianyuan + 5 + 5 + 3 无条件支持楼主!
睦ちゃん她爹 + 5 + 5 + 3 感谢楼主无私奉献!

查看全部评分

本帖被以下淘专辑推荐:

想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复

使用道具 举报

发表于 2017-2-19 09:07:04 | 显示全部楼层
镇楼图好眩酷
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-2-19 09:09:12 | 显示全部楼层
大范围的页面动态效果感觉还是适合那些娱乐应用为主的web
像我们这种程序猿主要在web上查阅文档的,还是内容更重要,这种动画会直接闪瞎眼的
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-2-19 09:12:18 | 显示全部楼层
我觉得那水波纹效果的动画不错,不知道怎么弄的
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-2-19 09:13:08 | 显示全部楼层
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 1 反对 0

使用道具 举报

 楼主| 发表于 2017-2-19 09:14:10 | 显示全部楼层
alltolove 发表于 2017-2-19 09:12
我觉得那水波纹效果的动画不错,不知道怎么弄的

轻量级的的视差引擎Parallax.js!
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

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


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

而喜欢娱乐为主的人却是大多数哦~
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-2-19 11:33:31 | 显示全部楼层
动画太多的页面超级卡。。
点睛的动画超赞。
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-2-19 17:30:44 | 显示全部楼层
wei_Y 发表于 2017-2-19 11:33
动画太多的页面超级卡。。
点睛的动画超赞。

是滴~
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-2-20 08:35:24 | 显示全部楼层
不错,赞赏~
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-2-20 08:52:58 | 显示全部楼层
厉害了,我还没到这个程度,发奋
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2017-2-20 09:01:48 | 显示全部楼层
sunnychou 发表于 2017-2-20 08:52
厉害了,我还没到这个程度,发奋

加油哦~
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2017-7-27 04:34:55 | 显示全部楼层
继续学习
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2019-11-3 11:11:05 | 显示全部楼层
常用还是不用,变成了一个问题
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-3-17 15:44:18 | 显示全部楼层
好想听大佬讲一节视频课
想知道小甲鱼最近在做啥?请访问 -> ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2024-11-22 16:22

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表