如果可以重新設(shè)計自己喜愛的網(wǎng)站，你會怎么做？ // 案例
時間：2023-05-16 12:27:02 | 來源：網(wǎng)站運(yùn)營
時間：2023-05-16 12:27:02 來源：網(wǎng)站運(yùn)營
如果可以重新設(shè)計自己喜愛的網(wǎng)站，你會怎么做？ // 案例：作為一名UI/UX設(shè)計師，
重新設(shè)計已有的網(wǎng)站是超棒的練習(xí)方式～
要知道，已有的網(wǎng)站設(shè)計是經(jīng)過很多設(shè)計師共同努力的結(jié)果，如果你還能從那種
找出問題，或者
做出更好的細(xì)節(jié)處理，那就太棒了！
很多設(shè)計師都會選擇這樣做，比如下面的8個設(shè)計師就
重新設(shè)計了YouTube，LinkedIn、Trello等
網(wǎng)站。
以下是我們在Dribble上找到的
8個最喜歡的網(wǎng)站重新設(shè)計項(xiàng)目，希望能給你一些啟發(fā)。
1、CraigslistCraigslist是一家
美國分類廣告網(wǎng)站，很像國內(nèi)的閑魚，通Craigslist用戶可以搜索二手貨物，租房信息，出售或獲得想要的物品、服務(wù)，社區(qū)服務(wù)，演出等等。它的目的就是
毫不費(fèi)力地將買賣雙方聯(lián)系起來。
現(xiàn)在的網(wǎng)站版本emm……幾乎完全是
上世紀(jì)的風(fēng)格，沒有什么網(wǎng)頁設(shè)計在里面。
現(xiàn)有網(wǎng)站
▼
設(shè)計師
Kolby Duke重新設(shè)計的網(wǎng)站非常
簡約清新，淡藍(lán)色、淡黃色和粉紅色的
柔和色調(diào)更加平易近人，也更加
凸顯現(xiàn)代風(fēng)格，增加了視覺吸引力。另外她還努力
增加了動態(tài)效果，使網(wǎng)站的互動更加生動，大大
改善了用戶體驗(yàn)。
Kolby Duke重新設(shè)計版
▼
在進(jìn)行用戶研究時，Kolby發(fā)現(xiàn)很多的用戶抱怨Craigslist的信息缺乏透明度。因此，她
為每個賣家添加了客戶評價功能，客戶可以篩選出沒有客戶評分或只有五星級評分的賣家，以
幫助他們放心交易。2、IKEAIKEA宜家是眾所周知的斯堪的納維亞風(fēng)格家具品牌。已有的IKEA網(wǎng)站功能排版整潔干凈，但
整體風(fēng)格普通，和其他商業(yè)網(wǎng)站并沒有區(qū)別，
無法突出品牌特點(diǎn)。
現(xiàn)有網(wǎng)站
▼
設(shè)計師
Luke Pachytel 翻新的宜家網(wǎng)站
更加有魅力，當(dāng)用戶從上往下閱覽產(chǎn)品時，仿佛在一個個房間中閑逛，你能立即想象出這些產(chǎn)品出現(xiàn)在自己臥室或浴室的樣子。
盧克和他的團(tuán)隊希望將此想法真的應(yīng)用于宜家網(wǎng)站。他們的重新設(shè)計
強(qiáng)調(diào)了展示宜家產(chǎn)品的使用效果，而不像目前的宜家網(wǎng)站那樣整潔。
Luke Pachytel重新設(shè)計版
▼
他們還介紹了
聊天機(jī)器人的概念，它可以指導(dǎo)買家進(jìn)行購買，
增強(qiáng)用戶體驗(yàn)。通過聊天框，用戶可以享受與店內(nèi)體驗(yàn)一樣真實(shí)的售貨員服務(wù)。
3、Apple Store當(dāng)前的Apple Store首頁主要
以大圖為主，
凸顯當(dāng)季的熱門款。重點(diǎn)是突出了，但也
容易讓人忘記其他產(chǎn)品。
現(xiàn)有網(wǎng)站
▼
借鑒當(dāng)前Apple Store的風(fēng)格特點(diǎn)，設(shè)計師
Sebastiano Guerriero利用
整潔的塊式布局，使用戶閱覽時的
重點(diǎn)放在更多種的設(shè)備上。
他利用散布的多種色彩增加了網(wǎng)頁的個人風(fēng)格。Sebastiano還對這個網(wǎng)頁概念進(jìn)行了編碼，你可以在此處訪問該頁面。
Sebastiano Guerriero重新設(shè)計版
▼
4、Youtube現(xiàn)在的Youtube主頁更像一個大目錄，人們雖然能快速找到想要實(shí)用的功能，但是
互動較少，
用戶體驗(yàn)比較無聊。
現(xiàn)有網(wǎng)站
▼
每天都有數(shù)百萬人在YouTube上觀看視頻，如果這種觀看體驗(yàn)更像電影院呢？
設(shè)計師
Aurélien Salomon對YouTube的主要更改是：
引入了一個更暗的界面來模仿電影院的體驗(yàn)。默認(rèn)界面為白色，但在視頻開始播放時會逐漸變?yōu)楹谏?br>
當(dāng)用戶移動鼠標(biāo)時，將顯示視頻，設(shè)置和字幕，從而使
視頻周圍的區(qū)域更整潔。同時，他還更改了播放按鈕以跟隨播放滑塊。
Aurélien Salomon重新設(shè)計版
▼
5、TrelloTrello是一個
任務(wù)管理工具，用戶可以在網(wǎng)站上列出自己的任務(wù)清單，并編輯它們。
傳統(tǒng)的Trello網(wǎng)頁真的是一個任務(wù)管理平臺，
深藍(lán)色的主色調(diào)讓用戶覺得
嚴(yán)肅、
緊張；
交互感也不強(qiáng)，似乎只能點(diǎn)擊或滑動。
現(xiàn)有網(wǎng)站
▼
Atlassian收購Trello之后，設(shè)計師
Michal Parulski認(rèn)為現(xiàn)在是時候?qū)rello做出一些調(diào)整了。
重新設(shè)計的Trello主布局采用了新的
淺藍(lán)色，卡片看上去更
干凈，更精致。他還添加了
導(dǎo)航選項(xiàng)卡，使用戶在主視圖和日歷之間切換變得更加容易，并為每個面板分配了單獨(dú)的通用顏色以改善導(dǎo)航。
Michal Parulski重新設(shè)計版
▼
6、TwitterTwitter和微博有些類似，是美國一個
著名的社交平臺?，F(xiàn)在的頁面設(shè)計很傳統(tǒng)，
突出用戶關(guān)注人的信息，
頂部顯示常規(guī)數(shù)據(jù)。
現(xiàn)有網(wǎng)站
▼
Ramil 設(shè)計了新的
三欄式Twitter頁面，使用戶
更加專注，可以很容易地
知道應(yīng)將注意力集中在哪兒。
藍(lán)色的側(cè)邊欄(左)突出顯示個人資料的相關(guān)信息，而最寬的一欄突出顯示推文。該設(shè)計還
消除了標(biāo)題圖像，讓畫面看起來
整潔干凈。
Ramil重新設(shè)計版
▼
7、Ebayebay是美國很大的電商平臺，很像淘寶，你可以買到各種各樣的東西。
現(xiàn)在的ebay頁面
主要突出商品信息，并沒有太多的品牌形象設(shè)計，因此整個頁面顯得
老舊沒有新意。
現(xiàn)有網(wǎng)站
▼
設(shè)計師
Tintins重新設(shè)計的ebay看起來煥然一新。當(dāng)前的
主頁色彩豐富，當(dāng)用戶進(jìn)入各個產(chǎn)品頁面時，關(guān)于ebay品牌形象的提示就隱藏起來，而
產(chǎn)品的特點(diǎn)會更加突出。在Tintins的重新設(shè)計中，
ebay的核心顏色巧妙地
運(yùn)用在了圖標(biāo)，
字體甚至
搜索欄上。
Tintins重新設(shè)計版
▼
ebay產(chǎn)品頁面的編輯是由每個用戶上傳圖像創(chuàng)建的，這樣的
模塊化功能設(shè)計使用戶使用時
更加方便。之前雜亂無序的頁面變得
干凈清新，處處都被文字包圍的頁面也解放出來，
圖片和文字更加均勻。
8、LinkedinLinkedin是美國的
職場社交網(wǎng)站，已有的網(wǎng)站頁面將個人信息放在頁面上部，顯得
有些無用，畢竟大家上這里最主要的是交朋友找工作。
現(xiàn)有網(wǎng)站
▼
設(shè)計師
Barbara Morrigan重新設(shè)計的網(wǎng)頁很有
顛覆性，她
徹底改變了LinkedIn的
視覺形象，布局和用戶體驗(yàn)。
在用戶的主頁上，用戶可以通過按文章，事件，工作或聯(lián)系過濾來定制想要查看的內(nèi)容類型，職位列表也顯示得更加突出，整個畫面變得
更加有利用率。
Barbara Morrigan重新設(shè)計版
▼
總結(jié):看完這些作品，你是不是有點(diǎn)理解
重新設(shè)計網(wǎng)站的重點(diǎn)了呢？這8位設(shè)計師的作品各有千秋，但他們的目的都是一樣的——
增強(qiáng)用戶體驗(yàn)。
各位希望成為優(yōu)秀UI/UX設(shè)計師的朋友們，行動起來，去找一個你想顛覆的網(wǎng)站試試手吧～
更多關(guān)于交互設(shè)計，作品集和國外學(xué)校選擇的相關(guān)問題都可以留言或者
后臺私信或點(diǎn)擊下方加特工微信，與橘長助理1v1交流哦～ 也可以根據(jù)你的個人情況幫你分析一下。
持續(xù)關(guān)注，下期更精彩！
在線咨詢