为什么以及如何使你的网站充满活力:网页设计中的动画

为什么以及如何使你的网站充满活力:网页设计中的动画

你有没有想过为什么动画电影和著名的电影专营权和大片一样流行?最新的动画片是票房收入最高的,这完全符合主要电影制片人的期望。例如,环球电影公司(Universal Pictures)推出的《小黄人》(Minions)在全球的首映票房就超过了11亿美元。很令人兴奋,不是吗?

这是最完美的全球阴谋吗?一些全球父母为了取悦他们的孩子而联合起来?当然不是。但似乎孩子们并不是唯一热衷于卡通的狂热爱好者。在成长的过程中,我们一直保持着这种激情。今天的技术已经发展到电脑动画唤醒一个成年人体内的孩子,开启另一个惊人的娱乐和灵感来源。

用动画活跃你的网站

但是,为什么人类对周围世界的图形表示情有独钟呢?答案就在我们称之为“灵魂”的概念附近。这是对我们如何生活、运动、感受和思考的某种解释。

视觉艺术不再仅仅是一种自我表达的形式,而且后来证明,它是我们人类通过世代分享信息来逃避死亡的方式。我们本能地渴望创造运动的幻觉,条件反射地让我们得到了如此不可思议的结果。从洞穴壁画和古代文明的文字到摄影、电视的发明,最后到互联网的发明,这是一条漫长的道路,在这条道路上,插画被转化成了动画。

网页设计中的动画

在网页设计中,动画开发的第一步是在不知不觉中完成的。一切都始于上世纪80年代末。gif时代的到来。刚开始的时候,一切都很有趣,只是“活灵活现的照片”,预示着没有爆炸。后来,这是第一个迹象,表明动画会给网站带来好的力量。虽然已经过去了近30年,但这种模式仍然适用。

Flash动画让人百感交集。没有人能否认,这项技术在网页设计领域掀起了一场革命。有了Flash,使用多种软件制作动画成为可能。它具有创新性,价格低廉,重量轻。还有,我忘了提基于Flash的迷你游戏。伟大的东西!

莉莉娅·的星球

莉莉娅·的星球

但时光飞逝……随着响应式设计的出现和触摸智能手机等功能更强大的移动设备的出现,久经考验的Flash因其糟糕的优化和功能而变得毫无意义。

如今,Flash技术已经被一些更好的方法取代,比如CSS和JavaScript编码。此外,网页设计师有比以前更多的工作要做,在开发过程中考虑不同的问题,如动画在不同屏幕分辨率上的外观,它如何在不同的浏览器上工作等。

优点和缺点

如果你是一个网站所有者,在使用动画之前要三思。是的,这绝对是改善用户体验的伟大举措,但是有一些特性你不应该忘记。

首先,总是从用户的角度来看待你的网站。不是你的。忘记你自己的观点。检查你的网站潜在的受众。了解哪些平台最受用户欢迎。在移动设备盛行的时代,动画必须是响应式的。否则,就得跟智能手机和平板电脑用户说再见了。他们肯定不会原谅你糟糕的动画表现,并会离开你的网站。

关于性能的一个更重要的事实是,你应用的动画必须是快速的,而不影响网站。在你急于一个惊人的设计,你可以简单地超载你的网上业务的操作性。计算您的网站加载时间,防止任何CPU功能的问题。动画的大量使用不会给你的网站带来好处,只会使它的工作变得更糟。不要牺牲网站的工作速度来让它看起来很酷。结果是,这两个都得不到。

动画插图

不管它的目的是什么,毫无疑问,插图是构成一个“美味”网页设计的基本要素。同时,这也是从事创意工作的人“必备”的内容。艺术家、设计师和摄影师没有犯错的权利。毕竟,一个被称为“艺术目标”的网站是他们的另一个战场。

图片在网站建设中的好处是显而易见的。这是一个完美的方法:

  • 代表一个项目、服务和/或产品的在线企业主;
  • 网页设计师证明专业技能和展示他们的作品第一手。

但是如果一个网页设计师把插图和动画结合起来呢?作为一个备受喜爱的趋势,在网页设计中,运动的错觉得到了许多网络艺术家的喜爱。结果可能会非常惊人。制作精良并加以应用的动画图片使网页设计师吸引访客的机会增加了一倍。前面提到的“创意头脑”应该实施这样一个噱头,他们的设计机构,摄影作品集,在线画廊网站的一切手段。

网页设计机构的单页主题

网页设计机构的单页主题

制作自己的动画

有一个方法,让每个不熟练的网站所有者动画网站没有额外的帮助,使用适当的软件。

你知道所谓的网站建设者吗?它们受到人们的欢迎,因为人们没有太多的时间和资源来雇佣程序员、程序员、网页设计师和管理人员来创建一个可靠的网站,就像专业网页设计工作室制作的一个模拟网站一样。信不信由你,大多数网站建设平台(如Squarespace, Wix, MotoCMS)提供了一个很好的工具集,提供了一个在线创业的起点。使用一个网站建设者就像玩游戏。其中大部分是用户友好和开发的网站编辑过程的简化。

但那是另一个故事…让我们回到动画和它的应用,特别是通过MotoCMS网站建设者。这个web编辑器具有与其替代品类似的功能。在使用其他生成器制作动画方面只有细微的差别。

在MotoCMS管理面板,这是可能的动画几乎每个网站的元素,如:菜单,文本块,图片,按钮等。有多达40种动画类型与预览窗口。只需点击必要的元素,在属性或设置中找到动画部分。

更多的例子

看看下面更多的网站。也许,有一个人会激励你。

务实的伴侣

务实的伴侣

葡萄酒行业网站设计

葡萄酒行业网站设计

浮雕,Vimeo

浮雕,Vimeo

把它

把它

《冰与天:气候变化的历史》

气候变化的历史

结论

可以肯定的是,网页设计中的动画实践将在未来加速发展。如今,运动错觉在网站所有者和网页设计师中越来越流行。这是一个很好的方式,将任何网站的用户体验提升到一个更高的水平。唯一的条件是明智地利用这种优势。

2020-02-09 17:45
相关热门