@騰訊ecd 星舊：作為未來(lái)網(wǎng)頁(yè)設(shè)計(jì)的熱點(diǎn)趨勢(shì)之一的“滾動(dòng)視差”在近年來(lái)被越來(lái)越多網(wǎng)站所采用，特殊新穎的展示模式也讓許多用戶眼前一亮。網(wǎng)絡(luò)上也如雨后春筍一般出 現(xiàn)了很多像《30個(gè)讓人興奮的視差滾動(dòng)網(wǎng)站》、《60個(gè)視差滾動(dòng)網(wǎng)站賞析》……等一系列的視差滾動(dòng)的文章，不過(guò)賞析的居多，真正指導(dǎo)設(shè)計(jì)師如何去設(shè)計(jì)，如 何去實(shí)現(xiàn)的實(shí)用型文章卻很少。于是萌發(fā)了自己寫一篇的想法，與感興趣的人共同交流下滾動(dòng)視察設(shè)計(jì)時(shí)的一些心得。
什么是滾動(dòng)視差？
視差滾動(dòng)（Parallax Scrolling）是指讓多層背景以不同的速度移動(dòng)，形成立體的運(yùn)動(dòng)效果，帶來(lái)非常出色的視覺體驗(yàn)。
視差效果，原本是一個(gè)天文學(xué)術(shù)語(yǔ)，當(dāng)我們觀察星空時(shí)，離我們遠(yuǎn)的星星移動(dòng)速度較慢，離我們近的星星移動(dòng)速度則較快。當(dāng)我們坐在車上向車窗外 看時(shí)，也會(huì)有這樣的感覺，遠(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ò)覺，這和我們?nèi)梭w的眼球效果很像。我看到多家產(chǎn)品 商用視差滾動(dòng)效果來(lái)展示產(chǎn)品，從不同的空間角度和用戶體驗(yàn)，起到了非常不錯(cuò)的效果。
看似復(fù)雜其實(shí)這個(gè)早就不是什么新鮮事兒，這種設(shè)計(jì)思路早在80年代的小霸王學(xué)習(xí)機(jī)上就見過(guò)。
在這個(gè)畫面里通過(guò)人物馬里奧、前景、背景著三個(gè)部分的移動(dòng)速率的不同來(lái)實(shí)現(xiàn)立體效果。類比網(wǎng)頁(yè)也是如此。一個(gè)滾動(dòng)視察的網(wǎng)站至少會(huì)有以下幾層 ：背景層，內(nèi)容層，貼圖層。
