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

我猜你的注意力不自覺(jué)地轉(zhuǎn)向了視頻背景，對(duì)嗎？它是動(dòng)的，你幾乎無(wú)法忽視它的存在。
這沒(méi)什么不對(duì)的--這只是人類的本能，下意識(shí)地決定注意力怎么分配。
我們很容易被任何移動(dòng)的東西吸引注意力--就像狗狗會(huì)忽略一切東西去追那只小花貓一樣。
“好吧，你的視頻成功引起了我的注意。但這跟網(wǎng)站設(shè)計(jì)有什么關(guān)系呢？”
好問(wèn)題! 很高興你想到了這里
網(wǎng)站上的視頻背景，如果正確使用的話，能夠有效地幫助你抓住訪問(wèn)者的注意力！
視頻背景是時(shí)下網(wǎng)站設(shè)計(jì)中最常見(jiàn)的潮流之一。
營(yíng)銷人員喜歡視頻背景，因?yàn)檫@會(huì)讓網(wǎng)站看起來(lái)很現(xiàn)代，打造一種靜止背景無(wú)法比擬的藝術(shù)感。
很多網(wǎng)站轉(zhuǎn)化專家和普通人都發(fā)現(xiàn)訪問(wèn)者停留在網(wǎng)站的時(shí)間變長(zhǎng)，更愿意注冊(cè)或者選擇他們的產(chǎn)品或者服務(wù)。
首頁(yè)加入視頻背景后，轉(zhuǎn)化率提高了138%。
必須承認(rèn)，138%的提升聽(tīng)起來(lái)真的太有挑戰(zhàn)性了。
記住一點(diǎn)，這個(gè)數(shù)字是來(lái)自轉(zhuǎn)化/業(yè)務(wù)優(yōu)化領(lǐng)域?qū)I(yè)人士進(jìn)行的測(cè)試。所以，運(yùn)營(yíng)自建網(wǎng)站的普通人在網(wǎng)站添加了一個(gè)視頻后達(dá)不到這個(gè)數(shù)字是很正常的。
如果你能在首頁(yè)正確使用視頻背景的話，即使你是第一次建設(shè)網(wǎng)站，10%-20%的提升也是有可能的。
假設(shè)你收集了電子郵件通訊訂閱者的名單，這樣你可以跟他們分享促銷信息和一些有趣的話題，以打造自己的品牌。
如果訂閱者增加了20%，你的生意會(huì)怎么樣？這可是更多的銷售額或更高的品牌意識(shí)！
如果你能利用視頻更有效地抓住訪問(wèn)者的注意力，這些都可以做到。
這可不是一個(gè)假設(shè)。很多活生生的例子表明，視頻背景在提升銷售方面確實(shí)大有裨益。
就像人生中的很多事情一樣，做事情要注意方法。
如果你沒(méi)有遵循某些基礎(chǔ)規(guī)則的話--即使有視頻背景這樣突破性的事物存在，你仍然可能把事情搞砸，破壞網(wǎng)站整體設(shè)計(jì)與體驗(yàn)。
因此，了解在首頁(yè)使用視頻背景時(shí)應(yīng)該避免的基礎(chǔ)錯(cuò)誤，能讓你有更大的機(jī)會(huì)成功提升網(wǎng)站設(shè)計(jì)水平。
本文將為你展示有效使用背景視頻的幾個(gè)步驟：

在哪里尋找適合網(wǎng)站的視頻？
下面將一一為你揭曉。
如何正確使用視頻背景
“隨便插入一個(gè)視頻，網(wǎng)站轉(zhuǎn)化率就會(huì)提升了！”
如果你真是這么想的話，那么祝你好運(yùn)吧。
然而我們并不相信運(yùn)氣這種虛無(wú)縹緲的東西。
我們認(rèn)為，即使是零基礎(chǔ)的人也能設(shè)計(jì)出一個(gè)非常專業(yè)網(wǎng)站，只要你遵循一些簡(jiǎn)單的規(guī)則。
為此，我們?yōu)槟銕?lái)了一個(gè)“線路圖”，按照要求操作即可獲得不錯(cuò)的結(jié)果。
第一部分：什么時(shí)候應(yīng)該在網(wǎng)站上使用視頻背景？
視頻背景在下列情況使用時(shí)才最有用：（1）創(chuàng)造一種氛圍；（2）奠定一種基調(diào)；（3）引發(fā)一種情緒反應(yīng)。
下面來(lái)看一些實(shí)例。
例1：企業(yè)、服務(wù)、機(jī)構(gòu)
視頻背景對(duì)于大部分專業(yè)性網(wǎng)站都很有幫助，比如診所、咨詢公司、設(shè)計(jì)公司等等。

