日韩一级一片

如何正確地在網站中使用視頻背景

你看的是什麽？

我猜你的注意力不自覺地轉向了視頻背景，對嗎？它是動的，你幾乎無法忽視它的存在。

這沒什麽不對的--這只是人類的本能，下意識地決定注意力怎麽分配。

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

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

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

網站上的視頻背景，如果正確使用的話，能夠有效地幫助你抓住訪問者的注意力！

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

營銷人員喜歡視頻背景，因爲這會讓網站看起來很現代，打造一種靜止背景無法比擬的藝術感。

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

首頁加入視頻背景後，轉化率提高了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：永遠不要出現視頻控件

我總是見到人們想要在視頻頭部或者背景中添加或展示視頻控件。

要記住，這僅僅是一個視頻背景，不要把它當做正常的視頻播放器。

如果添加了視頻控件，這就違背了視頻背景的初衷，把它從背景變成了視頻，除了沒有聲音和不停循環播放之外。

如果想要在網頁中插入一個說明性或者信息性的視頻，那麽不要把它當做背景。只要使用正常頁面布局，添加一個視頻播放器正常播放就好。

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

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