視差滾動(dòng)(Parallax Scrolling)是指讓多層背景以不同的速度移動(dòng),形成立體的運(yùn)動(dòng)效果,帶來(lái)非常出色的視覺(jué)體驗(yàn)。作為今年網(wǎng)頁(yè)設(shè)計(jì)的熱點(diǎn)趨勢(shì),越來(lái)越多的網(wǎng)站應(yīng)用了這項(xiàng)技術(shù)。
什么是視差滾動(dòng)?
視差效果,原本是一個(gè)天文學(xué)術(shù)語(yǔ),當(dāng)我們觀察星空時(shí),離我們遠(yuǎn)的星星移動(dòng)速度較慢,離我們近的星星移動(dòng)速度則較快。當(dāng)我們坐在車(chē)上向車(chē)窗外 看時(shí),也會(huì)有這樣的感覺(jué),遠(yuǎn)處的群山似乎沒(méi)有在動(dòng),而近處的稻田卻在飛速掠過(guò)。許多游戲中都使用視差效果來(lái)增加場(chǎng)景的立體感。說(shuō)的簡(jiǎn)單點(diǎn)就是網(wǎng)頁(yè)內(nèi)的元素在滾動(dòng)屏幕時(shí)發(fā)生的位置的變化,然而各個(gè)不同的元素位置變化的速度不同,導(dǎo)致網(wǎng)頁(yè)內(nèi)的元素有層次錯(cuò)落的錯(cuò)覺(jué),這和我們?nèi)梭w的眼球效果很像。我看到多家產(chǎn)品商用視差滾動(dòng)效果來(lái)展示產(chǎn)品,從不同的空間角度和用戶體驗(yàn),起到了非常不錯(cuò)的效果。
目前這種視差滾動(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)非常出色的視覺(jué)體驗(yàn)。完美的展示了一個(gè)復(fù)雜的過(guò)程,讓你猶如置身其中。厭倦了千篇一律,呆板網(wǎng)頁(yè)設(shè)計(jì)的你不妨一試。
Baylie WordPress Theme
Broken Twill
theQ camera
Betty and Betty
Scytale
Srgint
Cyclemon
Sojourn Network
This is Now
隨機(jī)推薦
- 網(wǎng)頁(yè)設(shè)計(jì) | 2017-04-17
- 網(wǎng)頁(yè)設(shè)計(jì) | 2013-03-26
- 網(wǎng)頁(yè)設(shè)計(jì) | 2024-06-19
- 網(wǎng)頁(yè)設(shè)計(jì) | 2014-12-02
- 網(wǎng)頁(yè)設(shè)計(jì) | 2008-01-22
- 網(wǎng)頁(yè)設(shè)計(jì) | 2020-11-09





























