如何正确地在网站中使用视频背景

你看的是什么？

我猜你的注意力不自觉地转向了视频背景，对吗？它是动的，你几乎无法忽视它的存在。

这没什么不对的--这只是人类的本能，下意识地决定注意力怎么分配。

我们很容易被任何移动的东西吸引注意力--就像狗狗会忽略一切东西去追那只小花猫一样。

“好吧，你的视频成功引起了我的注意。但这跟网站设计有什么关系呢？”

好问题! 很高兴你想到了这里

网站上的视频背景，如果正确使用的话，能够有效地帮助你抓住访问者的注意力！

视频背景是时下网站设计中最常见的潮流之一。

营销人员喜欢视频背景，因为这会让网站看起来很现代，打造一种静止背景无法比拟的艺术感。

很多网站转化专家和普通人都发现访问者停留在网站的时间变长，更愿意注册或者选择他们的产品或者服务。

首页加入视频背景后，转化率提高了138%。

必须承认，138%的提升听起来真的太有挑战性了。

记住一点，这个数字是来自转化/业务优化领域专业人士进行的测试。所以，运营自建网站的普通人在网站添加了一个视频后达不到这个数字是很正常的。

如果你能在首页正确使用视频背景的话，即使你是第一次建设网站，10%-20%的提升也是有可能的。

假设你收集了电子邮件通讯订阅者的名单，这样你可以跟他们分享促销信息和一些有趣的话题，以打造自己的品牌。

如果订阅者增加了20%，你的生意会怎么样？这可是更多的销售额或更高的品牌意识！

如果你能利用视频更有效地抓住访问者的注意力，这些都可以做到。

这可不是一个假设。很多活生生的例子表明，视频背景在提升销售方面确实大有裨益。

就像人生中的很多事情一样，做事情要注意方法。

如果你没有遵循某些基础规则的话--即使有视频背景这样突破性的事物存在，你仍然可能把事情搞砸，破坏网站整体设计与体验。

因此，了解在首页使用视频背景时应该避免的基础错误，能让你有更大的机会成功提升网站设计水平。

本文将为你展示有效使用背景视频的几个步骤：


在哪里寻找适合网站的视频？

下面将一一为你揭晓。

如何正确使用视频背景

“随便插入一个视频，网站转化率就会提升了！”

如果你真是这么想的话，那么祝你好运吧。

然而我们并不相信运气这种虚无缥缈的东西。

我们认为，即使是零基础的人也能设计出一个非常专业网站，只要你遵循一些简单的规则。

为此，我们为你带来了一个“线路图”，按照要求操作即可获得不错的结果。

第一部分：什么时候应该在网站上使用视频背景？

视频背景在下列情况使用时才最有用：（1）创造一种氛围；（2）奠定一种基调；（3）引发一种情绪反应。

下面来看一些实例。

例1：企业、服务、机构

视频背景对于大部分专业性网站都很有帮助，比如诊所、咨询公司、设计公司等等。

视频内容可以展示员工的生活，或者帮助客户的过程。这能让你的潜在客户在与你沟通之前对你有一定程度的了解，还可以让客户对可能获得的体验有直观的了解。

Premise Health是一家私立医疗服务提供商。视频把人们跑步、做瑜伽的场景与人们与医生交谈的场景剪辑到了一起。

这可以帮忙创建一种健康的感觉--基本上就是Premise Health 帮助改善你的生活质量所能做的。

Grain & Mortar是一家设计公司。因为它的视频并不是全页的。他们只在网站头部插入了一个视频，占整个屏幕不到一半。

视频展示了该公司员工的日常协作（战略会议）和他们为客户打造设计解决方案的场景。

例2：实体或者数字产品

如果你要出售商品，视频背景也可以大有作为。

创建一个展示人们使用你的产品的视频，这样客户就可直观地体验使用它的动作。

其中的关键在于，要向客户展示一旦拥有了你的商品会对他们的生活造成什么样的影响。通过向他们展示某种生活方式，让客户对这种生活心存向往。这是经典的营销方式之一。

基本上，你已经不费一言就让客户相信你了。

Fit Radio是一款健身应用。这个视频成功地向潜在客户展示了使用这个应用健身是多么享受的一件事情。

你可以用这个思路向客户展示当他们使用实体商品或数字/教育类商品（学习外语和旅行等）时，他们的生活会发生什么样的变化。

例3：体验（活动、旅游、酒店）

视频背景在打造兴奋或者共鸣的感情时非常有效。所以为什么不用它来带领你的客户进行一场冒险呢？

如果你是活动策划，运营一间客栈或者酒店，导游公司或者其他任何与目的地体验有关的生意，都可以考虑这个思路。

这个网站有我最喜欢的视频背景之一，里面推广的是加州红木海岸。

这个视频带你领略当地风光，为你讲述一个《爱丽丝梦游仙境》一样的故事。简直让人想立刻启程去那里！

例4：实际地点（餐馆、酒店、美术馆、商店等）

餐馆、咖啡馆、酒店、商店以及其他任何实际存在的低点，都可以使用视频背景来展示它们的位置，让客户来一次视觉上的旅行。

你能通过屏幕控制他们的视觉体验，轻松而有效地让客户产生去实际体验的冲动。

Vandal是纽约的一家餐馆。他们使用一个视频来展示餐馆的内饰，吸引客户亲自前去体验。

里面的厨师正在将食物装盘。仅仅是看着你的嘴巴就开始分泌唾液--至少我是这样的，因为看到它的时候我还没有吃午饭。这个视频很有用哦！

视频可以为企业或者网站带来哪些好处这个问题，我们仅仅触及了表面：

·Spa--展示热门疗程和客户使用设施的视频可以打造一种奢华、平静、放松的氛围。

