在這個業(yè)余項目上埋頭苦干了將近一個月，結(jié)果還算令人滿意，現(xiàn)在我可以簡短的向大家介紹一下此款設(shè)計練習。

在開始閱讀之前，推薦看一下Behance（妹子們注意了，作者超帥的）上的相關(guān)圖集，這樣就能對我的作品有較為整體的了解。

回顧設(shè)計生涯，幾乎和重設(shè)計緊密相關(guān)，4年前我完成了捷克沃達豐官網(wǎng)的重設(shè)計。那個項目算是一次設(shè)計定位。這幾年我一直在想，要再積累點設(shè)計經(jīng)驗，有機會再進行一次重設(shè)計。

推薦閱讀
要改版了嗎？來看看這15例優(yōu)秀的重設(shè)計
推薦！《暗影之劍》游戲官網(wǎng)設(shè)計經(jīng)驗分享
網(wǎng)頁能有多酷？游戲官網(wǎng)告訴你！

如果你有充足的時間，放松的狀態(tài)，那么非常適合在業(yè)余時間做一些項目練習。我一般做一些概念設(shè)計，或者重設(shè)計一些流行的網(wǎng)站作為個人練習。我曾經(jīng)以Nokia.com,?TechCrunch?和Adobe.com為對象做過重設(shè)計練習。每一次開始練習之前，都力求充分展現(xiàn)個人的技巧、想法、觀點。但說實話，最后的結(jié)果僅僅是小修小補，沒有翻天覆地的變化。但是這次，大眾官網(wǎng)的重設(shè)計練習，我打算設(shè)計的深入一點，力圖將所有的概念整合到一起。

重設(shè)計這種項目，如果僅僅只重設(shè)計主頁，那么收效不大。最好將你的理念體系化，可以做個視頻，可以建立個Behance項目、資料頁。

好了，廢話不多說，現(xiàn)在開始隆重介紹大眾官網(wǎng)重設(shè)計練習。這是我設(shè)計生涯以來水平最棒的項目。

我設(shè)計的這個官網(wǎng)和大眾現(xiàn)在的官網(wǎng)完全不同。我重新設(shè)計了網(wǎng)站的導(dǎo)航以及各個頁面。加入了很多動效以確保頁面的趣味性。

簡略的說一下這次重設(shè)計練習中，我比較注重的幾個方面。

主頁以及主導(dǎo)航

主頁設(shè)計
主頁的風格圍繞一張精美的產(chǎn)品圖片打造，干脆、整潔的標題，力求簡短的描述。簡約的頁面，提供的信息量卻很充足。其實很多大公司網(wǎng)站的問題就在于廣告泛濫，長篇大論太多。最近非常流行使用視頻作為主頁面的背景。嗯，這個方法確實不錯，我們也準備了視頻作為備選方案。

主導(dǎo)航固定在底部，這樣無論怎么滾動頁面，導(dǎo)航都能一直相隨。而且當你進入了頁面，導(dǎo)航的內(nèi)容也會隨之改變，導(dǎo)航中的選項會根據(jù)頁面而改變。但是不同頁面中均可以通過點擊“三直線圖標”來回到主頁

check the video

汽車模型選擇

其實這個頁面就是一個覆蓋整頁的下拉頁面。VW的官網(wǎng)中忽略了重要的一點——信息的過濾。這里設(shè)計了信息過濾功能，通過信息過濾功能，可以通過車型、價格、馬力來分類挑選。

產(chǎn)品細節(jié)頁

大而美的照片，垂直視差滾動，充滿了美感與細節(jié)。使用了合理的頁面布局，加入了一些留白和動效。可以通過?Behance project?查看。

評價和企業(yè)榮譽頁面

