黑光網(wǎng) 首頁 > 影樓數(shù)碼 > 設計欣賞 > 2011年網(wǎng)頁設計發(fā)展趨勢

2011年網(wǎng)頁設計發(fā)展趨勢

2011-01-13發(fā)布     轉載自:藍色理想      上傳用戶:唐菡憶
  4、Parallax Scrolling

  先來解釋下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

免責聲明: 本站部分內容、觀點、圖片、文字、視頻來自本站用戶上傳發(fā)布,如有侵犯到您的相關權益,請點擊《權利通知指引》,您可根據(jù)該指引發(fā)出權利通知書,我們將根據(jù)中國法律法規(guī)和政府規(guī)范性文件立即審核并處理。
網(wǎng)友評論
  • 亦先生
    31歲
    攝影總監(jiān)/主管/攝影師
    1萬-1.5萬
    黃先生
    30歲
    攝影師
    5千-8千+提
    木先生
    31歲
    兒童攝影師
    8千-1萬+提
    江先生
    26歲
    寫真攝影師/攝影總監(jiān)/主管/攝影師
    1萬-1.5萬
    阿先生
    30歲
    攝影師/寫真攝影師
    5千-8千+提
    林先生
    37歲
    新媒體運營/網(wǎng)絡營銷/活動策劃
    3千-6千
    王先生
    34歲
    修圖師/調色師/平面設計
    面議
    鄧先生
    40歲
    數(shù)碼總監(jiān)/主管/修圖師/商業(yè)修圖
    1萬-1.5萬
專訪螞蚱修圖工作室創(chuàng)始人
專訪螞蚱修圖工作室創(chuàng)始人
今天我們的采訪對象是修圖師螞蚱,實名尚玉超。山東德州人,現(xiàn)定居于山東煙臺…
專訪攝影師陳灝
專訪攝影師陳灝
二字開頭的年紀,有人拼盡全力追趕夢想,也有的人數(shù)著日子整天渾渾噩噩…
專訪古風攝影師玄清梓
專訪古風攝影師玄清梓
我們愛古風,愛它的獨特風情和韻味,愛它的文化底蘊和美學,更愛它經(jīng)典…
專訪修圖師火山
專訪修圖師火山
提起修圖師,大多數(shù)人腦海中可能浮現(xiàn)的是埋頭苦苦修圖的男性修圖師…
專訪攝影技術總監(jiān)徐東
專訪攝影技術總監(jiān)徐東
徐東老師身上有一種神秘的敘事:浪漫與理智并存,來回切換,游刃有余…
專訪攝影師陳曦
專訪攝影師陳曦
你能夠堅持做一件事情多久?三分鐘,三天,三個月,還是三年…
專訪攝影師阿淼
專訪攝影師阿淼
9年的從業(yè)經(jīng)驗,足以改變一個人一生的軌跡!無意間一個偶然的機會,讓阿淼老師…
專訪夏天映像團隊
專訪夏天映像團隊
長大后的我們總是懷念著童年,童年的棒冰、童年的秋千以及那時候的奇思妙想…