如何正確地在網站中使用視頻背景
你看的是什么？

我猜你的注意力不自覺地轉向了視頻背景，對嗎？它是動的，你幾乎無法忽視它的存在。
這沒什么不對的--這只是人類的本能，下意識地決定注意力怎么分配。
我們很容易被任何移動的東西吸引注意力--就像狗狗會忽略一切東西去追那只小花貓一樣。
“好吧，你的視頻成功引起了我的注意。但這跟網站設計有什么關系呢？”
好問題! 很高興你想到了這里
網站上的視頻背景，如果正確使用的話，能夠有效地幫助你抓住訪問者的注意力！
視頻背景是時下網站設計中最常見的潮流之一。
營銷人員喜歡視頻背景，因為這會讓網站看起來很現代，打造一種靜止背景無法比擬的藝術感。
很多網站轉化專家和普通人都發現訪問者停留在網站的時間變長，更愿意注冊或者選擇他們的產品或者服務。
首頁加入視頻背景后，轉化率提高了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：永遠不要出現視頻控件
我總是見到人們想要在視頻頭部或者背景中添加或展示視頻控件。
要記住，這僅僅是一個視頻背景，不要把它當做正常的視頻播放器。
如果添加了視頻控件，這就違背了視頻背景的初衷，把它從背景變成了視頻，除了沒有聲音和不停循環播放之外。
如果想要在網頁中插入一個說明性或者信息性的視頻，那么不要把它當做背景。只要使用正常頁面布局，添加一個視頻播放器正常播放就好。
當你嘗試新的設計潮流時（比如視頻背景），關鍵在于提升用戶參與度--而不是降低。上面的五大法則將幫助你完成這個目標。
現在你已經了解了如何正確使用視頻背景，下面來看看怎樣在網站中添加視頻背景。

當前文章：如何正確地在網站中使用視頻背景
標題網址：http://m.newbst.com/news0/144650.html

成都網站建設公司_創新互聯，為您提供網頁設計公司、全網營銷推廣、搜索引擎優化、微信公眾號、App開發、網站導航

廣告

聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