視頻內(nèi)容可以展示員工的生活，或者幫助客戶的過(guò)程。這能讓你的潛在客戶在與你溝通之前對(duì)你有一定程度的了解，還可以讓客戶對(duì)可能獲得的體驗(yàn)有直觀的了解。

Premise Health是一家私立醫(yī)療服務(wù)提供商。視頻把人們跑步、做瑜伽的場(chǎng)景與人們與醫(yī)生交談的場(chǎng)景剪輯到了一起。
這可以幫忙創(chuàng)建一種健康的感覺(jué)--基本上就是Premise Health 幫助改善你的生活質(zhì)量所能做的。

Grain & Mortar是一家設(shè)計(jì)公司。因?yàn)樗囊曨l并不是全頁(yè)的。他們只在網(wǎng)站頭部插入了一個(gè)視頻，占整個(gè)屏幕不到一半。
視頻展示了該公司員工的日常協(xié)作（戰(zhàn)略會(huì)議）和他們?yōu)榭蛻舸蛟煸O(shè)計(jì)解決方案的場(chǎng)景。
例2：實(shí)體或者數(shù)字產(chǎn)品
如果你要出售商品，視頻背景也可以大有作為。
創(chuàng)建一個(gè)展示人們使用你的產(chǎn)品的視頻，這樣客戶就可直觀地體驗(yàn)使用它的動(dòng)作。
其中的關(guān)鍵在于，要向客戶展示一旦擁有了你的商品會(huì)對(duì)他們的生活造成什么樣的影響。通過(guò)向他們展示某種生活方式，讓客戶對(duì)這種生活心存向往。這是經(jīng)典的營(yíng)銷方式之一。
基本上，你已經(jīng)不費(fèi)一言就讓客戶相信你了。

Fit Radio是一款健身應(yīng)用。這個(gè)視頻成功地向潛在客戶展示了使用這個(gè)應(yīng)用健身是多么享受的一件事情。
你可以用這個(gè)思路向客戶展示當(dāng)他們使用實(shí)體商品或數(shù)字/教育類商品（學(xué)習(xí)外語(yǔ)和旅行等）時(shí)，他們的生活會(huì)發(fā)生什么樣的變化。
例3：體驗(yàn)（活動(dòng)、旅游、酒店）
視頻背景在打造興奮或者共鳴的感情時(shí)非常有效。所以為什么不用它來(lái)帶領(lǐng)你的客戶進(jìn)行一場(chǎng)冒險(xiǎn)呢？
如果你是活動(dòng)策劃，運(yùn)營(yíng)一間客棧或者酒店，導(dǎo)游公司或者其他任何與目的地體驗(yàn)有關(guān)的生意，都可以考慮這個(gè)思路。

這個(gè)網(wǎng)站有我最喜歡的視頻背景之一，里面推廣的是加州紅木海岸。
這個(gè)視頻帶你領(lǐng)略當(dāng)?shù)仫L(fēng)光，為你講述一個(gè)《愛(ài)麗絲夢(mèng)游仙境》一樣的故事。簡(jiǎn)直讓人想立刻啟程去那里！
例4：實(shí)際地點(diǎn)（餐館、酒店、美術(shù)館、商店等）
餐館、咖啡館、酒店、商店以及其他任何實(shí)際存在的低點(diǎn)，都可以使用視頻背景來(lái)展示它們的位置，讓客戶來(lái)一次視覺(jué)上的旅行。
你能通過(guò)屏幕控制他們的視覺(jué)體驗(yàn)，輕松而有效地讓客戶產(chǎn)生去實(shí)際體驗(yàn)的沖動(dòng)。

Vandal是紐約的一家餐館。他們使用一個(gè)視頻來(lái)展示餐館的內(nèi)飾，吸引客戶親自前去體驗(yàn)。

