近來(lai)網(wang)頁(ye)設計界中十分流行的(de)滾屏(ping)式網(wang)站，感受下(xia)。

利用(yong)視(shi)覺差(cha)效果做出類(lei)似電影動畫之類(lei)的(de)動感效果，是(shi)滾屏式(shi)的(de)優勢(shi)之一(yi)(yi)。上(shang)面(mian)兩個(ge)案例，都是(shi)利用(yong)一(yi)(yi)些讓人驚嘆的(de)插畫，或(huo)者是(shi)一(yi)(yi)個(ge)類(lei)似故事(shi)情節的(de)畫面(mian)，讓多層背(bei)景以(yi)一(yi)(yi)定速度移動，形成一(yi)(yi)種仿立體的(de)運動效果，讓人猶如(ru)置身其中，在千篇一(yi)(yi)律的(de)規定化模板中讓人不覺眼(yan)前一(yi)(yi)亮。

一(yi)個好的(de)視覺(jue)滾(gun)(gun)動(dong)(dong)網站，可以有(you)很多不同的(de)創(chuang)意展示，這(zhe)樣的(de)創(chuang)意、創(chuang)新很容易吸引用(yong)戶(hu)留(liu)下(xia)深刻的(de)印象。那這(zhe)樣炫酷的(de)視差滾(gun)(gun)動(dong)(dong)到底是怎么(me)做(zuo)的(de)呢，告別(bie)呆板(ban)，一(yi)起試著做(zuo)出這(zhe)樣的(de)效(xiao)果吧。

在建站寶盒中挑選好模板后，在首頁中的欄目中進行添加新欄目，設置名稱以及選定滾屏類型。例如做美術培訓網站，可以從老師作品展示或者學生的作品展示入手，做一個作品展示頁面；如果做服裝商城網站，可以選一個節日活動或者特價活動，對活動內容進行具體宣傳。

選定需要的(de)畫面頁數后，接(jie)下來就是(shi)進(jin)行簡單的(de)添加(jia)模(mo)(mo)塊(kuai)系列，即(ji)將作品或者(zhe)宣(xuan)傳圖上傳，再添加(jia)模(mo)(mo)塊(kuai)中添加(jia)上文字(zi)或者(zhe)圖片(pian)模(mo)(mo)塊(kuai)。操作十(shi)分簡單，直接(jie)將模(mo)(mo)塊(kuai)類(lei)型拖拽到空白欄，拉動設置大(da)小，雙擊即(ji)可(ke)上傳圖片(pian)。

其中可(ke)以對文字(zi)的字(zi)體、大小、進入(ru)風格(ge)類型以及速(su)度等(deng)一(yi)些基礎進行(xing)設(she)置。上面(mian)的文字(zi)就是在(zai)圖畫(hua)背景下進行(xing)添(tian)加文字(zi)模板，在(zai)動畫(hua)效果中選(xuan)擇從左彈入(ru)的方(fang)式，如果文字(zi)字(zi)體類型比較特殊，可(ke)以運用起他(ta)軟件進行(xing)設(she)計，做(zuo)成動畫(hua)或者圖片形式上傳(chuan)，也會有不錯的效果。

以(yi)此類(lei)推，將(jiang)所有(you)畫面都設(she)置完后確保(bao)沒(mei)有(you)多余空白頁后進(jin)行保(bao)存(cun)，之后就是預覽效果了。下面就是一個十分簡單(dan)的以(yi)宮崎駿動漫世界(jie)為(wei)主題的繪畫展示，點(dian)擊屏(ping)幕(mu)右邊(bian)小點(dian)可(ke)以(yi)進(jin)行快速(su)切換。

還有很多類似于多層次圖片設置、鼠標經過畫面、頁面跳轉等功能，如果有好想法都可以適當用上來增加動畫效果，使用建站寶盒解鎖更多滾屏式網頁功能，做出更多好看炫酷的滾屏式網頁！

開始設計H5響應式滾屏式網頁：//szjicheng.cn/design/