图片展示

NEWS

网站建设、网站制作、网站设计等相关资讯

NEWS

网站建设、网站制作、网站设计等相关资讯

如何正确使用背景视频来设计网站

2020-10-10 08:00:20

浏览: 1168

背景视频可能是一个很好的改进网站外观、让访问者更愉快和吸引注意力的方法。访问者希望能被吸引,好的视频能做到这点。虽然背景视频很有吸引力,但是如果你想让访问者的注意力集中在信息上,这可能会产生相反的效果。

背景影片没有前途。现在就是。并非因为它们很酷,人人都在做。许多网站都在赌增强现实(AR),所以沉浸式体验将会推动我们的互动。录像是AR的主要功能。

背景色录像是更酷的做法。然而,如果你没有遵循一些指导原则,你的网站的性能就会受到影响,设计和体验也会受到影响。请一定要准备好向我们的网站添加背景视频,然后再进一步讨论这些准则。

网上背景视频的数量越来越多了。


背景视频可能是一个很好的改进网站外观、让访问者更愉快和吸引注意力的方法。

访问者希望能被吸引,好的视频能做到这点。影片能讲述企业的故事,每个企业都有一个故事能更好的讲述。

增加背景视频的最佳实践

只有可以真正改善站点外观时才使用背景视频。想要抓住闪光的新事物而不去考虑它的影响是很有吸引力的。若措施得当,其影响将降至最低,但你的网站仍然会相应地变慢,这就是视频代替静态图片所要付出的代价。

以下是一些需要考虑的因素:

·选择可快速载入的短片。

·不使用声响。语音增加了文件大小,价值甚微。

·使用占位符。若视频已停止播放或无法播放,则确保支持图像。创建代码中的占位符非常简单。把你的背景视频元素和背景图片放在一起。

·用移动体验中使用的图像代替视频——视频不能播放,或者很难在移动设备上实现。此外,网站还会把用户的移动数据和背景视频混为一谈。在移动端隐藏背景视频元素以显示背景图像。这能给手机访客提供最好的体验。

何时不要使用背景录像?

虽然背景视频很有吸引力,但是如果你想让访问者的注意力集中在信息上,这可能会产生相反的效果。

假如你对背景视频太过激进,它就会压倒一切。视频可能会让你分心,因为有复杂的想法(比如与销售有关的内容)可以看。若你的报价需要大量的说明,最好使用文字说明。

聪明的人添加背景视频。

将目标转化为重点。故事背景录像应该总是支持页面的最终目标。

最佳场景是背景视频作为CTA的补充或增强。

让它流行起来

多数情况下,你需要把文字放在背景视频的顶部——所以要确保在整个视频循环中都是容易阅读的。一般情况下,背景视频和文本之间要有强烈的明暗对比。

保证对比完全清晰的一种方法是在视频上方使用单色滤光片。它不仅看上去超专业,而且色彩的对比让文本、表单和登录页面CTA非常突出。其它的选择包括文字阴影或者文字后面的透明色块。

简明一点。

背景色不应该超过20秒。短小且循环的视频应该足够成功,而不会影响下载时间。

请记住这是个循环。若视频过短,循环将显得不完整。相反,如果视频过长,观看者可能会在亮点出现之前离开,从而失去其意义。

0
如何正确使用背景视频来设计网站
背景视频可能是一个很好的改进网站外观、让访问者更愉快和吸引注意力的方法。访问者希望能被吸引,好的视频能做到这点。虽然背景视频很有吸引力,但是如果你想让访问者的注意力集中在信息上,这可能会产生相反的效果。
长按图片保存/分享

我要咨询

  • 联系人 *

  • 联络方式 *

  • 需求 *

  • 提交

  • 验证码
    看不清?换一张
    取消
    确定

推荐阅读

售前/售后咨询:19920063084(同步微信)

Copyright©2020千海视觉设计工作室  本站支持IPV6

千海视觉设计工作室 版权所有

本站支持IPV6

Hello! 客服在线,欢迎咨询~
联系方式
咨询电话
18811467445
微信咨询
19920063084
二维码
二维码