2023-08-25 分類: 網(wǎng)站建設(shè)
網(wǎng)頁設(shè)計(jì)的新趨勢(shì)有一些視差的跡象,但并不完全是視差。它涉及移動(dòng)交互元素,但它又并不是動(dòng)畫。它包含大量色彩和物理元素,這種背景趨勢(shì)包括許多其他趨勢(shì)的元素,用于吸引用戶的移動(dòng)元素,并通過好的滾動(dòng)操作將他們留在網(wǎng)站上。這種帶有扭曲的新視差是吸引網(wǎng)站設(shè)計(jì)師的新熱潮。
帶有扭曲的視差是不同的,因?yàn)樗任覀冞^去看到的移動(dòng)背景趨勢(shì)更加無縫。它可以通過滾動(dòng)激活的移動(dòng)背景來識(shí)別,非常類似于視差滾動(dòng)效果。關(guān)鍵的區(qū)別在于缺少“屏幕”。滾動(dòng)創(chuàng)建一個(gè)連續(xù)和移動(dòng)的動(dòng)態(tài)流,其中背景改變顏色,包括移動(dòng)動(dòng)畫和隨屏幕移動(dòng)的元素以及其他元素移入和移出焦點(diǎn)區(qū)域。
它與我們過去看到的視差滾動(dòng)趨勢(shì)不同,因?yàn)樵匾苿?dòng)得如此無縫和平滑,以至于您看不到層之間的交互。與過去的視差相比,用戶經(jīng)??吹皆貙又g相互作用。因此,當(dāng)卷軸進(jìn)入特定位置時(shí),您的背景可能會(huì)移動(dòng)到照片上或“卡入”到位的圖層。
這種帶有扭曲風(fēng)格的視差的大設(shè)計(jì)效果是運(yùn)動(dòng)。設(shè)計(jì)師要在滾動(dòng)動(dòng)作和屏幕上的其他移動(dòng)中的動(dòng)畫和移動(dòng)效果之間創(chuàng)造微妙的平衡。過多的運(yùn)動(dòng)可能會(huì)讓人不知所措,并給用戶一種類似于暈車的感覺。平衡在于能夠同時(shí)使用動(dòng)畫效果和背景運(yùn)動(dòng)。所以你需要做的是在滾動(dòng)過程中停止所有其他移動(dòng)部件。想想右下角的小彈跳滾動(dòng)圖標(biāo)(指向手)和上面網(wǎng)站中使用的移動(dòng)類型。(轉(zhuǎn)到該站點(diǎn)以查看它的實(shí)際效果。)
現(xiàn)在開始滾動(dòng)。滾動(dòng)一點(diǎn)并停止。當(dāng)滾動(dòng)發(fā)生時(shí),所有的運(yùn)動(dòng)都會(huì)停止。(除了滾動(dòng)指令。)動(dòng)作很簡(jiǎn)單,幾乎以單一的動(dòng)作發(fā)生。但是用戶感覺完全控制了運(yùn)動(dòng),有助于避免有時(shí)因過多動(dòng)畫元素而發(fā)生的暈車感覺。
當(dāng)前題目:網(wǎng)頁設(shè)計(jì)趨勢(shì)視差效果
網(wǎng)址分享:http://jinyejixie.com/news21/278421.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供外貿(mào)建站、小程序開發(fā)、網(wǎng)頁設(shè)計(jì)公司、面包屑導(dǎo)航、品牌網(wǎng)站設(shè)計(jì)、軟件開發(fā)
聲明:本網(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í)需注明來源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容