|
|
|
| [組圖]如何在網(wǎng)頁(yè)設(shè)計(jì)中玩轉(zhuǎn)視差特效？ |
|
5、營(yíng)造視覺奇觀
Madwell
Seattle Space Needle
視差特效最重要的用途之一，是營(yíng)造獨(dú)特的、擬真的視覺奇觀。設(shè)計(jì)師通過合理的素材搭配，借助動(dòng)效和不同的設(shè)計(jì)技巧，來創(chuàng)造逼真、有趣的視覺體驗(yàn)。
越來越成熟的3D設(shè)計(jì)讓卡通和接近現(xiàn)實(shí)的設(shè)計(jì)元素的設(shè)計(jì)成本變得低廉，像上面 Madwell 這個(gè)網(wǎng)頁(yè)，這些風(fēng)格接近卡通，但是視覺效果和形式感都極為突出的元素，在視差動(dòng)效下產(chǎn)生了類似VR的視覺體驗(yàn)。
而 Seattle Space Needle 的視差特效則采用的是更為經(jīng)典的設(shè)計(jì)，當(dāng)用戶在瀏覽的時(shí)候會(huì)因?yàn)樵亻g不同的運(yùn)動(dòng)速度而產(chǎn)生擬真的瀏覽體驗(yàn)。不過，這個(gè)網(wǎng)站的獨(dú)特之處在于，它是從下往上瀏覽的，非常有意思。當(dāng)用戶通過網(wǎng)站的不同區(qū)塊到達(dá)頂端的餐廳區(qū)域的時(shí)候，會(huì)感受到這個(gè)餐廳所處的位置之高，城市的天際線和CTA元素結(jié)合到一起，讓你不會(huì)錯(cuò)過關(guān)鍵的信息。這樣的設(shè)計(jì)是教育性的，也是冒險(xiǎn)的，但是它確實(shí)創(chuàng)造了前所未有的體驗(yàn)，令人難忘。
視差特效確實(shí)是時(shí)髦而又有趣的，但是正如我們無數(shù)次評(píng)價(jià)設(shè)計(jì)趨勢(shì)的時(shí)候所說的：它并不一定適合每個(gè)項(xiàng)目。當(dāng)你在構(gòu)思網(wǎng)站設(shè)計(jì)的時(shí)候，還是要事先了解你的用戶和他們的偏好，通過小范圍的測(cè)試和跟蹤分析，了解你的策略是否是有效的。當(dāng)你發(fā)現(xiàn)視差特效有著不錯(cuò)的效果之時(shí)，well，不妨拿來做點(diǎn)有趣的東西。
上一頁(yè) [1] [2] [3] [4] [5] |
|
|
您現(xiàn)在的位置： 