里面的廚師正在將食物裝盤。僅僅是看著你的嘴巴就開(kāi)始分泌唾液--至少我是這樣的，因?yàn)榭吹剿臅r(shí)候我還沒(méi)有吃午飯。這個(gè)視頻很有用哦！
視頻可以為企業(yè)或者網(wǎng)站帶來(lái)哪些好處這個(gè)問(wèn)題，我們僅僅觸及了表面：
·Spa--展示熱門療程和客戶使用設(shè)施的視頻可以打造一種奢華、平靜、放松的氛圍。
·酒店/旅館/度假公寓--視頻內(nèi)容可以是你能提供的住宿和服務(wù)，以及附近的活動(dòng)等，打造一種愉悅的或者冒險(xiǎn)的氛圍。
·企業(yè)/產(chǎn)品--展示產(chǎn)品的核心品質(zhì)可以幫你打造更強(qiáng)的品牌。舉例來(lái)說(shuō)，如果你銷售的是運(yùn)動(dòng)產(chǎn)品，視頻可以展示人們運(yùn)動(dòng)健身的場(chǎng)景--激發(fā)網(wǎng)站訪問(wèn)者對(duì)于類似體驗(yàn)和結(jié)果的需求。
這個(gè)名單還可以更長(zhǎng)。不管你的網(wǎng)站是關(guān)于什么的，都可以好好利用視頻背景。
重點(diǎn)：不要因?yàn)橐曨l看起來(lái)挺好就決定用它。你選擇的視頻必須與網(wǎng)站/企業(yè)的整體目的一致。選擇“好看的”視頻能讓網(wǎng)站更有意思。但選擇“正確的”視頻才能更突出你的企業(yè)/產(chǎn)品，是一種非常強(qiáng)大的營(yíng)銷與品牌推廣工具。
現(xiàn)在，看看你自己的網(wǎng)站，想想視頻背景如何幫你改變?cè)O(shè)計(jì)，將品牌推廣和用戶參與度提升到一個(gè)新的高度。
如果你沒(méi)有現(xiàn)成的網(wǎng)站，下面我們將為你展示一些支持視頻插入的網(wǎng)站建設(shè)工具。
第二部分：什么時(shí)候網(wǎng)站不應(yīng)該使用視頻背景？
盡管視頻背景是抓住訪問(wèn)者注意力的有效方式，但如果訪問(wèn)者只想關(guān)注某方面特別具體的內(nèi)容時(shí)，視頻的存在可能就適得其反了。
為什么？因?yàn)橐曨l會(huì)吸引過(guò)多的注意力，如果過(guò)度使用的話，很可能會(huì)讓你原本想要訪問(wèn)者關(guān)注的內(nèi)容失去吸引力。
因此，如果你有復(fù)雜的服務(wù)或產(chǎn)品，需要詳細(xì)的解說(shuō)客戶才能理解，使用視頻并不是一個(gè)好主意。
種情況下，視頻背景可能會(huì)讓訪問(wèn)者分心，無(wú)法專注于詳細(xì)的重點(diǎn)內(nèi)容。
所以，請(qǐng)檢查你的網(wǎng)站和企業(yè)，看看你是否適合此種情況。如視頻背景等的設(shè)計(jì)工具，是為了幫助改善體驗(yàn)。如果它不能使你的網(wǎng)站更好，不要感到有壓力。
視頻背景是幫助提升網(wǎng)站體驗(yàn)的工具。如果這個(gè)工具并不適合你的網(wǎng)站或企業(yè)情況--如果有疑問(wèn)，那就不要用。
第三部分：使用視頻背景的五大黃金法則
雖然不同的視頻內(nèi)容對(duì)不同的網(wǎng)站有不同的作用，這里我們會(huì)提供一些“傻瓜式法則”幫助你為網(wǎng)站打造最好的體驗(yàn)。
這不是一個(gè)一勞永逸的清單。但是一個(gè)指導(dǎo)你走上正確道路的架勢(shì)，避免你犯某些非常常見(jiàn)且致命的錯(cuò)誤。
法則1：有特定目的才使用視頻
有特定目的的視頻可以增強(qiáng)品牌推廣度或你想傳達(dá)的信息。
比如，如果你是一名會(huì)計(jì)，視頻里不應(yīng)該出現(xiàn)瑞士阿尓卑斯山的美景。盡管風(fēng)景很美，但跟你的業(yè)務(wù)或者你的身份并沒(méi)有什么關(guān)系。換句話說(shuō)，這樣的無(wú)關(guān)視頻對(duì)凸顯你的業(yè)務(wù)毫無(wú)益處。
此外，這還可能讓客戶混淆認(rèn)識(shí)：“這是一家戶外用品店嗎？還是這個(gè)網(wǎng)站在像我推薦瑞士旅游套餐？”
確保你選擇的視頻對(duì)首頁(yè)想要表達(dá)的目的有補(bǔ)充作用。
法則2：視頻不應(yīng)與內(nèi)容沖突
視頻背景的上面可能還有一些文字或者其他的內(nèi)容。所以請(qǐng)確保視頻不會(huì)破壞內(nèi)容的可讀性。
如果有影響，那么訪問(wèn)者可能在閱讀相關(guān)信息時(shí)可能會(huì)遇到困難。
那你應(yīng)該怎么做？
選項(xiàng)1：內(nèi)容部分選擇對(duì)比色
確保內(nèi)容（文字、按鈕等）的顏色與視頻形成對(duì)比。
比如，如果視頻整體偏暗，那么你的logo、按鈕和文字應(yīng)該用白色，看起來(lái)更明顯。
如果視頻很亮，那么內(nèi)容最好選擇彩色的或者暗色的。