首先要解決的問題是，怎么轉(zhuǎn)至評價和榮譽頁面。這里使用了上拉式 成列的icon菜單，非常簡潔。
值得一提的是評價頁面，將用戶的實際經(jīng)歷與產(chǎn)品結(jié)合，講述出一個個妙趣橫生的故事，起到了很好的引導(dǎo)作用。然后對評估頁面、榮譽頁面和“為何選擇大眾”這三個頁面的布局做出了精心的調(diào)整。

試駕頁面

我設(shè)身處地的將自己比作那些有購買汽車打算、想進一步試駕的用戶。設(shè)計出了這個試駕頁面。
試駕請求是設(shè)計的最后一個頁面。在瀏覽“為何選擇大眾”和“汽車模型”頁面時，如果你想親身體驗一下大眾汽車，只需要點擊一下此按鈕，就能彈出一個地圖。

瀏覽器會自動對你所在的未知進行定位，然后只需完成最后一步——移動大頭針，選擇提車的場地。然后填寫聯(lián)系信息，確定好試駕時間。

這個頁面我作的非常簡單，而且提供了非常便利用戶的信息。首先，沒人愿意跑大老遠去試駕一輛車，如果附近就能提供試駕，那就再好不過了，這里就通過這個頁面來告訴用戶，最近哪里有試駕點。其次，聯(lián)系信息做的簡單，用戶填寫也快。從體驗的角度來講，試駕是一種享受，所以要讓用戶感受到方便，讓用戶感覺這車仿佛已經(jīng)屬于他了。這就是我想要表達的概念。

其他的細節(jié)和補充:

第一個階段的工作收尾，算是完成了這個項目，雖然和以前的工作比已經(jīng)非常棒了。但是我希望下一次做業(yè)余項目還能夠有所提高。這一次我記錄出了一些設(shè)計中的不足之處，以期下次改正。

• 關(guān)于大眾 ( 招聘, 領(lǐng)導(dǎo)層頁面)
• 大眾新聞 頁面
• 用戶俱樂部頁面

除了愛好之外，做本項目的原因

不是為了在Dribbble,Behance和Twitter上吸粉，我很實際，更主要的是這個項目能夠幫我吸引客戶。

設(shè)計師太需要表達自我了，通過這個項目我表現(xiàn)了自己的能力，告訴客戶我可以做到什么程度，會什么技能，擅長什么風格。不求出名，只求實際！本項目的設(shè)計過程中，我感受到了設(shè)計的樂趣，通過一系列的理念實踐和設(shè)計方法，同時也強化了自身基礎(chǔ)。

設(shè)計師：Ale? Ne?et?il? 于布拉格，捷克
 
原文地址：medium.com
Behance地址：behance.net
優(yōu)設(shè)網(wǎng)翻譯：@MartinRGB
本文由優(yōu)設(shè)網(wǎng)原創(chuàng)翻譯，轉(zhuǎn)摘請注明優(yōu)設(shè)網(wǎng)譯文出處，謝謝各位小編。

 
================關(guān)于優(yōu)設(shè)網(wǎng)================
"優(yōu)設(shè)網(wǎng)uisdc.com"是一個分享網(wǎng)頁設(shè)計、無線端設(shè)計以及PS教程的干貨網(wǎng)站。
【特色推薦】
PS禮儀手冊：網(wǎng)頁設(shè)計師必須修煉的內(nèi)功技法，更是不可或缺的WEB設(shè)計指南http://hao.uisdc.com/ps/。
設(shè)計微博：擁有粉絲量61萬的人氣微博@優(yōu)秀網(wǎng)頁設(shè)計 ，歡迎關(guān)注獲取網(wǎng)頁設(shè)計資源、下載頂尖設(shè)計素材。
設(shè)計導(dǎo)航：全球頂尖設(shè)計網(wǎng)站推薦，設(shè)計師必備導(dǎo)航：http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設(shè)計教程、經(jīng)驗分享和各種意想不到的"福利"嗎？
添加 優(yōu)秀網(wǎng)頁設(shè)計 微信號：【youshege】優(yōu)設(shè)哥的全拼
您也可以通過掃描下方二維碼快速添加：