網(wǎng)站設(shè)計(jì)

Website development

什么時(shí)候在您的網(wǎng)站上使用背景影片合適

發(fā)布時(shí)間：2017-09-29 07:42:33

沒有比現(xiàn)在更好的時(shí)間來贏得訪客與您的背景視頻。

背景影片不是未來。他們是現(xiàn)在。不是因?yàn)樗麄兒芸?，而且每個(gè)人都在做。但是因?yàn)橄襁@樣的社交平臺(tái)正在投注增強(qiáng)現(xiàn)實(shí)（AR），這是沉浸式的體驗(yàn)，推動(dòng)著我們的互動(dòng)。

背景視頻是一件美麗的事情。但是，沒有遵循一些重要的指導(dǎo)方針，它可能會(huì)破壞您的網(wǎng)站的性能并弄亂整體設(shè)計(jì)和體驗(yàn)。在我們深入研究這些指南之前，我們要確保我們?yōu)槲覀兊木W(wǎng)站添加背景視頻。

我們?cè)诰W(wǎng)路上看到背景影片越來越多

背景視頻可以是改善您網(wǎng)站外觀的一個(gè)很好的方法，使游客更加愉快，并且引起關(guān)注。

訪客想要被吸引，好的視頻是這樣做的。視頻可以講述業(yè)務(wù)的故事，每個(gè)業(yè)務(wù)都有一個(gè)可以被告知更好的故事。

添加背景視頻的做法

只有使用背景視頻才能真正提升網(wǎng)站的外觀。在不考慮其影響的情況下，抓住一個(gè)有光澤的新東西是很有吸引力的。雖然如果做到正確，影響將是小的，您的網(wǎng)站將會(huì)變慢。為視頻交易靜態(tài)圖像必須值得。

這里有一些要考慮的事情：

選擇一個(gè)可以快速載入的短片。保存劇院的長(zhǎng)片電影。
不要使用聲音。聲音增加了文件大小，增加了很少的價(jià)值。除非你考慮迫使訪客爭(zhēng)相尋找阻止他們的聲音有價(jià)值的方法。
使用占位符如果視頻停止或無法播放，請(qǐng)確保有一個(gè)后備圖像。在Webflow中創(chuàng)建占位符很容易。將您的背景視頻元素放置在具有背景圖像的部分中。
將視頻替換為移動(dòng)體驗(yàn)的圖像 ?- 視頻不會(huì)播放，或者難以在手機(jī)上實(shí)現(xiàn)。網(wǎng)站通過背景視頻來捕獲用戶的移動(dòng)數(shù)據(jù)也是不禮貌的。在Webflow中替換圖像也是一個(gè)關(guān)鍵。在移動(dòng)斷點(diǎn)處隱藏背景視頻元素，以顯示背景圖像。這樣做為移動(dòng)訪問者提供了好的體驗(yàn)。

當(dāng)你不應(yīng)該使用背景視頻

雖然背景視頻很有吸引力，但如果您希望訪問者專注于您的副本，則可能會(huì)發(fā)生后果。

如果您對(duì)背景影片過于激進(jìn)，那么它將會(huì)超越重要的內(nèi)容。當(dāng)有復(fù)雜的想法（如銷售相關(guān)內(nèi)容）閱讀時(shí)，視頻可能會(huì)分散注意力。如果你的報(bào)價(jià)需要很多的解釋，話會(huì)更好。不要冒險(xiǎn)用視頻分散注意力或丟失訪客。

選擇有用的復(fù)雜

“用戶界面的少量是什么，可以讓用戶找到內(nèi)容并與用戶說話？”我們應(yīng)該在設(shè)計(jì)過程中頻繁地問自己，尤其是當(dāng)我們決定是否添加元素時(shí)。

想想你會(huì)通過灑上一些有趣的動(dòng)畫或隱藏和揭示元素來增強(qiáng)體驗(yàn)，這是很容易的。但你可能會(huì)增加一個(gè)障礙。

保持簡(jiǎn)單的方法是保持簡(jiǎn)單！從簡(jiǎn)單的解決方案開始，只需要添加更復(fù)雜的層。您的背景視頻應(yīng)加強(qiáng)內(nèi)容信息，消除障礙，并補(bǔ)充您網(wǎng)站的其余內(nèi)容。

