扒一扒全屏首页大图背景的几种应用

发表时间:2015-08-13 12:23    责任编辑:莫都晨晓    浏览:
全屏首页是一种欢迎页面或者着陆页的形式,当前网站五花八门,能在第一时间内传达网站或企业的精神并吸引用户继续浏览的重任逐渐落在了这个全屏首页的肩上。不论是图片背景还是视频背景,视觉冲击力和痛点抓取力度成为了首页的重任,这也是筛选潜在客户的一个方式。首屏的文案也尤为重要。
 
(1)首页大图背景
 
首页大图的形式相信大家都不陌生了,通常都是高质量的摄影图片,或者在纯色背景上的产品图片等等。优势不言而喻,那就是具有很棒的视觉传达效果和冲击力。而且随着网速的不断提升,几秒内加载一个百K的高清背景对用户来说不是什么问题。优设网曾推荐过许多高清图库站,稍加搜索便可找到。


(2)首页视频背景
 
使用视频作为首页的背景在视觉上更加具有冲击力,好的视频宣传片更是为网站如虎添翼。但是缺点亦较为明显,目前国内网速相对仍然较慢,(即便是30M的光纤,在很多地方其实都是共享网速,高峰期看个在线视频都会卡),而视频背景通常都是网页打开即直接播放的,在网速达不到一定标准的情况下,视频会卡顿播放,体验很差。而且为了让视频播放流畅,实际上很多网站的视频都是压缩成成分辨率比较低的视频,清晰度和图片相差较大。希望以后能出现视频缓冲或者预加载技术等方式来提升整个浏览效果,关键还是网速。


该网站视频背景就相当具有震撼力,快速将自己的作品展示给观众,让观众充满好奇。

(3) HTML5特效背景
 
我们以粒子特效背景为例。相对于视频背景而言,使用新的网络语言制作的背景在加载速度、成像质量等方面都优于视频背景,而且特效背景也具有很棒的视觉体验。

(4)交互式首页
 
交互式首页指的是在网页上做一些可以用鼠标或者键盘控制的元素来与用户发生互动,这样用户在首页停留的时间会更久,同时却很享受这个过程,提高用户体验的同时提升网站的趣味性和企业形象。交互式页面设计经常会运用到诸多HTML5或者CSS3技术,比如前面提到的粒子特效。


鼠标可控制转盘,且通过不同的转向透视与错位形成了立体的层次效果。
15063366547
286601999
微信咨询