先來(lái)解釋下Parallax Scrolling,Parallax scrolling 是讓多層背景以不同的速度移動(dòng),形成運(yùn)動(dòng)視差 3D 效果,雖然純屬視覺(jué)效果,但在內(nèi)容滾動(dòng)時(shí)形成的視覺(jué)體驗(yàn)仍然非常出色。2011年的網(wǎng)頁(yè)設(shè)計(jì)趨勢(shì)熱點(diǎn)就是要?jiǎng)?chuàng)造這樣的深度視覺(jué)效果。Parallax Scrolling可以通過(guò)一些簡(jiǎn)單的CSS技巧或jQuery插件來(lái)實(shí)現(xiàn)(示范站點(diǎn):站點(diǎn)1 站點(diǎn)2)。Parallax scrolling運(yùn)用于網(wǎng)頁(yè)設(shè)計(jì)的次要元素中可以起到很好的效果:如header、footer或者背景。不過(guò)最好不要運(yùn)用于網(wǎng)站導(dǎo)航,那顯得有點(diǎn)不倫不類(lèi)。
Old Pulteney Row to the Pole 在網(wǎng)站背景使用了Parallax
Scrolling特效,打開(kāi)該網(wǎng)站然后往下拉即可看到效果。
5、設(shè)計(jì)需考慮更多的觸屏設(shè)備
觸屏技術(shù)應(yīng)用越來(lái)越廣泛,觸屏設(shè)備隨處可見(jiàn)。這意味著,你的導(dǎo)航設(shè)計(jì)不再只是鼠標(biāo)導(dǎo)航,你必須要要考慮你的設(shè)計(jì)適合觸屏設(shè)備。請(qǐng)問(wèn)你的設(shè)計(jì)做到指尖導(dǎo)航了嗎?
作為設(shè)計(jì)師,我們更喜歡鼠標(biāo)。當(dāng)鼠標(biāo)懸停的時(shí)候鏈接會(huì)變得高亮,然而觸屏沒(méi)有所謂的懸停。你將會(huì)在設(shè)計(jì)中如何向觸屏設(shè)備訪客展示鏈接?
同樣,如何才能做到方便你的游客仔細(xì)閱讀您的網(wǎng)站?這可能在瀏覽器標(biāo)準(zhǔn)上存在爭(zhēng)議,或者水平滾動(dòng)觸屏可能更加合適。將網(wǎng)站設(shè)計(jì)類(lèi)似于雜志的布局更有利于游客瀏覽你的網(wǎng)站。
最后,你必須考慮在你的網(wǎng)頁(yè)設(shè)計(jì)中使用流體布局(liquid
layouts)。2011年,你需要處理的重點(diǎn)不再是屏幕分辨率問(wèn)題,而是如何做到使訪客從垂直到水平閱讀你的網(wǎng)站都會(huì)清晰。你的設(shè)計(jì)必須做到靈活以應(yīng)付任何的挑戰(zhàn)。否則你將會(huì)成為過(guò)去式。
Baby sees the iPad Magic, Copyright Steve Paine, Flickr