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

2011年網(wǎng)頁(yè)設(shè)計(jì)發(fā)展趨勢(shì)

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

  先來(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

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