這里的關(guān)鍵詞是“背景”。背景視頻應(yīng)該融入網(wǎng)站的審美 - 不是孤立或妨礙。

“良好的設(shè)計(jì)盡可能少的設(shè)計(jì)?！??

- 丹麥公羊

智能背后添加背景視頻

保持轉(zhuǎn)換目標(biāo)正面和中心。背景視頻的故事情節(jié)應(yīng)始終支持頁面的終目標(biāo)。

好的情況是背景視頻補(bǔ)充或增強(qiáng)CTA。

使其個(gè)人化

一般來說，人們想與人合作，而不是無禮的企業(yè)。這是買家喜歡從Etsy這樣的商店購買商品的原因之一：業(yè)務(wù)面臨一切。

添加一個(gè)簡(jiǎn)短的視頻，顯示人們與您的服務(wù)進(jìn)行交互，讓潛在客戶可以自己展現(xiàn)自己與您的合作。理想情況下，您的觀眾會(huì)采取行動(dòng)，例如注冊(cè)，購物或聯(lián)系。

讓它流行

在大多數(shù)情況下，您需要將文本分層在背景視頻的頂部，因此請(qǐng)確保在整個(gè)視頻循環(huán)中輕松閱讀。一般來說，瞄準(zhǔn)背景視頻和副本之間強(qiáng)烈的明暗對(duì)比。

確保完全清晰對(duì)比的一種方法是在視頻的頂部應(yīng)用一個(gè)堅(jiān)實(shí)的單色濾鏡。這不僅看起來超級(jí)專業(yè)，而且顏色對(duì)比使文本，表單和著陸頁CTA脫穎而出。其他替代方案包括文本陰影或文本后面的半不透明顏色塊

原創(chuàng)不易，未經(jīng)授權(quán)，嚴(yán)禁轉(zhuǎn)載

原文地址：http://www.mpian.cn/i,72,7277,0.html

上一篇：響應(yīng)式網(wǎng)站設(shè)計(jì)測(cè)試工具

下一篇：搜索引擎優(yōu)化如何在幫助您的網(wǎng)站獲得更多的流量

您還有可能感興趣的內(nèi)容

建站流程

Website development

網(wǎng)站需
求分析
網(wǎng)站策
劃方案
頁面風(fēng)
格設(shè)計(jì)
程序設(shè)
計(jì)研發(fā)
資料錄
入優(yōu)化
確認(rèn)交
付使用
后續(xù)跟
蹤服務(wù)
+86 10 64758810
18510861135

熱門標(biāo)簽

Website development

客戶評(píng)價(jià)

更多+

感謝云智互聯(lián)，系統(tǒng)提前完成，在整個(gè)項(xiàng)目周期內(nèi)，云智互聯(lián)對(duì)待我們并不像是對(duì)待客戶，更像是朋友一樣，每一次，都能以專業(yè)的角度向我們提出更合理、更有效的解決方案，并快速、細(xì)致地完成我們的每一個(gè)需求，再次感謝以至誠(chéng)之心做事的云智互聯(lián)團(tuán)隊(duì)。

潘濤
我是東方龍馬集團(tuán)，在云智家做了2個(gè)企業(yè)官網(wǎng)，服務(wù)態(tài)度超級(jí)好。如果想做網(wǎng)站，選擇他家一定不后悔。性價(jià)比高，服務(wù)態(tài)度好。值得你的信賴！

譚嬌
技術(shù)好，設(shè)計(jì)精良，操作便利，很專業(yè)！配套的服務(wù)和后續(xù)的服務(wù)都很好,網(wǎng)站封面堪稱精品，運(yùn)行方便，后臺(tái)操作的簡(jiǎn)單。技術(shù)還會(huì)耐心教我,很好的云智互聯(lián)（北京）科技有限公司，建站很不錯(cuò)的。

陳曦
不錯(cuò)，價(jià)格比較合適，重點(diǎn)是響應(yīng)速度蠻快，有什么問題都會(huì)馬上給你解決，公司很滿意，因?yàn)樗麄兌际轻槍?duì)每個(gè)項(xiàng)目建了相應(yīng)的討論組，有問題可以再里面提出，人員分工到位，解決問題很及時(shí)。

張經(jīng)理