大家小時候是否玩過紅白機或小霸王上面的游戲？

這些游戲基本上都是通過前景與背景在場景移動時產(chǎn)生不同的視差，從而達到簡單的立體效果

所以說視差滾動不是啥新鮮事兒，我們小時候就玩過了……

目前這種視差滾動效果被越來越多的國外網(wǎng)站所應(yīng)用， 成為網(wǎng)頁設(shè)計的熱點趨勢

給它以重新定義

不過這類效果的使用也需要看具體環(huán)境和最終頁面出來的整體性能，防止頁面過于拖沓。

其次，設(shè)計上要有非常嚴密的關(guān)聯(lián)

視差滾動效果的主要特點：

1、直觀的設(shè)計，快速的響應(yīng)速度，更合適運用于單頁面

2、差異滾動 分層視差

頁面上很多的元素在相互獨立地滾動著，如果我們來對其它分層的話，可以有兩到三層 ：背景層，內(nèi)容層，貼圖層

（是否可以讓它更多呢？有沒有辦法在視覺上做到？）

差異滾動的實現(xiàn)規(guī)則：

背景層的滾動（最慢）

貼圖層（內(nèi)容層和背景層之間的元素）的滾動（次慢）

內(nèi)容層的滾動（可以和頁面的滾動速度一致）

我們讓三個圖層的滾動速度不一致，就做出了漂亮的差異滾動效果

作為設(shè)計師，你可以………

1、運用大背景

這些背景圖像一般是高分辨率，大圖，覆蓋整個網(wǎng)站。

高清照片是一個迅速抓住觀眾的好方式，可以產(chǎn)生極具沖擊力的視覺效果，用戶的視線會不自覺地落在寬大的背景上

注意：

1. 1、背景圖的色彩、內(nèi)容在選擇時要十分講究，前提是不要破壞用戶的體驗，不然再漂亮的照片也是枉然。

圖片類型最好選取趨向于一些比較柔和、略帶透明的一類，不要影響到網(wǎng)站主體內(nèi)容的閱讀，識別，講究協(xié)調(diào)。

1.2、以大量圖片為特色的頁面應(yīng)該考慮圖像的預(yù)加載問題，以便為用戶提供更好更流暢的視覺體驗。

2、你也可以用簡單的配色方案

沒有比純色的背景更直觀更簡潔。純色可以有很多種表達方式

一個視差區(qū)間內(nèi)顏色最好保持使用2到3種，我們可以調(diào)整顏色的透明度，來達到各種視覺效果

3、定位好背景層，貼圖層和內(nèi)容層之間的關(guān)系

標簽： 一淘 視覺設(shè)計 圖形設(shè)計 

版權(quán)申明：本站文章部分自網(wǎng)絡(luò)，如有侵權(quán)，請聯(lián)系：west999com@outlook.com
特別注意：本站所有轉(zhuǎn)載文章言論不代表本站觀點！
本站所提供的圖片等素材，版權(quán)歸原作者所有，如需使用，請與原作者聯(lián)系。