網(wǎng)頁設(shè)計趨勢視差效果

網(wǎng)頁設(shè)計的新趨勢有一些視差的跡象，但并不完全是視差。它涉及移動交互元素，但它又并不是動畫。它包含大量色彩和物理元素，這種背景趨勢包括許多其他趨勢的元素，用于吸引用戶的移動元素，并通過好的滾動操作將他們留在網(wǎng)站上。這種帶有扭曲的新視差是吸引網(wǎng)站設(shè)計師的新熱潮。

帶有扭曲的視差是不同的，因為它比我們過去看到的移動背景趨勢更加無縫。它可以通過滾動激活的移動背景來識別，非常類似于視差滾動效果。關(guān)鍵的區(qū)別在于缺少“屏幕”。滾動創(chuàng)建一個連續(xù)和移動的動態(tài)流，其中背景改變顏色，包括移動動畫和隨屏幕移動的元素以及其他元素移入和移出焦點區(qū)域。

它與我們過去看到的視差滾動趨勢不同，因為元素移動得如此無縫和平滑，以至于您看不到層之間的交互。與過去的視差相比，用戶經(jīng)常看到元素層之間相互作用。因此，當(dāng)卷軸進(jìn)入特定位置時，您的背景可能會移動到照片上或“卡入”到位的圖層。

這種帶有扭曲風(fēng)格的視差的大設(shè)計效果是運動。設(shè)計師要在滾動動作和屏幕上的其他移動中的動畫和移動效果之間創(chuàng)造微妙的平衡。過多的運動可能會讓人不知所措，并給用戶一種類似于暈車的感覺。平衡在于能夠同時使用動畫效果和背景運動。所以你需要做的是在滾動過程中停止所有其他移動部件。想想右下角的小彈跳滾動圖標(biāo)（指向手）和上面網(wǎng)站中使用的移動類型。（轉(zhuǎn)到該站點以查看它的實際效果。）

現(xiàn)在開始滾動。滾動一點并停止。當(dāng)滾動發(fā)生時，所有的運動都會停止。（除了滾動指令。）動作很簡單，幾乎以單一的動作發(fā)生。但是用戶感覺完全控制了運動，有助于避免有時因過多動畫元素而發(fā)生的暈車感覺。