久久久久久久av_日韩在线中文_看一级毛片视频_日本精品二区_成人深夜福利视频_武道仙尊动漫在线观看

BEHANCE上超火的大眾官網重設計

 

  在這個業余項目上埋頭苦干了將近一個月,結果還算令人滿意,現在我可以簡短的向大家介紹一下此款設計練習。

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

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

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

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

  好了,廢話不多說,現在開始隆重介紹大眾官網重設計練習。這是我設計生涯以來水平最棒的項目。

  我設計的這個官網和大眾現在的官網完全不同。我重新設計了網站的導航以及各個頁面。加入了很多動效以確保頁面的趣味性。

  簡略的說一下這次重設計練習中,我比較注重的幾個方面。

  主頁以及主導航

  主頁設計

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

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

  check the video

  汽車模型選擇

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

  產品細節頁

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

  評價和企業榮譽頁面

  首先要解決的問題是,怎么轉至評價和榮譽頁面。這里使用了上拉式 成列的icon菜單,非常簡潔。

  值得一提的是評價頁面,將用戶的實際經歷與產品結合,講述出一個個妙趣橫生的故事,起到了很好的引導作用。然后對評估頁面、榮譽頁面和“為何選擇大眾”這三個頁面的布局做出了精心的調整。

  試駕頁面

  我設身處地的將自己比作那些有購買汽車打算、想進一步試駕的用戶。設計出了這個試駕頁面。

  試駕請求是設計的最后一個頁面。在瀏覽“為何選擇大眾”和“汽車模型”頁面時,如果你想親身體驗一下大眾汽車,只需要點擊一下此按鈕,就能彈出一個地圖。

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

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

  其他的細節和補充:

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

  關于大眾 ( 招聘, 領導層頁面)

  大眾新聞 頁面

  用戶俱樂部頁面

【網站聲明】本站除付費源碼經過測試外,其他素材未做測試,不保證完整性,網站上部分源碼僅限學習交流,請勿用于商業用途。如損害你的權益請聯系客服QQ:2655101040 給予處理,謝謝支持。

相關文檔推薦

這篇文章給大家詳細介紹了HTML頁面跳轉及參數傳遞問題,需要的朋友參考下吧
這篇文章主要介紹了純css實現照片墻3D效果的示例代碼,可以實現鼠標經過圖片實現改變,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本篇文章主要介紹了純 Css 繪制扇形的方法示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
本篇文章主要介紹了一份純CSS loading效果代碼示例,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
這篇文章主要介紹了css 實現文字過長自動隱藏功能,需要的朋友可以參考下
本篇文章主要介紹了詳解CSS3 rem(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 黄色国产 | 午夜视频免费网站 | 欧美一级电影免费 | 日韩精品一区二区三区 | 国产一区二区三区在线看 | 成人午夜在线 | 欧美极品一区二区 | 91久久久久久久久 | 99久久免费观看 | 国产影音先锋 | 91在线免费视频 | 精品久久久久久亚洲综合网 | 高清成人免费视频 | 国产一区二区不卡 | 欧美一区二区三区小说 | 国产精品久久久久久久久久免费看 | 成人a在线观看 | 日本精品视频 | 91久久精品日日躁夜夜躁国产 | 亚洲毛片在线观看 | 精品视频久久久 | 国产午夜精品福利 | 一区二区精品在线 | 先锋资源站| 成人一级视频在线观看 | 国产高清美女一级a毛片久久w | 久久国产精品视频 | 一级特黄色毛片 | 亚洲精品乱码久久久久v最新版 | 免费在线观看一级毛片 | 五月婷婷丁香 | 日韩不卡在线 | 中文字幕伊人 | 亚洲成av | 91天堂网| 国产美女在线播放 | 91一区二区 | 国产精品久久久亚洲 | 国产成人福利 | 国产三区精品 | 国产欧美日韩综合精品一区二区 |