如何使用视频背景对你的网站

我不知道你在看什么呢?

我敢打赌,你的注意力会自动调整到视频的背景下,对吧? 这几乎是不可能忽视它,因为它正在移动

没有什么你错了 – 它只是人的本性,以及我们如何下意识地决定在哪里付出我们的注意。

就这样狗忽略其世界上的一切去追逐那个讨厌的小松鼠-我们很容易被任何动作分心!

,你让我看看你的傻视频,这是什么都与我的网站设计怎么办 ?”

真是一个伟大的问题,我很高兴你问。

济南网站建设上的视频背景下,如果运用得当 ,可以帮助您捕捉你的网站访客的注意力呢!

视频的背景是,这似乎是在这里留下最流行的网站设计的趋势之一。

营销人员喜欢视频的背景,因为它们使网站看起来很现代,创造艺术的感觉,静态背景图片根本无法匹配到。

许多网站转换专家和普通民众都看到他们的访客停留在其网站上更长,更容易注册或选择加入到他们的产品/服务的优惠。

我承认 – 138%的改善听起来平凡而又具有挑战性的实现隔日1次。

请记住,这样高的数字是从测试跑由转换/业务优化专业人士谁为生做到这一点。 因此,公平地说,不是每个人谁运行一个网站DIY会看到类似的改进,只是添加视频背景到他们的网站。

然而,即使是10% -在互动和转化20%的性能提升也不是没有道理 ,即使第一次网站所有者,没有专业人士的帮助- 如果你使用视频的背景在您的主页正道!

试想一下,如果你收集的电子邮件通讯的订户,因此您可以跟进促销或分享有趣的讨论,以建立自己的品牌。

考虑一下在用户增加了20%,可以做你的生意? 这可能意味着更多的销售和/或较高的品牌知名度!

所有这一切都可以做,如果你能更有效地吸引访客的注意力 – 用视频背景。

这不只是一个假设的想法。 很多现实生活中的案例研究表明有多少企业已经通过视频背景,以提高销售成功。

就像生活中所有的事情,有一个正确的方式和做事的方式不对 。

即使有一些突破性的视频背景,你仍然可以搞砸了,并最终伤害你的整体网站设计和经验-如果你不通过一些基本的规则遵守。

那么,了解如何使用自己的主页上的视频背景可以给你提高你的网页设计成功的可能性要高得多,以避免错误的基本。

在本指南中,我们会告诉你所有的步骤和最佳做法,应采取有效使用视频背景:

  1. 如何使用视频背景的正确方法?
  2. 在哪里可以找到您的网站的视频?
  3. 如何添加视频背景到您的网站?

让我们开始吧…。

如何使用视频背景 – 的正确方法

“我只是需要坚持在我的网站后台随机视频,我会得到更好的转换结果!”

如果这是你在想什么,那么好运气,因为你会需要它。

我们在WBE不相信运气。

我们相信,任何人都很少或几乎为零网站建设技能也可以设计一个专业的网站获得成功-如果你只是遵循一些简单的规则( 就像这些其它设计指南 ,我们已经为那些谁没有一个良好的意识出生专门创建设计)。

真到我们的信念,我们创建了一个路线图,您可以轻松地跟着来获得惊人的效果。

第1部分: 何时使用在您的网站视频背景?

当你用它来(1)创建氛围,(2)设置一个音调或(3)诱发情绪反应视频的背景是最有效的。

让我们看看一些例子:

示例#1:业务,服务机构

视频背景的最专业的网站工作,不管你运行的是门诊,咨询业务,或设计机构。

您可以使用视频背景,以显示你的员工的生命或帮助客户甚至这个过程的视频。 这给你的潜在客户有机会得到,甚至跟你说话之前认识你。 它也描绘了他们可以期望从你的业务体验到什么一个非常生动的视觉表示。

前提是健康的私人医务人员。 请注意他们是如何搭配的人视频剪辑运行和做瑜伽,随着人们谈话的医生剪辑。

这有助于创造健康和保健的感觉 – 基本前提生如何改善你的生活。

粮油砂浆是一种设计机构。 这个例子很有趣,因为它显示了你,你并不总是需要有一个完整的网页视频背景来获得类似的好处, 他们只 在 时间不超过半个 屏幕房地产 页面的标题部分 显示视频 。

该视频展示 了工作人员(战略会议),以及他们如何为客户创造设计方案的 日常 协作 。

例2:物理或数码产品

视频的背景也工作得很好,如果你是卖产品。

创建一个显示人们使用产品的视频,这样他们就可以直观地体验到使用它的行为

这里的关键在于激励,如果他们购买和使用你的产品你的客户可能有生命的类型。 通过展示他们的某种生活方式,你让他们想要什么你向他们展示。 经典的营销101的东西。

基本上,你已经说服他们,他们阅读网站上的信号词之前!

适合电台是锻炼一个音乐应用程序。 视频是在显示它的潜在客户是与应用程序如何锻炼更愉快非常有效。

