全国免费咨询热线:

400-611-9921

 
网页设计中的全屏视频背景:优点、缺点和技巧

2021-08-17

154

关于网站中视频背景是好是坏,网页设计界仍有争论。

关于网站中视频背景是好是坏,网页设计界仍有争论。

然而,在过去的几个月里,我们看到使用全屏视频背景的网站比以往任何时候都要多。但这真的是一个有效的策略吗?它有助于吸引观众吗?是否影响SEO?我们来看看。

使用全屏视频背景的好处

全屏视频背景在网页设计中如此流行是有原因的。使用它们有很多好处。即使你需要说服客户使用视频背景,这些要点也会派上用场。


瞬间吸引注意力

视频背景比图像或纯色背景更能吸引注意力。折叠部分的上方是访问者访问您的网站时首先看到的内容。你只有3秒钟说服访问者留在网站上继续浏览。


有了视频背景,你就有更高的机会吸引他们的注意力,并让他们在你的网站上停留更长时间。


简化复杂主题

如果一张图片值一千个字,那么一个视频至少要值一千张图片,对吗?这大概就是原因93%的营销人员认为那段视频是他们战略的重要组成部分。


视频可以简化和解释任何受众消费的复杂话题。这使得媒体更有效地为不太知名的品牌、产品和公司向观众解释他们的服务。


展示产品和服务

视频背景还为您提供了一种以更具吸引力的方式展示您的产品和服务的方式。


例如,在酒店网站上添加一个展示豪华客房和水疗中心的视频背景,肯定会给你的潜在客户一个预订的理由。


这同样适用于登录页面、商业网站、餐馆,甚至电子商务网站。有了视频背景,您可以展示比图像转盘更多的产品。


促进销售

如果有一点能让你和你的客户对视频背景感兴趣,那就是这个。使用视频背景实际上可以帮助提高销售额和转化率。


在一个案例研究中,在主页上添加视频背景增加了网站转化率提高138%。


事实上,在登陆页面上添加一个简单的解说视频就足以提升销量。有了视频背景,您将有一种微妙的方式来展示您的服务,而不会干扰用户体验。


建立情感联系

网站中的视频背景在向观众呈现更敏感的话题方面也有奇效。它们在与用户建立情感联系方面也非常有效。


例如,如果你正在为慈善机构或非盈利机构制作一个网站,你可以使用视频背景来提供背景,或者在幕后看看你为这项事业做了什么。


使用全屏视频背景的缺点

使用全屏视频背景的好处比坏处多。但是,这些缺点会对你的网站增长产生巨大的影响。


影响网站加载速度

使用视频背景的最大缺点是加载速度慢。由于视频的大小比图像大得多,因此加载它们需要更长的时间。这对网络连接速度慢的用户来说尤其成问题。


根据一份报告,超过50%的用户表示,他们愿意放弃网站上的视频和动画,以获得更好的加载时间。


在移动设备上不可用

移动设备仍然不完全支持自动播放视频背景。因此,大多数使用视频背景的网站被迫使用移动网站的静态图像版本。


在移动版和桌面版网站上提供完全不同的体验只会让用户感到困惑。


旧浏览器的兼容性问题

尽管现在越来越多的人转向最新版本的浏览器和应用程序,但相当多的人仍然使用旧的和过时的浏览器。


统计数据显示有些人仍然在使用像Internet Explorer 9这样非常过时的浏览器。


这种老式浏览器不支持HTML 5全屏视频背景。虽然让你的观众使用现代浏览器浏览你的网站更容易,但对用户来说并不方便。


难以突出CTA

与图像或纯色背景不同,视频有许多不同颜色和闪烁灯光的场景。这使得在全屏视频背景上突出显示您的标题和行动呼吁(CTA)变得非常困难。


除非您愿意使用基础调色板之外的颜色和组件,否则在使用具有快速移动场景的视频背景时,不容易关注您的网站标题、副标题和CTA。


全屏视频背景示例+技巧

通过在添加视频背景时实施正确的技术,您可以避免使用全屏视频背景的许多缺点。


这里只是一些应该如何做的提示和例子。


选择正确的视频

这是使用全屏背景视频最明显也是最关键的部分——选择合适的视频对你的影响有多大有很大的不同。以及它如何与网站的整体用户体验很好地融合。


例如,你应该选择节奏更舒缓、更慢的视频,而不是使用带闪光灯的快速移动视频。


保持简短

我们生活在一个快速发展的世界,几乎没有耐心。假设一个人不想盯着你的背景视频看3分钟或5分钟是安全的。此外,你会希望他们探索网站的其他部分,并说服用户采取行动。


所以最好用很短的视频作为背景。长度不到30秒的视频将非常适合网站。此外,如果您计划添加循环视频,请确保它具有平滑的循环过渡。


避免分散注意力的视频


视频有时也会分散注意力。例如,具有高对比度颜色、视觉效果和闪光灯的视频实际上会将用户的注意力从网站的重要部分转移开。


