亚洲精品一二区_亚洲国产一区二区A毛片_亚洲一区二区三区少妇_欧美一区二区精品久久久_久久久久狠狠夜夜躁

幾個著名網(wǎng)站重新設計經(jīng)典案例
時間:2014年09月06日 內(nèi)容來源: 互諾科技 瀏覽量:0

網(wǎng)站的重新設計可能會為它的成長和發(fā)展帶來新的契機。隨著時間的推移,網(wǎng)站的訪問者變了,而網(wǎng)站本身也有必要隨之進化。它并不一定非得和過去一樣,你可以隨著網(wǎng)站設計的趨勢重新構(gòu)建它。

當你重新設計網(wǎng)站的時候,功能實現(xiàn)與用戶體驗是你需要考慮的首要因素。以下的十個重設案例中,包括了著名的社交網(wǎng)站Facebook,搜索巨頭Google,視頻巨擘Youtube,以及權威的影視評分網(wǎng)站IMDB。看看這些案例,再點擊每張圖片上方的鏈接訪問原始網(wǎng)頁,你可以對比以下它們的差異。琢磨一下為什么這些重設是成功的,你可能會從中受益匪淺。

Top 10:Amazon

這一設計稿出自設計師James Cipriano之手,并且發(fā)布在Dribbble上。James強化了Amazon的標識色黃色,并應用到側(cè)邊欄上。而主體部分的產(chǎn)品圖則比目前的Amazon地設定更清晰規(guī)整。右上角的個人信息用圓形的頭像替代了,而這正是目前最流行的表現(xiàn)形式。原始的Amazon網(wǎng)站戳這里。

James Cipriano對Amazon的重新設計

網(wǎng)站設計 Google 社交網(wǎng)站 Amazon

Top 9:IMDB

設計師Vladimir Kudinov在自己的Behance頁面中發(fā)布了這一設計作品。原始的IMDB首頁設計來的更傳統(tǒng),而Vladimir的設計則采用了圖片拼貼的方式來呈現(xiàn),大小錯落的照片圍繞著純色底的文字選框,充滿了視覺沖擊力。原始的IMDB網(wǎng)站戳這里(需要翻墻)。

Vladimir Kudinov對IMDB的重新設計

網(wǎng)站設計 Google 社交網(wǎng)站 Amazon

Top 8:Google

這一重設作品同樣發(fā)布在Behance上面,作者是Ayman Shaltoni。Ayman的設計非常有特色,Google的Logo字體從襯線體替換成了更現(xiàn)代的非襯線體,原本清新的糖果色被更加復古的色調(diào)所替代。可能是受到了古老的Mac OS 8.5的啟發(fā),原本置于頂端的導航欄被移動到下方,并且可以像抽屜一樣打開,這可能是這一重設最為亮眼的地方。原始的Google網(wǎng)站戳這里

Ayman Shaltoni對Google的重新設計

網(wǎng)站設計 Google 社交網(wǎng)站 Amazon

Top 7:BBC

Micheal Coyle也認為圖片是最抓人眼球的。他重新設計BBC的首頁的時候同樣選擇了將圖片作為呈現(xiàn)的主體,去除大量的文字堆砌,更加直觀。左側(cè)的側(cè)邊欄替代原本BBC網(wǎng)站上各個區(qū)塊的標題,整合度更高。原始的BBC網(wǎng)站戳這里。

Michael Coyle對BBC的重新設計

網(wǎng)站設計 Google 社交網(wǎng)站 Amazon

Top 6:Twitter

Zsolt所設計的Twitter網(wǎng)站采用了獨特的分欄設計。有研究表明正常人閱讀的時候,一眼只能看到幾個字,這也是為什么報紙的排版中每一欄的寬度都不大。而Zsolt的設計與此不謀而合。另外,Zsolt的twitter頁面的信息維度也更加的扁平,頁面可以向左滑動,看到更多的欄目,也可以向下滾動,閱讀更多的回復。原始的twitter網(wǎng)頁戳這里(需要翻墻)。

Zsolt Hutvagner對Twitter的重新設計

網(wǎng)站設計 Google 社交網(wǎng)站 Amazon