Telephone
15063366547
QQ
286601999
扒一扒全屏首頁(yè)大圖背景的幾種應(yīng)用
發(fā)表時(shí)間:2015-08-13 12:23?? 作者:銳尚?? 瀏覽:
次
全屏首頁(yè)是一種歡迎頁(yè)面或者著陸頁(yè)的形式，當(dāng)前網(wǎng)站五花八門(mén)，能在第一時(shí)間內(nèi)傳達(dá)網(wǎng)站或企業(yè)的精神并吸引用戶繼續(xù)瀏覽的重任逐漸落在了這個(gè)全屏首頁(yè)的肩上。不論是圖片背景還是視頻背景，視覺(jué)沖擊力和痛點(diǎn)抓取力度成為了首頁(yè)的重任，這也是篩選潛在客戶的一個(gè)方式。首屏的文案也尤為重要。
（1）首頁(yè)大圖背景
首頁(yè)大圖的形式相信大家都不陌生了，通常都是高質(zhì)量的攝影圖片，或者在純色背景上的產(chǎn)品圖片等等。優(yōu)勢(shì)不言而喻，那就是具有很棒的視覺(jué)傳達(dá)效果和沖擊力。而且隨著網(wǎng)速的不斷提升，幾秒內(nèi)加載一個(gè)百K的高清背景對(duì)用戶來(lái)說(shuō)不是什么問(wèn)題。優(yōu)設(shè)網(wǎng)曾推薦過(guò)許多高清圖庫(kù)站，稍加搜索便可找到。
（2）首頁(yè)視頻背景
使用視頻作為首頁(yè)的背景在視覺(jué)上更加具有沖擊力，好的視頻宣傳片更是為網(wǎng)站如虎添翼。但是缺點(diǎn)亦較為明顯，目前國(guó)內(nèi)網(wǎng)速相對(duì)仍然較慢，（即便是30M的光纖，在很多地方其實(shí)都是共享網(wǎng)速，高峰期看個(gè)在線視頻都會(huì)卡），而視頻背景通常都是網(wǎng)頁(yè)打開(kāi)即直接播放的，在網(wǎng)速達(dá)不到一定標(biāo)準(zhǔn)的情況下，視頻會(huì)卡頓播放，體驗(yàn)很差。而且為了讓視頻播放流暢，實(shí)際上很多網(wǎng)站的視頻都是壓縮成成分辨率比較低的視頻，清晰度和圖片相差較大。希望以后能出現(xiàn)視頻緩沖或者預(yù)加載技術(shù)等方式來(lái)提升整個(gè)瀏覽效果，關(guān)鍵還是網(wǎng)速。
該網(wǎng)站視頻背景就相當(dāng)具有震撼力，快速將自己的作品展示給觀眾，讓觀眾充滿好奇。
（3） HTML5特效背景
我們以粒子特效背景為例。相對(duì)于視頻背景而言，使用新的網(wǎng)絡(luò)語(yǔ)言制作的背景在加載速度、成像質(zhì)量等方面都優(yōu)于視頻背景，而且特效背景也具有很棒的視覺(jué)體驗(yàn)。
（4）交互式首頁(yè)
交互式首頁(yè)指的是在網(wǎng)頁(yè)上做一些可以用鼠標(biāo)或者鍵盤(pán)控制的元素來(lái)與用戶發(fā)生互動(dòng)，這樣用戶在首頁(yè)停留的時(shí)間會(huì)更久，同時(shí)卻很享受這個(gè)過(guò)程，提高用戶體驗(yàn)的同時(shí)提升網(wǎng)站的趣味性和企業(yè)形象。交互式頁(yè)面設(shè)計(jì)經(jīng)常會(huì)運(yùn)用到諸多HTML5或者CSS3技術(shù)，比如前面提到的粒子特效。
鼠標(biāo)可控制轉(zhuǎn)盤(pán)，且通過(guò)不同的轉(zhuǎn)向透視與錯(cuò)位形成了立體的層次效果。
鼠標(biāo)可控制轉(zhuǎn)盤(pán)，且通過(guò)不同的轉(zhuǎn)向透視與錯(cuò)位形成了立體的層次效果。