你可以用这个思路来展示生活怎么可能用实物产品或数字/教育产品时(例如学习第二语言和旅行)。

例3:经验(活动,旅游,酒店)

视频的背景是特别有效创造兴奋或氛围感,那么为什么不使用它来把你的观众的adventrure?

这个作品真的很好,如果你的活动策划,经营的B&B或酒店,导游或任何与目的地体验交易。

该网站的例子部署视频的背景是我最喜欢的人使用,因为它们促进加州红木海岸的旅游业。

视频带你在旅途中的区域,并创建仙境类似于爱丽丝的故事情节或经验。 这是如此有效,让我想计划一次旅行那里!

例4:物理位置(餐馆,酒店,画廊,商店)

餐馆,咖啡馆,酒店,商店或任何物理设置,可以使用视频的背景来展示他们的位置,并给他们的客户的视觉导游。

你来控制屏幕上的他们的视觉体验,并创建希望访问你的物理位置的愿望非常简单而有效的方法!

防暴是纽约一间餐厅。 他们用视频背景来展示自己的时髦的室内设计来吸引你去参观。

虽然这是一个从维克斯视频背景模板 ,而不是一个“活”的网站,该视频是非常好的(点击它来看一看吧)。

它显示了厨师电镀食物新鲜了锅。 你的嘴开始水只是看着它 – 它为我做的,因为我还没有我的午餐却最(当时我反正写这!)这部影片是非常有效!

我们只是表面文章,以什么企业或网站可以使用视频的背景:

  • 温泉 -你可以表示使用的设施流行的治疗和快乐的客人剪辑创造奢华,平静和放松的感觉。
  • 酒店/ B&B / ​​度假公寓 -你可以显示住宿的视频,您提供服务和附近活动,营造刺激和冒险的感觉。
  • 业务/产品 -您可以通过使用表达你的产品的本质论的视频创建一个强大的品牌。 例如,如果你是卖运动的齿轮,可以显示人的工作出来,有一个很好的时间剪辑 – 启发您的网站访问者希望有类似的经验和成果。

这样的例子不胜枚举,你几乎可以利用视频的背景,无论你的网站是什么。

重要提示:不要只选择任何视频,因为它看起来很不错。 您选择的视频必须是相关的网站或您的企业的总体目标。 采摘只是一个“好”的视频可以让你的网站更有趣。 但选择“正确”的视频,突出你的业务/产品可以提供,是一个非常强大的营销和品牌推广的工具。

现在,看你自己的网站,想象一个视频背景如何帮助改变你的设计,把你的品牌和用户参与到新的水平。

如果你没有一个网站建立的是,我们会告诉你下面,你可以找到一个网站建设者,提供视频背景功能,一些选项。

第2部分:当你不应该在网站上使用视频背景?

虽然视频的背景是在抢夺注意力非常有效,如果你希望你的观众非常具体的内容集中在您的网站上这可能适得其反。

为什么? 由于视频可能抢到太多的关注,因此,如果它使用了过于激进,它可以压倒其他作品,你希望你的访问者关注的内容。

这就是为什么一个视频背景通常不是一个好主意,如果你有需要,让观众了解详细的解释复杂的产品或服务。

在这些情况下,影片的背景可能会从侧重于具体的,重要的点分散你的访客。

所以,请检查您的网站和你的业务,看看你是否适合此配置文件。 设计工具,如视频的背景是为了帮助改善体验。 如果它不能使你的网站越好,不要感到有压力,使用它。

视频的背景是,以帮助提高你的网站体验的工具。 如果该工具不适合您的网站或业务概况- 有疑问时,离开它 !

第3部分:5金有章可循使用视频背景当

虽然不同的视频内容可以很好地用于不同的网站,也有一些“假型规则”,可应用于以帮助您创建为您的网站的最佳体验。

这不是结束所有的名单之列,但它是一个很好的起点,指引你正确的道路这样就可以避免一些很常见的,但致命的失误。

规则#1:仅使用一个视频有目的

视频有目的,有助于加强你的品牌或你想传达的信息。

例如,如果你是个会计师,你不应该表现出的视频,主要来自瑞士阿尔卑斯山的一些美丽的风景线! 虽然它可能看起来很漂亮,它可能不会有很多工作要做与您的业务或代表你是谁。 换句话说,该视频可能是不相关的,不能突出你的业务。

此外,它可能会混淆你的潜在客户:“ 这是一个户外装备用品店? 或者是这个网站卖我一个度假套餐到瑞士 ?“

请确保您选择适合您的背景视频补充你的主页正在努力实现的。

规则#2:不要让你的内容的视频竞争

您将很可能有文字或视频的背景上一些什么样的内容。 因此,确保视频不会伤害你的内容在视频上方的可读性。

如果是这样,那么你的游客将有一个艰难的时间阅读的信息。

你是怎样做的?

选项1:选择对比色的内容

确保您的内容(如文字,按钮)的颜色形成对比视频。

