想要炫酷的滾屏式網(wǎng)站？這還不容易……

近來(lái)網(wǎng)頁(yè)設(shè)計(jì)界中十分流行的滾屏式網(wǎng)站，感受下。

利用視覺(jué)差效果做出類似電影動(dòng)畫(huà)之類的動(dòng)感效果，是滾屏式的優(yōu)勢(shì)之一。上面兩個(gè)案例，都是利用一些讓人驚嘆的插畫(huà)，或者是一個(gè)類似故事情節(jié)的畫(huà)面，讓多層背景以一定速度移動(dòng)，形成一種仿立體的運(yùn)動(dòng)效果，讓人猶如置身其中，在千篇一律的規(guī)定化模板中讓人不覺(jué)眼前一亮。

一個(gè)好的視覺(jué)滾動(dòng)網(wǎng)站，可以有很多不同的創(chuàng)意展示，這樣的創(chuàng)意、創(chuàng)新很容易吸引用戶留下深刻的印象。那這樣炫酷的視差滾動(dòng)到底是怎么做的呢，告別呆板，一起試著做出這樣的效果吧。

在建站寶盒中挑選好模板后，在首頁(yè)中的欄目中進(jìn)行添加新欄目，設(shè)置名稱以及選定滾屏類型。例如做美術(shù)培訓(xùn)網(wǎng)站，可以從老師作品展示或者學(xué)生的作品展示入手，做一個(gè)作品展示頁(yè)面；如果做服裝商城網(wǎng)站，可以選一個(gè)節(jié)日活動(dòng)或者特價(jià)活動(dòng)，對(duì)活動(dòng)內(nèi)容進(jìn)行具體宣傳。

選定需要的畫(huà)面頁(yè)數(shù)后，接下來(lái)就是進(jìn)行簡(jiǎn)單的添加模塊系列，即將作品或者宣傳圖上傳，再添加模塊中添加上文字或者圖片模塊。操作十分簡(jiǎn)單，直接將模塊類型拖拽到空白欄，拉動(dòng)設(shè)置大小，雙擊即可上傳圖片。

其中可以對(duì)文字的字體、大小、進(jìn)入風(fēng)格類型以及速度等一些基礎(chǔ)進(jìn)行設(shè)置。上面的文字就是在圖畫(huà)背景下進(jìn)行添加文字模板，在動(dòng)畫(huà)效果中選擇從左彈入的方式，如果文字字體類型比較特殊，可以運(yùn)用起他軟件進(jìn)行設(shè)計(jì)，做成動(dòng)畫(huà)或者圖片形式上傳，也會(huì)有不錯(cuò)的效果。

以此類推，將所有畫(huà)面都設(shè)置完后確保沒(méi)有多余空白頁(yè)后進(jìn)行保存，之后就是預(yù)覽效果了。下面就是一個(gè)十分簡(jiǎn)單的以宮崎駿動(dòng)漫世界為主題的繪畫(huà)展示，點(diǎn)擊屏幕右邊小點(diǎn)可以進(jìn)行快速切換。

還有很多類似于多層次圖片設(shè)置、鼠標(biāo)經(jīng)過(guò)畫(huà)面、頁(yè)面跳轉(zhuǎn)等功能，如果有好想法都可以適當(dāng)用上來(lái)增加動(dòng)畫(huà)效果，使用建站寶盒解鎖更多滾屏式網(wǎng)頁(yè)功能，做出更多好看炫酷的滾屏式網(wǎng)頁(yè)！

開(kāi)始設(shè)計(jì)H5響應(yīng)式滾屏式網(wǎng)頁(yè)：http://www.xpj18992.com/design/