在這個業余項目上埋頭苦干了將近一個月,結果還算令人滿意,現在我可以簡短的向大家介紹一下此款設計練習。
在開始閱讀之前,推薦看一下Behance(妹子們注意了,作者超帥的)上的相關圖集,這樣就能對我的作品有較為整體的了解。
回顧設計生涯,幾乎和重設計緊密相關,4年前我完成了捷克沃達豐官網的重設計。那個項目算是一次設計定位。這幾年我一直在想,要再積累點設計經驗,有機會再進行一次重設計。
推薦閱讀
要改版了嗎?來看看這15例優秀的重設計
推薦!《暗影之劍》游戲官網設計經驗分享
網頁能有多酷?游戲官網告訴你!
如果你有充足的時間,放松的狀態,那么非常適合在業余時間做一些項目練習。我一般做一些概念設計,或者重設計一些流行的網站作為個人練習。我曾經以Nokia.com,?TechCrunch?和Adobe.com為對象做過重設計練習。每一次開始練習之前,都力求充分展現個人的技巧、想法、觀點。但說實話,最后的結果僅僅是小修小補,沒有翻天覆地的變化。但是這次,大眾官網的重設計練習,我打算設計的深入一點,力圖將所有的概念整合到一起。
重設計這種項目,如果僅僅只重設計主頁,那么收效不大。最好將你的理念體系化,可以做個視頻,可以建立個Behance項目、資料頁。
好了,廢話不多說,現在開始隆重介紹大眾官網重設計練習。這是我設計生涯以來水平最棒的項目。
我設計的這個官網和大眾現在的官網完全不同。我重新設計了網站的導航以及各個頁面。加入了很多動效以確保頁面的趣味性。
簡略的說一下這次重設計練習中,我比較注重的幾個方面。
主頁以及主導航
主頁設計
主頁的風格圍繞一張精美的產品圖片打造,干脆、整潔的標題,力求簡短的描述。簡約的頁面,提供的信息量卻很充足。其實很多大公司網站的問題就在于廣告泛濫,長篇大論太多。最近非常流行使用視頻作為主頁面的背景。嗯,這個方法確實不錯,我們也準備了視頻作為備選方案。
主導航固定在底部,這樣無論怎么滾動頁面,導航都能一直相隨。而且當你進入了頁面,導航的內容也會隨之改變,導航中的選項會根據頁面而改變。但是不同頁面中均可以通過點擊“三直線圖標”來回到主頁
汽車模型選擇
其實這個頁面就是一個覆蓋整頁的下拉頁面。VW的官網中忽略了重要的一點——信息的過濾。這里設計了信息過濾功能,通過信息過濾功能,可以通過車型、價格、馬力來分類挑選。
產品細節頁
大而美的照片,垂直視差滾動,充滿了美感與細節。使用了合理的頁面布局,加入了一些留白和動效。可以通過?Behance project?查看。
評價和企業榮譽頁面
首先要解決的問題是,怎么轉至評價和榮譽頁面。這里使用了上拉式 成列的icon菜單,非常簡潔。
值得一提的是評價頁面,將用戶的實際經歷與產品結合,講述出一個個妙趣橫生的故事,起到了很好的引導作用。然后對評估頁面、榮譽頁面和“為何選擇大眾”這三個頁面的布局做出了精心的調整。
試駕頁面
我設身處地的將自己比作那些有購買汽車打算、想進一步試駕的用戶。設計出了這個試駕頁面。
試駕請求是設計的最后一個頁面。在瀏覽“為何選擇大眾”和“汽車模型”頁面時,如果你想親身體驗一下大眾汽車,只需要點擊一下此按鈕,就能彈出一個地圖。
瀏覽器會自動對你所在的未知進行定位,然后只需完成最后一步——移動大頭針,選擇提車的場地。然后填寫聯系信息,確定好試駕時間。
這個頁面我作的非常簡單,而且提供了非常便利用戶的信息。首先,沒人愿意跑大老遠去試駕一輛車,如果附近就能提供試駕,那就再好不過了,這里就通過這個頁面來告訴用戶,最近哪里有試駕點。其次,聯系信息做的簡單,用戶填寫也快。從體驗的角度來講,試駕是一種享受,所以要讓用戶感受到方便,讓用戶感覺這車仿佛已經屬于他了。這就是我想要表達的概念。
其他的細節和補充:
第一個階段的工作收尾,算是完成了這個項目,雖然和以前的工作比已經非常棒了。但是我希望下一次做業余項目還能夠有所提高。這一次我記錄出了一些設計中的不足之處,以期下次改正。
- 關于大眾 ( 招聘, 領導層頁面)
- 大眾新聞 頁面
- 用戶俱樂部頁面
除了愛好之外,做本項目的原因
不是為了在Dribbble,Behance和Twitter上吸粉,我很實際,更主要的是這個項目能夠幫我吸引客戶。
設計師太需要表達自我了,通過這個項目我表現了自己的能力,告訴客戶我可以做到什么程度,會什么技能,擅長什么風格。不求出名,只求實際!本項目的設計過程中,我感受到了設計的樂趣,通過一系列的理念實踐和設計方法,同時也強化了自身基礎。
設計師:Ale? Ne?et?il? 于布拉格,捷克
原文地址:medium.com
Behance地址:behance.net
優設網翻譯:@MartinRGB
本文由優設網原創翻譯,轉摘請注明優設網譯文出處,謝謝各位小編。
================關于優設網================
"優設網uisdc.com"是一個分享網頁設計、無線端設計以及PS教程的干貨網站。
【特色推薦】
PS禮儀手冊:網頁設計師必須修煉的內功技法,更是不可或缺的WEB設計指南http://hao.uisdc.com/ps/。
設計微博:擁有粉絲量61萬的人氣微博@優秀網頁設計 ,歡迎關注獲取網頁設計資源、下載頂尖設計素材。
設計導航:全球頂尖設計網站推薦,設計師必備導航:http://hao.uisdc.com
———————————————————–
想在手機上、被窩里獲取設計教程、經驗分享和各種意想不到的"福利"嗎?
添加 優秀網頁設計 微信號:【youshege】優設哥的全拼
您也可以通過掃描下方二維碼快速添加:
復制本文鏈接 文章為作者獨立觀點不代表優設網立場,未經允許不得轉載。
發評論!每天贏獎品
點擊 登錄 后,在評論區留言,系統會隨機派送獎品
2012年成立至今,是國內備受歡迎的設計師平臺,提供獎品贊助 聯系我們
AI輔助海報設計101例
已累計誕生 737 位幸運星
發表評論
↓ 下方為您推薦了一些精彩有趣的文章熱評 ↓