当有背景视频分散注意力时,一个人很难专注于行动号召,甚至很难阅读网站的标题。


最好使用一个分散注意力或窃取注意力的元素较少的视频。


突出显示CTa

CTA可以说是网站或登陆页面最重要的组成部分。你会希望访问者能清楚地看到它,并说服他们点击“购买”按钮。


当使用全屏视频背景时,突出显示CTA将是一个挑战。但也不是不可能。


您可以使用滤镜去饱和视频颜色,使视频黑白化,甚至使用颜色较少或外观极简的视频来轻松突出网站上的CTA和标题。


不包括音频


给网站添加背景音频有助于为网站营造氛围,但自动播放音频不是办法。


你总要考虑到,人们从不同的地方、不同的设备访问网站,没有人希望在公交车上突然有音频通过手机爆破。或者在办公室访问网站时。


通过在将视频用作网站背景之前从视频中移除音频来解决此问题,实现仅在用户选择时切换音频的选项,或者至少在加载网站时向用户发出警告。


优化速度

有几种方法可以优化视频,使背景对网站加载时间的影响更小。


正确压缩视频至关重要。你可以使用像手刹这样的工具来实现这个目标。此外,考虑为视频使用正确的分辨率。去掉音频也有助于减小文件大小。


YouTube vs自托管视频背景

还有一个问题是,在YouTube上托管背景视频好,还是在服务器上自托管好。使用这两种方法各有利弊。


如果您在同一台服务器上托管背景视频,用户必须等到视频加载完毕后才能浏览网站。但是,它可以确保视频只在你的控制之下,不会在YouTube上被发现。


当然,您可以通过向网站添加加载屏幕来避免这种情况。


在YouTube上托管视频将改善加载时间,对带宽的影响较小。但是它会让你无法控制视频的显示方式。


最后

总的来说,使用全屏视频背景比其他格式有更多的好处。话说回来,这要看你怎么用,为什么用。因为视频背景并不适合每个网站。它可能会影响或破坏网站的用户体验。


热门标签
房地产网站建设汇景网站建设汇景网站开发汇景控股新能源网站开发新能源网站制作奥动新能源网站建设奥动官网网站改版石油公司网站建设广州网站搭建广州市网站制作生物网站建设珠海方正官网建设方正官网建设日本YKK官网建设骏丰频谱官网建设斯帝罗兰官网建设高新兴官网建设三盟科技官网建设赛立信官网建设福美控股官网建设德国商会官网建设皇朝家具官网建设皇朝定制官网建设百利官网建设广芯微官网建设物联网网站建设芯片网站建设网站开发日本YKK官网百利网站建设办公家具网站建设广州建站公司广州做网站营销型网站建设柏洪集团网站集团网站建设新元素网站教育网站德胜教育集团德国商会网站建设品牌网站建设赛立信网站建设智能家居网站运动网站建设贸易网站建设玩具网站建设化工网站建设日化网站建设家电网站建设音响网站建设物流网站建设旅游网站建设酒店网站建母婴网站建设珠宝网站建设钟表网站建设培训网站建设教育网站建设建材网站建设装饰网站建设机械网站建设美妆网站建设展览网站建设皮具网站建设五金网站建设仪器网站建设照明网站建设水电网站建设咨询网站建设法律网站建设家具网站建设家居网站建设服装网站建设服务网站建设食品网站建设金融网站建设餐饮网站建设环保网站建设政府网站建设科技网站建设地产网站建设医药网站建设数码网站建设营销型网站广州网站制作广州网站建设公司建网站广州网站设计公司建站优必思官网英文版网站定制网站广州网站建设中服装网站设计服装网站制作防火板网站大数据网站科技网站制作物联网网站人工智能网站防火板网站制作家居网站制作枕头网站电器网站制作电器网站家具网站家居网站网站建设公司​手机网站建设响应式网站企业官方网站网站策划官网改版企业网站建设网站制作网站设计建站公司网站建设公司企业网站网站建设费用网站建设广州企业网站建设企业建站官网建设广州建站广州网站建设纵天科技
点击展开
关于纵天
广州市纵天信息科技有限公司成立于2008年,是中国领先的整合式互联网应用服务商。12年专业历程,坚持以科技创新为先导的网络服务,服务超过8000+知名品牌与创新客户,涉及网站设计、APP应用开发、微信开发、平面设计、视频拍摄、互联网整合营销等多个领域。
微信咨询
官方微信
联系方式

地址1:广州市天河区珠江新城邦华环球广场16F

地址2:杭州市滨江区滨安路1190号智汇中心B308

业务 QQ: 3561401262

E-mail: sales@zomsky.com

电话咨询 在线咨询 QQ咨询 官方微信
官方微信
TOP

立即与纵天项目顾问通话

400-611-9921

您也可以咨询我们的在线客服或预约资深顾问

信息保护中,请放心填写
关闭