温馨提示：赶快申请免费试听觉得好再报名
报名热线：
企业：
链接：
：深圳市福田区中康南号雕塑家园号
平面设计培训教学优势：
创新的教学模式设计实战
一网学是国内最早从事远程培训的机构，这种创新的模式让在职人员能够工作学习两不误，省去了家里培训点来回跑的时间。让二三线以及偏远地区的设计爱好者能足不出户也享受来自一线城市专业老师的培训。远程教学可以把上课内容全程，这样方便 课后反复复习，从而让队老师的内容真正做到百分之百的掌握。
今天这篇重磅推荐一下，全文近6000字，从网页动画的简史、种类到实现都有特别细致的讲述，附大量原生教程，帮你彻彻底底掌握这个点。特别感谢@十萬個為什麽的辛勤付出，同学们记得给他点赞哟 >>>
的个人网站也很有趣，推荐关注下：可乐橙。
动画是人类毕生的理想之一（如果像某些历史学家相信的那样）。这个理论源起于洞穴壁画：在某些洞穴壁画中，经常见到一些生物被画上远多于正量的肢体。
这背后有很多套理论。有些指出这很简单，因为艺术家们并没有方法可以擦除这些肢体，于是将他们的错误留在壁画上，传给了子孙。还有理论相信，这些是最早的试图在静止图像中捕捉动态的方法。我选择相信后者。
还有比捕捉动态更加自然的愿望了吗？自然界的一切都在运动。人在行走，水在流动，植物开枝散叶，自然界唯一不变的就是变化，以一种运动的形式。有些在模糊中一闪而过，有些则慢到难以察觉，但这些都在发生。
动画对于网页设计师已经不再新奇……它正在成为最基础的交互设计效果。
动画就是变化，是一种运动。它是我们艺术创作中最接近真实反映生活的东西。这就是为什么人们总是说“动画使我们的网站（或是，诸如此类）鲜活起来。”这可能是陈词滥调了，但这个词很优美地呈现了动画在网页设计中的目的。
正确使用运动感，可以告诉用户他们完成了某些操作。他们成功地与界面进行了交互，引发了某些变化。
人们与真实物体互动时，也会触发并体验到相同的感觉（至少是类似的感觉）。就某种程度而言，动画是拟物的。没错，我说的就是拟物。
使用得当时，动画可以被设计成模仿真实世界的交互。我们似乎在原地打转。可能我们不会再过多使用复杂的皮革纹理，但我们仍然在尝试效仿现实世界。
在进入实用部分之前，我们看看互联网上的动画是如何发展到今天（这么酷）的。最初一切都诞生于gif图……
原来.gif文件年龄甚至比我还大2岁。它们在1987年被创造，正是早年我们刚知道（或多或少）互联网的时候。因此开创了跳舞婴儿的，那些东西太了，还是忘了好。
如果gif图的流行告诉了我们什么，那就是人们想要将动画引入网页中。在此提醒一下，多数人可能并没有从改善可用性的方式考虑动画。一切都只是为了产生一点个性，表现一点生机，与其他静止的网页区分开。
现在正是关注网页动画与App动画的最佳时机。
当.gif文件的能力耗尽后，人们想要一种更好的方式，来向网站中添加动画。对，声音！声音太棒了。如果人们打开你的网页，开始播放你最喜欢的歌曲，这得有多棒啊？要像真正的歌曲……而不是那种破烂电脑音乐，对吧？
是Flash让我们地学到了这个教训。但是别忘了Flash在它所处的年代是相当惊艳的。实际上它是一种革新。它是一种进步。它非常酷。
无论后来它被如何，要知道Flash让我们在互联网中做一些从没想过的事情。它拓宽了创意的视野，为人们在一个崭新的行业创造了工作机会，带来了“网页动画”和90年代最棒的东西（除了天堂）：Flash游戏。甚至直到现在，我都觉得那些游戏使人入迷。
随着时间推移，很多设计师转移到基于Javascript的动画上，用于创造一些小东西，比如下拉菜单和其他元素。毕竟如果做得恰当的话，这更有利于SEO。其他人只用Javascript是因为，那正是FrontPage和DreamWeaver调用按钮图片的方式。微小的进步仍然是进步。
00年代中旬，W3C已经在努力将动画加入到CSS规范中。2009年，首份公开的CSS动画规范初稿就发布了。
如今呢？我们探索出了强制硬件渲染、CSS动画结合SVG文件、延伸基本动画功能的JavaScript库，等等。
现在我们正在探寻各种方式，不仅仅是为网站增添风格。我们在试图改善可用性，告知并教育用户，让用户更容易了解他们在做什么。
对于网页设计师，动画不再是新奇事物。它成为了影视行业的基础，一种全新的叙事方式。对我们而言，它成为了有效交互设计的基础。