例如,如果你有一个较深的视频,用白色在您的标志,按钮和任何文本。 这将使它弹出。

如果您在使用较轻的视频,在内容使用更加丰富多彩或较暗的颜色。

这种技术可以帮助创建你需要让你的内容不会混入视频背景的对比度。

飞度电台做得很好的利用白色和黄色突出显示的内容。 他们真正从较暗的视频背景弹出。

选项2:覆盖您的视频背景较暗或较亮的屏幕

如果您使用的是非常有活力的视频背景的很多细节,它可以使你的内容很难,即使你使用你的内容对比色正确的阅读。

这是当你要与深色或浅色覆盖减少您的视频背景的强度。

这将使您的视频背景较暗或较亮比原来的醇厚下来那些正在你的内容难以阅读的任何细节。

方案3:覆盖的视频背景颜色

你也可以用颜色叠加视频。 它给你一个类似的效果如上面的选项2,用当你创建一个更强大的品牌的附加 ​​好处使用你的品牌颜色为您的覆盖。

在大多数情况下,白含量颜色将最好与几乎所有的颜色叠加。

规则#3:使用视频短片的循环

使用视频背景时,由于视频文件可能很大,并且可能需要更长的时间来加载您的网站加载速度是一个大问题。

有研究表明,可怜的网站加载速度可能会导致你的访问者离开你的网站预先成熟,并可能降低你的搜索引擎排名。

使用视频背景时,提高你的网站加载速度的关键,是保持视频短片和视频文件小。

经验法则:尝试将视频限制为5-10秒,而视频文件的大小为6MB以下。 您可以循环您的视频不断给人的印象是,视频的时间比它确实是。

你没有作出重大运动画面在这里,因此,如果您的视频文件尺寸过大,一定要缩短和/或降低视频质量。

如果您需要编辑视频的确切长度和大小帮助,但不知道如何将这种自己动手做, Fiverr.com是一个很好的选择,你可以找到与小的编辑一些专业人士的帮助,以非常合理的费用。

规则#4:使用视频,而无需音频

音频的自动播放一次加载网页时被列为最讨厌的事情之一,当涉及到网站的经验 – 尤其是当它启动时,你是在办公室爆破!

当你下载该网站的视频背景自动播放。 所以,如果您的影片的音频,它也将自动播放。

所以,如果你的视频剪辑自带的音频,要么删除它或静音音频。

规则#5:从不显示视频控件

我又见过一次的人想在视频标题或背景添加或显示视频控件。

你要记住一个重要的事情是,它仅仅是一个视频背景 。 不要把它的方式在页面上的视频播放器一样。

如果您添加视频控件就会去对一个视频背景的目的,它仅仅是一个背景,一个主视频项目,除了没有声音,并在一个循环中连续播放改变。

如果要插入一个教学或信息视频到您的网页,那么就不要使用它作为你的背景。 只需使用一个正常的页面布局,并添加一个视频播放器来播放该节目。

当您正在尝试一种新的设计潮流(如视频背景),关键是要提高用户的参与度 – 而不是减少了。 上述5规则可以帮助你实现这一目标。

现在你已经知道如何使用视频背景的正确方法,让我们看看如何添加视频背景到您的网站。

哪里可以找到视频为您的网站

你的第一个挑战是要找到您的网站完美的视频。

记住规则#1远离上方,并确保你选择的视频通信,帮助你的价值观和强化自己的品牌。

一些我们所见过的最好的视频背景都是定制的。 随着技术的今天,你可以这个自己用数码相机,甚至与您的iPhone拍摄。 记住它不必是完美的,如果你用你的视频时暗,光或颜色叠加,这是尤其如此。

如果你需要一些帮助视频编辑,你可以找到很多价格实惠的自由职业者的:

  • Upwork(以前oDesk和Elance)
  • Fiverr

如果你觉得不舒服创建自己的视频,你可以使用免费或付费的视频素材。

这些股票视频在创建特定的情绪很大。 和付费视频素材免费之间的区别是质量和选择。 因此,我们建议您检查出免费或付费的来源。

  1. videohive的 :我们已经在多个场合,当我们在寻找视频背景用这个,我们也发现了一些不错的素材创造商业宣传片的时候。 该影片是其中大部分从$ 5至$ 35个漂亮的实惠。 他们有一个广阔的选择,所以你必须找到你要找的内容有一个像样的机会。
  2. 免费视频来源 :数字视频杂志有大约前25的免费视频资源好的帖子。 这也是开始寻找一个好地方。

如何添加视频背景到您的网站

一切至今都相对容易 – 什么规律可循,避免常见错误,并在哪里可以找到您的视频。

现在到了困难的部分 – 你如何设置视频作为网页的背景?

这可以作为一个按钮,点击简单或重新编写代码到您的网站也可以是一样困难。

怎样的挑战是增加您网站上的视频背景取决于哪个网站建设者您的使用!

Comments are closed.