滾動(dòng)頁(yè)面的方法不止一種!此外,你還可以通過(guò)另外四種不同的滾動(dòng)方式來(lái)增加你的網(wǎng)站的魅力。那么,這些標(biāo)準(zhǔn)適用于什么?最好在什么時(shí)候包含?我們會(huì)回答這些問(wèn)題,幫助你選擇滾動(dòng)條來(lái)補(bǔ)充你的站點(diǎn)的主題和內(nèi)容。
橫向滾動(dòng)
大部分鄭州網(wǎng)站開(kāi)發(fā)都使用垂直滾動(dòng)條,但是從左到右的滾動(dòng)條并非完全不可能。有時(shí)候橫向滾動(dòng)是個(gè)不錯(cuò)的選擇,比如當(dāng)你處理大量視覺(jué)內(nèi)容,設(shè)計(jì)移動(dòng)設(shè)備,或者制作類似幻燈片的網(wǎng)站時(shí)。
最大的缺點(diǎn)是與眾不同。電腦用戶可能會(huì)被延遲設(shè)計(jì),或者導(dǎo)航困難,所以最好的方法是使用移動(dòng)設(shè)備。包含一個(gè)導(dǎo)航箭頭可以輕微緩解這一問(wèn)題。
如果出現(xiàn)以下情況,最好使用水平滾動(dòng):
豐富的視覺(jué)內(nèi)容不推薦使用此類滾動(dòng),因?yàn)轫?yè)面中文字太多。
當(dāng)你制作幻燈片或講故事的網(wǎng)站時(shí),翻開(kāi)。
假如你的訪客主要來(lái)自移動(dòng)設(shè)備,那么它就符合你的設(shè)計(jì)理念。
長(zhǎng)卷。
您是否曾經(jīng)瀏覽過(guò)一個(gè)網(wǎng)站,并且對(duì)流質(zhì)效果著迷?也許這是個(gè)使用長(zhǎng)滾動(dòng)的網(wǎng)站這個(gè)技巧經(jīng)常被用來(lái)組合和講故事。訪問(wèn)者可以通過(guò)有趣的動(dòng)畫(huà)和有趣的設(shè)計(jì)立刻參與進(jìn)來(lái),就像前面分享的5個(gè)網(wǎng)頁(yè)設(shè)計(jì)視覺(jué)敘述的例子一樣。
這種技術(shù)在將頁(yè)面分成多個(gè)部分時(shí)效率最高。滾至該部分以激活動(dòng)畫(huà)。為了避免混淆,最好是添加導(dǎo)航條,因?yàn)樵L問(wèn)者可能會(huì)迷失在長(zhǎng)長(zhǎng)的頁(yè)面中。
長(zhǎng)卷的缺點(diǎn)是不適合很多站點(diǎn)。制作動(dòng)畫(huà)很難,也很費(fèi)時(shí)。單頁(yè)面設(shè)計(jì)有時(shí)會(huì)影響SEO,如果沒(méi)有包含導(dǎo)航,用戶可能會(huì)迷路。最終,這樣的網(wǎng)站會(huì)導(dǎo)致設(shè)備變得更弱。
什么網(wǎng)站適合做長(zhǎng)滾動(dòng)?
講一個(gè)有精美動(dòng)畫(huà)的故事,多頁(yè)格式不合適。
使用吸引眼球的設(shè)計(jì)創(chuàng)建單頁(yè)面網(wǎng)站。
順暢的傳遞大量信息。
復(fù)雜的視覺(jué)內(nèi)容(圖片庫(kù),信息圖)。
無(wú)窮滾動(dòng)
如果你的網(wǎng)站有很多網(wǎng)頁(yè),那么如果你有很多適合你的方法,社會(huì)媒體,博客和在線報(bào)紙,無(wú)限滾動(dòng)是個(gè)不錯(cuò)的選擇。這樣的單頁(yè)面設(shè)計(jì)使用戶可以隨時(shí)保持瀏覽而不受干擾。這比載入新的網(wǎng)頁(yè)要快!
潛在的問(wèn)題是什么?第一,這會(huì)給舊電腦帶來(lái)負(fù)擔(dān)。很容易就會(huì)丟失你的位置,如果沒(méi)有粘性導(dǎo)航,用戶可能會(huì)迷路。
無(wú)限制的滾動(dòng)并非對(duì)所有的站點(diǎn)都有效,但是以下幾個(gè)例子證明了它的有效性:
內(nèi)容豐富(文章、圖片等)。
使內(nèi)容發(fā)布更簡(jiǎn)單,更快地發(fā)送給訪問(wèn)者,同時(shí)又不影響用戶的參與性。
有助于訪問(wèn)者發(fā)現(xiàn)新內(nèi)容。
缺乏組織或分類內(nèi)容,如社會(huì)媒體上的帖子。
視差卷曲
在動(dòng)畫(huà)和視頻游戲中,視差滾動(dòng)是使場(chǎng)景動(dòng)態(tài)化的一種巧妙技巧。這種技術(shù)使前景和背景以不同的速度移動(dòng)。它和網(wǎng)頁(yè)設(shè)計(jì)的概念是一樣的!和長(zhǎng)的滾動(dòng)相似,視差也經(jīng)常用動(dòng)畫(huà)和特效制作有趣的視覺(jué)網(wǎng)頁(yè)。
惟一的問(wèn)題是它可能會(huì)加快加載速度。這也會(huì)讓網(wǎng)頁(yè)顯得很忙碌。所以如果你的網(wǎng)站是以內(nèi)容為中心的,它通常不適用。
另外,“視差”是個(gè)大范疇。從簡(jiǎn)單,幾乎不引人注意的背景效果到動(dòng)畫(huà)片中的冒險(xiǎn)故事??捎糜谌魏晤愋偷恼军c(diǎn)上!
選取合適的滾動(dòng)方式。
有時(shí)還是堅(jiān)持傳統(tǒng)的滾動(dòng)效果更好。你的網(wǎng)站不一定需要所有其他的效果和特性。但當(dāng)你在創(chuàng)建一個(gè)講述故事或者包含大量信息的網(wǎng)站時(shí),滾動(dòng)的方式也許正是你所需要的。