這個(gè)技巧可以讓內(nèi)容不會(huì)融入到視頻背景中。

Fit Radio在這方面做得很好。上面文字使用的白色和黃色在暗色的視頻背景襯托下非常明顯。
選項(xiàng)2：用暗屏或亮屏疊加視頻背景
如果你使用的視頻背景中有很多細(xì)節(jié)，那么即使你的內(nèi)容使用了對(duì)比色，也很有可能降低其可讀性。
時(shí)你應(yīng)該通過(guò)暗色或亮色疊加來(lái)降低視頻背景的亮度。

這會(huì)讓視頻背景比原視頻更暗或者更亮，讓那些使內(nèi)容易讀性降低的細(xì)節(jié)更柔和。

Cobble Hill

Forty

暗色疊加舉例：Forty
亮色疊加舉例：Cobble Hill
選項(xiàng)3：用顏色疊加視頻背景
你還可以用顏色疊加視頻。這個(gè)效果跟選項(xiàng)2有些相似，但如果使用品牌色作為疊加色的話，可以造成更好的品牌推廣效果。

大多數(shù)情況下，白色的內(nèi)容適用于大多數(shù)顏色疊加。

法則3：使用視頻短篇并循環(huán)播放
網(wǎng)站加載速度是使用視頻背景的一大考量，因?yàn)橐曨l文件一般比較大，加載時(shí)需要更多時(shí)間。
有研究表明，網(wǎng)站加載過(guò)慢會(huì)讓訪問(wèn)者早早地離開(kāi)網(wǎng)站，并降低你的搜索引擎排名。
其使用視頻背景時(shí)提升網(wǎng)站加載速度的關(guān)鍵是讓縮短視頻時(shí)間，減少視頻文件大小。
經(jīng)驗(yàn)之談：盡量在視頻長(zhǎng)度在5-10秒之間，文件大小保持在6MB以下。視頻可以無(wú)限循環(huán)播放，讓它看起來(lái)比實(shí)際要長(zhǎng)。
你并不是在拍什么大片。所以如果視頻太大的話，請(qǐng)一定要縮減時(shí)間并/或降低質(zhì)量。
如果需要將視頻剪裁至確切的長(zhǎng)度和大小
法則4：使用無(wú)聲視頻
說(shuō)起網(wǎng)站體驗(yàn)，網(wǎng)頁(yè)加載時(shí)自動(dòng)播放的聲音是最討厭的事情之一--尤其是你在辦公室打開(kāi)網(wǎng)站時(shí)。
視頻背景在網(wǎng)站打開(kāi)時(shí)是自動(dòng)播放的。因此，如果你的視頻有聲音，那么聲音也是會(huì)自動(dòng)播放的。
所以，要么去掉聲音（用Fiverr.com），要么靜音。
法則5：永遠(yuǎn)不要出現(xiàn)視頻控件
我總是見(jiàn)到人們想要在視頻頭部或者背景中添加或展示視頻控件。
要記住，這僅僅是一個(gè)視頻背景，不要把它當(dāng)做正常的視頻播放器。
如果添加了視頻控件，這就違背了視頻背景的初衷，把它從背景變成了視頻，除了沒(méi)有聲音和不停循環(huán)播放之外。
如果想要在網(wǎng)頁(yè)中插入一個(gè)說(shuō)明性或者信息性的視頻，那么不要把它當(dāng)做背景。只要使用正常頁(yè)面布局，添加一個(gè)視頻播放器正常播放就好。
當(dāng)你嘗試新的設(shè)計(jì)潮流時(shí)（比如視頻背景），關(guān)鍵在于提升用戶參與度--而不是降低。上面的五大法則將幫助你完成這個(gè)目標(biāo)。
現(xiàn)在你已經(jīng)了解了如何正確使用視頻背景，下面來(lái)看看怎樣在網(wǎng)站中添加視頻背景。

本文題目：如何正確地在網(wǎng)站中使用視頻背景
網(wǎng)頁(yè)鏈接：http://www.rwnh.cn/news/144650.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供網(wǎng)站維護(hù)、App設(shè)計(jì)、關(guān)鍵詞優(yōu)化、網(wǎng)站設(shè)計(jì)、手機(jī)網(wǎng)站建設(shè)、營(yíng)銷型網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請(qǐng)盡快告知，我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng)，如需處理請(qǐng)聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)