|
紅色絕對經(jīng)典，如果配色做得好給人的視覺沖擊就更……上面的網(wǎng)站獨(dú)特的紅色和易友好的文字設(shè)計讓人不得不為之折服。
3. 移動互聯(lián)網(wǎng)時代的到來
智能手機(jī)，ipad和上網(wǎng)本隨處可見，OMG，2011年這個現(xiàn)在將會更加明顯。這意味著你的設(shè)計需要考慮更多的設(shè)備。
創(chuàng)建適合移動設(shè)備的網(wǎng)站不是簡單地在原有的設(shè)計去掉華麗的元素，那將會是沒有靈魂的設(shè)計。盡管在原有的設(shè)計再設(shè)計一個支持移動設(shè)備網(wǎng)站是件痛苦的事情。幸運(yùn)的是，新的技術(shù)讓一切變得更簡單。
在使用CSS3的情況下，設(shè)計移動網(wǎng)頁方便多了。最重要的是你可以修改一個CSS文件完成整個網(wǎng)站修改以符合用戶使用不同設(shè)備進(jìn)行瀏覽網(wǎng)頁。
你也可以設(shè)計一個移動設(shè)備專屬的網(wǎng)站，但相信那個網(wǎng)站不久還是要改版的，以現(xiàn)在科技產(chǎn)品的發(fā)展速度來看。越來越多的移動網(wǎng)站包括原始網(wǎng)站的瀏覽選項(xiàng)。如果你不提供這個選項(xiàng)或者你的原始網(wǎng)站沒有針對移動網(wǎng)絡(luò)標(biāo)準(zhǔn)優(yōu)化，那你并未準(zhǔn)備好迎接移動互聯(lián)網(wǎng)時代的到來。據(jù)相關(guān)預(yù)測，智能手機(jī)銷量將會超越個人PC。趕快準(zhǔn)備好，迎接移動設(shè)備大軍的來臨。
4. Parallax Scrolling
先來解釋下Parallax Scrolling，Parallax scrolling 是讓多層背景以不同的速度移動，形成運(yùn)動視差 3D 效果，雖然純屬視覺效果，但在內(nèi)容滾動時形成的視覺體驗(yàn)仍然非常出色。2011年的網(wǎng)頁設(shè)計趨勢熱點(diǎn)就是要創(chuàng)造這樣的深度視覺效果。Parallax Scrolling可以通過一些簡單的CSS技巧或jQuery插件來實(shí)現(xiàn)（示范站點(diǎn)：站點(diǎn)1 站點(diǎn)2）。Parallax scrolling運(yùn)用于網(wǎng)頁設(shè)計的次要元素中可以起到很好的效果：如header、footer或者背景。不過最好不要運(yùn)用于網(wǎng)站導(dǎo)航，那顯得有點(diǎn)不倫不類。
Old Pulteney Row to the Pole 在網(wǎng)站背景使用了Parallax Scrolling特效，打開該網(wǎng)站然后往下拉即可看到效果。
出處：藍(lán)色理想
責(zé)任編輯：bluehearts
上一頁 2011年網(wǎng)頁設(shè)計發(fā)展趨勢 [1] 下一頁 2011年網(wǎng)頁設(shè)計發(fā)展趨勢 [3]
◎進(jìn)入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 2 頁 2011年網(wǎng)頁設(shè)計發(fā)展趨勢 [2]
