中文字幕日韩精品一区二区免费_精品一区二区三区国产精品无卡在_国精品无码专区一区二区三区_国产αv三级中文在线

網(wǎng)站設(shè)計(jì)動(dòng)效介紹:視差滾動(dòng)

2023-03-21    分類: 網(wǎng)站設(shè)計(jì)

人類有很多中視覺錯(cuò)誤,最為典型的就是“小兒辯日”。其中一個(gè)小孩說(shuō)道:我認(rèn)為太陽(yáng)剛出來(lái)的時(shí)候距離我們近,到中午的時(shí)候距離我們遠(yuǎn),因?yàn)樘?yáng)剛出來(lái)的時(shí)候大,而中午的時(shí)候小。
這就是一種視覺誤差。
而3D效果就是這樣實(shí)現(xiàn)的。因?yàn)槲覀兊难坨R認(rèn)為近處的東西大而遠(yuǎn)處的東西小。3D效果的實(shí)現(xiàn)就是讓不同事物移動(dòng)速度不同,讓后景移動(dòng)慢,而前景移動(dòng)快,這就會(huì)給人眼造成前后景的錯(cuò)覺。
早在2011年開始,3D開始在電影制作中流行,這種技術(shù)也引入到網(wǎng)站設(shè)計(jì)中,設(shè)計(jì)人士將其稱之為“視差滾動(dòng)”。視差滾動(dòng)以及發(fā)展了八年時(shí)間,我們對(duì)常用的幾種視差滾動(dòng)類型進(jìn)行總結(jié)。
前慢后快
主要是應(yīng)用在圖片切換的時(shí)候,當(dāng)滾動(dòng)鼠標(biāo)的時(shí)候,兩張圖片同時(shí)移動(dòng),但是前一張移動(dòng)速度看,后一張移動(dòng)速度快,后一張覆蓋前一張完成切換。這種視差滾動(dòng),會(huì)讓切換圖片的過程更為平滑。
浮動(dòng)移動(dòng)
圖片浮動(dòng)在頁(yè)面上,當(dāng)移動(dòng)鼠標(biāo)的時(shí)候,浮動(dòng)的畫面移動(dòng)速度較快,但是背景移動(dòng)速度較慢。如果浮動(dòng)的部分,配合動(dòng)畫,會(huì)讓整個(gè)頁(yè)面極富動(dòng)感。
后動(dòng)前不動(dòng)
背景進(jìn)行移動(dòng),但是前景的圖片固定不移動(dòng),另外,背景可以在移動(dòng)的過程中進(jìn)行更換。這種設(shè)計(jì),可以產(chǎn)生“不動(dòng)若磐石”的視覺感受。
圖片文本的移動(dòng)
通過將圖片和文本疊加在一起,并使它們以不同的速度移動(dòng),當(dāng)我們滾動(dòng)時(shí),頁(yè)面似乎在不斷地變化并形成新的組合。
首尾相連
一直向下滾動(dòng)鼠標(biāo),在主頁(yè)的底部,相同類型的動(dòng)畫從早期在頁(yè)腳重復(fù)一次,使網(wǎng)站完整的圓圈。
滾動(dòng)條視差
網(wǎng)站是由幾個(gè)帶視差滾動(dòng)條組成的。每個(gè)長(zhǎng)條提供了一個(gè)不同的呼叫行動(dòng)按鈕,并擁有酒店場(chǎng)地和設(shè)施的圖像或視頻。放置在每個(gè)條帶中心的文字移動(dòng)的速度與背景照片的移動(dòng)速度略有不同,達(dá)到了一種流暢、易于觀察的效果。
如上,我們介紹了幾種常見的也是易于設(shè)計(jì)的視差滾動(dòng)。總結(jié)一下,視差滾動(dòng)可以實(shí)現(xiàn)如下幾種目的:讓平面具有3d效果,擁有了前景和后景;讓不同板塊和圖片的切換更為平滑;讓新的圖像的出現(xiàn)更具新穎性和闖入感。

網(wǎng)站名稱:網(wǎng)站設(shè)計(jì)動(dòng)效介紹:視差滾動(dòng)
本文鏈接:http://www.rwnh.cn/news/246460.html

網(wǎng)站建設(shè)、網(wǎng)絡(luò)推廣公司-創(chuàng)新互聯(lián),是專注品牌與效果的網(wǎng)站制作,網(wǎng)絡(luò)營(yíng)銷seo公司;服務(wù)項(xiàng)目有網(wǎng)站設(shè)計(jì)

廣告

聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)

小程序開發(fā)
龙州县| 富阳市| 新绛县| 云浮市| 高青县| 临沂市| 藁城市| 库尔勒市| 咸阳市| 焉耆| 嘉义县| 桦南县| 商洛市| 报价| 潞西市| 平南县| 揭阳市| 宁海县| 乌拉特中旗| 塔河县| 利津县| 积石山| 宜阳县| 雷山县| 宜君县| 贵德县| 本溪市| 都兰县| 墨脱县| 醴陵市| 时尚| 绩溪县| 灵寿县| 中宁县| 肥乡县| 读书| 六枝特区| 高陵县| 镇原县| 太湖县| 汪清县|