視差滾動(dòng)（Parallax Scrolling）是指讓多層背景以不同的速度移動(dòng)，形成立體的運(yùn)動(dòng)效果，帶來(lái)非常出色的視覺體驗(yàn)。作為最近幾年網(wǎng)頁(yè)設(shè)計(jì)的熱點(diǎn)趨勢(shì)，越來(lái)越多的網(wǎng)站應(yīng)用了這項(xiàng)技術(shù)。視差滾動(dòng)效果吸引用戶，有助于網(wǎng)站價(jià)值的實(shí)現(xiàn)。那在網(wǎng)站設(shè)計(jì)過(guò)程中滾動(dòng)視差都要遵循哪些原則呢？

北京凡度網(wǎng)絡(luò)是專業(yè)的網(wǎng)站建設(shè)、網(wǎng)站設(shè)計(jì)公司，今天和您分享視差滾動(dòng)的設(shè)計(jì)原則：

1、差異滾動(dòng) 分層視差

頁(yè)面上很多的元素在相互獨(dú)立地滾動(dòng)著，如果我們來(lái)對(duì)其它分層的話，可以有兩到三層 ：背景層，內(nèi)容層，貼圖層。

2、適度使用視差滾動(dòng)效果，避免過(guò)度

適度原則適用于任何事物。物極必反，過(guò)少或過(guò)多的使用視差滾動(dòng)都不會(huì)達(dá)到想要的結(jié)果。因此，在使用視差滾動(dòng)時(shí)，適度使用視差滾動(dòng)效果，找到樂趣與混亂之間的正確平衡至關(guān)重要。

3、和網(wǎng)站的目標(biāo)保持一致

在沒有任何上下文或目的的情況下使用視差滾動(dòng)，可能會(huì)在站點(diǎn)上給觀眾留下深刻的印象，但他們不會(huì)轉(zhuǎn)化為有效的潛在客戶或轉(zhuǎn)換者。讓您的滾動(dòng)視差設(shè)計(jì)和網(wǎng)站的目標(biāo)保持一致，把用戶吸引到您希望他們操作的位置。

4、實(shí)現(xiàn)規(guī)則

A、背景層的滾動(dòng)(最慢)

B、貼圖層(內(nèi)容層和背景層之間的元素)的滾動(dòng)(次慢)

C、內(nèi)容層的滾動(dòng)(可以和頁(yè)面的滾動(dòng)速度一致)

我們讓三個(gè)圖層的滾動(dòng)速度不一致，就做出了漂亮的差異滾動(dòng)效果

5、全面測(cè)試很重要

視差滾動(dòng)以不同的方式影響不同的人。從有用的視差很容易偏離到產(chǎn)生會(huì)分散注意力的視差滾動(dòng)效果。因此，要對(duì)客觀且具有網(wǎng)頁(yè)設(shè)計(jì)意識(shí)的真實(shí)用戶進(jìn)行全面測(cè)試。此外，還可以向普通觀眾進(jìn)行測(cè)試，因?yàn)樗鼈冋悄獎(jiǎng)?chuàng)造的。

6、優(yōu)化原則

如果您希望保持視差滾動(dòng)對(duì)您的網(wǎng)站有重大貢獻(xiàn)，則要對(duì)您的視差滾動(dòng)優(yōu)化，為用戶提供流暢、快速的瀏覽體驗(yàn)。

7、不在移動(dòng)設(shè)備上使用

視差滾動(dòng)不適用于移動(dòng)設(shè)備。平板電腦確實(shí)在某種程度上支持它，但手機(jī)不支持。對(duì)于移動(dòng)網(wǎng)站，僅保留必要的裸露設(shè)計(jì)元素即可。

目前這種視差滾動(dòng)效果被越來(lái)越多的國(guó)外網(wǎng)站所應(yīng)用， 成為網(wǎng)頁(yè)設(shè)計(jì)的熱點(diǎn)趨勢(shì)。通過(guò)一個(gè)很長(zhǎng)的網(wǎng)頁(yè)頁(yè)面，其中利用一些令人驚嘆的插圖和圖形，并使用視差滾動(dòng)（Parallax Scrolling）效果，讓多層背景以不同的速度移動(dòng)，形成立體的運(yùn)動(dòng)效果，帶來(lái)非常出色的視覺體驗(yàn)。完美的展示了一個(gè)復(fù)雜的過(guò)程，讓你猶如置身其中。厭倦了千篇一律，呆板網(wǎng)頁(yè)設(shè)計(jì)的你不妨一試。

更多相關(guān)信息，歡迎您咨詢凡度建站！全國(guó)服務(wù)熱線：010-51668909