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