企業(yè)網(wǎng)站設(shè)計(jì)中做全屏視頻背景的優(yōu)缺點(diǎn)及技巧
優(yōu)點(diǎn)
1. 瞬間吸引眼球：視頻背景比圖像或純色背景更能有效地吸引注意力。首屏部分是訪(fǎng)問(wèn)者訪(fǎng)問(wèn)網(wǎng)站時(shí)首先看到的內(nèi)容，使用視頻背景，更有可能吸引他們的注意力并使他們?cè)诰W(wǎng)站上停留更長(zhǎng)時(shí)間。
2. 簡(jiǎn)化復(fù)雜主題：視頻可以簡(jiǎn)化和解釋復(fù)雜的主題，供任何觀(guān)眾觀(guān)看。這使得媒體對(duì)于不太知名的品牌、產(chǎn)品和公司來(lái)說(shuō)更有效，可以很容易地向受眾解釋他們的服務(wù)。
3. 展示產(chǎn)品和服務(wù)：視頻背景還為您提供了一種以更具吸引力的方式展示您的產(chǎn)品和服務(wù)的方法。例如，在酒店網(wǎng)站上添加展示豪華客房和水療中心的視頻背景肯定會(huì)給您的潛在客戶(hù)提供預(yù)訂的理由。
4. 增加銷(xiāo)量：使用視頻背景實(shí)際上可以幫助提高銷(xiāo)售和轉(zhuǎn)化率。在一項(xiàng)案例研究中，向主頁(yè)添加視頻背景將網(wǎng)站轉(zhuǎn)化率提高了138%。
5. 建立情感聯(lián)系：網(wǎng)站中的視頻背景在向觀(guān)眾呈現(xiàn)更敏感的主題方面也很出色。它們?cè)谂c用戶(hù)建立情感聯(lián)系方面也非常有效。
缺點(diǎn)
1. 影響網(wǎng)站加載速度：使用視頻背景的最大缺點(diǎn)是加載速度緩慢。由于視頻的尺寸比圖像大得多，因此它們需要更長(zhǎng)的時(shí)間來(lái)加載。這對(duì)于互聯(lián)網(wǎng)連接速度較慢的用戶(hù)來(lái)說(shuō)尤其成問(wèn)題。
2. 在移動(dòng)設(shè)備上不可用：移動(dòng)設(shè)備仍不完全支持自動(dòng)播放視頻背景。因此，大多數(shù)使用視頻背景的網(wǎng)站都被迫使用移動(dòng)網(wǎng)站的靜態(tài)圖像版本。在網(wǎng)站的移動(dòng)版和桌面版上提供完全不同的體驗(yàn)只會(huì)讓用戶(hù)感到困惑。
3. 舊版瀏覽器的兼容性問(wèn)題：盡管現(xiàn)在越來(lái)越多的人改用最新版本的瀏覽器和應(yīng)用程序，但仍有相當(dāng)多的人仍在使用舊版和過(guò)時(shí)的瀏覽器。此類(lèi)較舊的瀏覽器不支持HTML 5 全屏視頻背景。
4. 難以突出 CTA：與圖像或純色背景不同，視頻有許多具有不同顏色和閃爍燈光的場(chǎng)景。這使得在全屏視頻背景上突出標(biāo)題和號(hào)召性用語(yǔ) (CTA) 變得非常困難。
技巧
1. 選擇合適的視頻：這是使用全屏背景視頻最明顯但也更關(guān)鍵的部分——選擇正確的視頻會(huì)對(duì)您產(chǎn)生的影響有多大影響。以及它如何與網(wǎng)站的整體用戶(hù)體驗(yàn)完美融合。例如，不要使用帶有閃光燈的快速移動(dòng)的視頻，而應(yīng)該選擇節(jié)奏更舒緩、節(jié)奏更慢的視頻。
2. 保持簡(jiǎn)短：我們生活在一個(gè)快速變化的世界，幾乎沒(méi)有耐心?？梢园踩丶僭O(shè)一個(gè)人不想盯著你的背景視頻看 3 分鐘或 5 分鐘。此外，您會(huì)希望他們?yōu)g覽網(wǎng)站的其余部分并說(shuō)服用戶(hù)采取行動(dòng)。所以最好使用很短的視頻作為背景。長(zhǎng)度低于 30 秒的視頻將與網(wǎng)站完美契合。而且，如果您打算添加循環(huán)視頻，請(qǐng)確保它具有平滑的循環(huán)過(guò)渡。
3. 避免分散注意力的視頻：視頻有時(shí)也會(huì)分散注意力。例如，具有高對(duì)比度顏色、視覺(jué)效果和閃爍燈光的視頻實(shí)際上可以將用戶(hù)的注意力從您網(wǎng)站的重要部分轉(zhuǎn)移開(kāi)。當(dāng)背景視頻將注意力從網(wǎng)站上移開(kāi)時(shí)，人們很難將注意力集中在號(hào)召性用語(yǔ)上，甚至很難閱讀網(wǎng)站的標(biāo)題。最好使用較少干擾或吸引注意力的元素較少的視頻。
4. 突出顯示 CTA：CTA 可以說(shuō)是網(wǎng)站或登陸頁(yè)面最重要的組成部分。您希望訪(fǎng)問(wèn)者清楚地看到它并說(shuō)服他們單擊“購(gòu)買(mǎi)”按鈕。在使用全屏視頻背景時(shí)突出顯示 CTA 將是一個(gè)挑戰(zhàn)。但這并非不可能。您可以使用濾鏡來(lái)降低視頻顏色的飽和度，使視頻變成黑白，甚至可以使用顏色較少或外觀(guān)極簡(jiǎn)的視頻來(lái)輕松突出網(wǎng)站上的 CTA 和標(biāo)題。
5. 不包括音頻：向網(wǎng)站添加背景音頻有助于為網(wǎng)站營(yíng)造氛圍，但自動(dòng)播放音頻不是這樣做的方法。您必須始終考慮到人們從不同的地方和設(shè)備訪(fǎng)問(wèn)網(wǎng)站，沒(méi)有人希望在公交車(chē)上突然通過(guò)手機(jī)聽(tīng)到聲音。或者在辦公室訪(fǎng)問(wèn)網(wǎng)站時(shí)。通過(guò)在將視頻用作網(wǎng)站背景之前從視頻中刪除音頻來(lái)解決此問(wèn)題，實(shí)現(xiàn)僅在用戶(hù)選擇時(shí)切換音頻的選項(xiàng)，或者至少在加載網(wǎng)站時(shí)向用戶(hù)發(fā)出警告。
6. 優(yōu)化速度：有幾種方法可以?xún)?yōu)化視頻，使背景對(duì)網(wǎng)站加載時(shí)間的影響較小。正確壓縮視頻至關(guān)重要。您可以使用 Handbrake 等工具來(lái)實(shí)現(xiàn)該目標(biāo)。此外，請(qǐng)考慮為視頻使用正確的分辨率。擺脫音頻也將有助于減小文件大小。