·酒店/旅馆/度假公寓--视频内容可以是你能提供的住宿和服务，以及附近的活动等，打造一种愉悦的或者冒险的氛围。

·企业/产品--展示产品的核心品质可以帮你打造更强的品牌。举例来说，如果你销售的是运动产品，视频可以展示人们运动健身的场景--激发网站访问者对于类似体验和结果的需求。

这个名单还可以更长。不管你的网站是关于什么的，都可以好好利用视频背景。

重点：不要因为视频看起来挺好就决定用它。你选择的视频必须与网站/企业的整体目的一致。选择“好看的”视频能让网站更有意思。但选择“正确的”视频才能更突出你的企业/产品，是一种非常强大的营销与品牌推广工具。

现在，看看你自己的网站，想想视频背景如何帮你改变设计，将品牌推广和用户参与度提升到一个新的高度。

如果你没有现成的网站，下面我们将为你展示一些支持视频插入的网站建设工具。

第二部分：什么时候网站不应该使用视频背景？

尽管视频背景是抓住访问者注意力的有效方式，但如果访问者只想关注某方面特别具体的内容时，视频的存在可能就适得其反了。

为什么？因为视频会吸引过多的注意力，如果过度使用的话，很可能会让你原本想要访问者关注的内容失去吸引力。

因此，如果你有复杂的服务或产品，需要详细的解说客户才能理解，使用视频并不是一个好主意。

种情况下，视频背景可能会让访问者分心，无法专注于详细的重点内容。

所以，请检查你的网站和企业，看看你是否适合此种情况。如视频背景等的设计工具，是为了帮助改善体验。如果它不能使你的网站更好，不要感到有压力。

视频背景是帮助提升网站体验的工具。如果这个工具并不适合你的网站或企业情况--如果有疑问，那就不要用。

第三部分：使用视频背景的五大黄金法则

虽然不同的视频内容对不同的网站有不同的作用，这里我们会提供一些“傻瓜式法则”帮助你为网站打造最好的体验。

这不是一个一劳永逸的清单。但是一个指导你走上正确道路的架势，避免你犯某些非常常见且致命的错误。

法则1：有特定目的才使用视频

有特定目的的视频可以增强品牌推广度或你想传达的信息。

比如，如果你是一名会计，视频里不应该出现瑞士阿尓卑斯山的美景。尽管风景很美，但跟你的业务或者你的身份并没有什么关系。换句话说，这样的无关视频对凸显你的业务毫无益处。

此外，这还可能让客户混淆认识：“这是一家户外用品店吗？还是这个网站在像我推荐瑞士旅游套餐？”

确保你选择的视频对首页想要表达的目的有补充作用。

法则2：视频不应与内容冲突

视频背景的上面可能还有一些文字或者其他的内容。所以请确保视频不会破坏内容的可读性。

如果有影响，那么访问者可能在阅读相关信息时可能会遇到困难。

那你应该怎么做？

选项1：内容部分选择对比色

确保内容（文字、按钮等）的颜色与视频形成对比。

比如，如果视频整体偏暗，那么你的logo、按钮和文字应该用白色，看起来更明显。

如果视频很亮，那么内容最好选择彩色的或者暗色的。

这个技巧可以让内容不会融入到视频背景中。

Fit Radio在这方面做得很好。上面文字使用的白色和黄色在暗色的视频背景衬托下非常明显。

选项2：用暗屏或亮屏叠加视频背景

如果你使用的视频背景中有很多细节，那么即使你的内容使用了对比色，也很有可能降低其可读性。

时你应该通过暗色或亮色叠加来降低视频背景的亮度。

这会让视频背景比原视频更暗或者更亮，让那些使内容易读性降低的细节更柔和。

Cobble Hill

Forty

暗色叠加举例：Forty

亮色叠加举例：Cobble Hill

选项3：用颜色叠加视频背景

你还可以用颜色叠加视频。这个效果跟选项2有些相似，但如果使用品牌色作为叠加色的话，可以造成更好的品牌推广效果。

大多数情况下，白色的内容适用于大多数颜色叠加。

法则3：使用视频短篇并循环播放

网站加载速度是使用视频背景的一大考量，因为视频文件一般比较大，加载时需要更多时间。

有研究表明，网站加载过慢会让访问者早早地离开网站，并降低你的搜索引擎排名。

其使用视频背景时提升网站加载速度的关键是让缩短视频时间，减少视频文件大小。

经验之谈：尽量在视频长度在5-10秒之间，文件大小保持在6MB以下。视频可以无限循环播放，让它看起来比实际要长。

你并不是在拍什么大片。所以如果视频太大的话，请一定要缩减时间并/或降低质量。

如果需要将视频剪裁至确切的长度和大小

法则4：使用无声视频

说起网站体验，网页加载时自动播放的声音是最讨厌的事情之一--尤其是你在办公室打开网站时。

视频背景在网站打开时是自动播放的。因此，如果你的视频有声音，那么声音也是会自动播放的。

所以，要么去掉声音（用Fiverr.com），要么静音。

法则5：永远不要出现视频控件

我总是见到人们想要在视频头部或者背景中添加或展示视频控件。

要记住，这仅仅是一个视频背景，不要把它当做正常的视频播放器。

如果添加了视频控件，这就违背了视频背景的初衷，把它从背景变成了视频，除了没有声音和不停循环播放之外。

如果想要在网页中插入一个说明性或者信息性的视频，那么不要把它当做背景。只要使用正常页面布局，添加一个视频播放器正常播放就好。

当你尝试新的设计潮流时（比如视频背景），关键在于提升用户参与度--而不是降低。上面的五大法则将帮助你完成这个目标。

现在你已经了解了如何正确使用视频背景，下面来看看怎样在网站中添加视频背景。