定製策劃專家

按  需  定  製  /  個  性  設  計  /  開  發  製  作

CONTACT

188-1146-7445 /  199-2006-3084(同步微信)

      


圖片展示

NEWS

網站建設、網站製作、網站設計等相關資訊

NEWS

網站建設、網站製作、網站設計等相關資訊

如何正確使用背景視頻來設計網站

2020-10-10 08:00:20

瀏覽: 3002

背景視頻可能是一個很好的改進網站外觀、讓訪問者更愉快和吸引注意力的方法。訪問者希望能被吸引,好的視頻能做到這點。雖然背景視頻很有吸引力,但是如果你想讓訪問者的注意力集中在信息上,這可能會產生相反的效果。

背景影片沒有前途。現在就是。並非因為它們很酷,人人都在做。許多網站都在賭增強現實(AR),所以沉浸式體驗將會推動我們的互動。錄像是AR的主要功能。

背景色錄像是更酷的做法。然而,如果你沒有遵循一些指導原則,你的網站的性能就會受到影響,設計和體驗也會受到影響。請一定要準備好向我們的網站添加背景視頻,然後再進一步討論這些準則。

網上背景視頻的數量越來越多了。


背景視頻可能是一個很好的改進網站外觀、讓訪問者更愉快和吸引注意力的方法。

訪問者希望能被吸引,好的視頻能做到這點。影片能講述企業的故事,每個企業都有一個故事能更好的講述。

增加背景視頻的最佳實踐

隻有可以真正改善站點外觀時才使用背景視頻。想要抓住閃光的新事物而不去考慮它的影響是很有吸引力的。若措施得當,其影響將降至最低,但你的網站仍然會相應地變慢,這就是視頻代替靜態圖片所要付出的代價。

以下是一些需要考慮的因素:

·選擇可快速載入的短片。

·不使用聲響。語音增加了文件大小,價值甚微。

·使用占位符。若視頻已停止播放或無法播放,則確保支持圖像。創建代碼中的占位符非常簡單。把你的背景視頻元素和背景圖片放在一起。

·用移動體驗中使用的圖像代替視頻——視頻不能播放,或者很難在移動設備上實現。此外,網站還會把用戶的移動數據和背景視頻混為一談。在移動端隱藏背景視頻元素以顯示背景圖像。這能給手機訪客提供最好的體驗。

何時不要使用背景錄像?

雖然背景視頻很有吸引力,但是如果你想讓訪問者的注意力集中在信息上,這可能會產生相反的效果。

假如你對背景視頻太過激進,它就會壓倒一切。視頻可能會讓你分心,因為有複雜的想法(比如與銷售有關的內容)可以看。若你的報價需要大量的說明,最好使用文字說明。

聰明的人添加背景視頻。

將目標轉化為重點。故事背景錄像應該總是支持頁面的最終目標。

最佳場景是背景視頻作為CTA的補充或增強。

讓它流行起來

多數情況下,你需要把文字放在背景視頻的頂部——所以要確保在整個視頻循環中都是容易閱讀的。一般情況下,背景視頻和文本之間要有強烈的明暗對比。

保證對比完全清晰的一種方法是在視頻上方使用單色濾光片。它不僅看上去超專業,而且色彩的對比讓文本、表單和登錄頁面CTA非常突出。其它的選擇包括文字陰影或者文字後面的透明色塊。

簡明一點。

背景色不應該超過20秒。短小且循環的視頻應該足夠成功,而不會影響下載時間。

請記住這是個循環。若視頻過短,循環將顯得不完整。相反,如果視頻過長,觀看者可能會在亮點出現之前離開,從而失去其意義。

作者: 千海視覺設計
0
如何正確使用背景視頻來設計網站
背景視頻可能是一個很好的改進網站外觀、讓訪問者更愉快和吸引注意力的方法。訪問者希望能被吸引,好的視頻能做到這點。雖然背景視頻很有吸引力,但是如果你想讓訪問者的注意力集中在信息上,這可能會產生相反的效果。
長按圖片保存/分享

我要谘詢

  • 聯系人 *

  • 聯絡方式 *

  • 需求 *

  • 提交

  • 驗證碼
    看不清?換一張
    取消
    確定

推薦案例

城投集團官網設計

城投集團官網設計

高端響應式網站

愛其家品牌網站設計

愛其家品牌網站設計

品牌網站建設

卡爾丹頓服飾品牌網站設計

卡爾丹頓服飾品牌網站設計

品牌網站建設

吼吼智能科技網站設計

吼吼智能科技網站設計

響應式網站,網站設計

別墅裝飾品牌網站設計

別墅裝飾品牌網站設計

品牌網站建設,響應式網站

遂光ximmerse網站設計

遂光ximmerse網站設計

AR/MR/VR科技網站建設

米邦照明網站設計

米邦照明網站設計

照明燈飾網站建設,響應式網站

啟源照明網站設計

啟源照明網站設計

照明燈飾網站建設,響應式網站

兒童早教小程序UI

兒童早教小程序UI

嬰幼兒早教小程序開發

淨水器配件小程序界面設計

淨水器配件小程序界面設計

小程序UI界面設計

家裝小程序UI界面設計

家裝小程序UI界面設計

小程序UI界面設計

澳門人才招聘網UI設計

澳門人才招聘網UI設計

人才招聘網UI設計,響應式網站

Top

你可以聯系我們   谘詢電話:199-2006-3084同步微信)  E-mail:2403264635@qq.com          

版權所有:千海視覺設計工作室