pbootcms网站模板|日韩1区2区|织梦模板||网站源码|日韩1区2区|jquery建站特效-html5模板网

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(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 钢格板|镀锌钢格板|热镀锌钢格板|格栅板|钢格板|钢格栅板|热浸锌钢格板|平台钢格板|镀锌钢格栅板|热镀锌钢格栅板|平台钢格栅板|不锈钢钢格栅板 - 专业钢格板厂家 | 深圳律师咨询_深圳律师事务所_华荣【免费在线法律咨询】网 | 净化车间装修_合肥厂房无尘室设计_合肥工厂洁净工程装修公司-安徽盛世和居装饰 | 定制/定做衬衫厂家/公司-衬衫订做/订制价格/费用-北京圣达信 | 老城街小面官网_正宗重庆小面加盟技术培训_特色面馆加盟|牛肉拉面|招商加盟代理费用多少钱 | 华夏医界网_民营医疗产业信息平台_民营医院营销管理培训 | 杭州高温泵_热水泵_高温油泵|昆山奥兰克泵业制造有限公司 | 飞扬动力官网-广告公司管理软件,广告公司管理系统,喷绘写真条幅制作管理软件,广告公司ERP系统 | 杭州货架订做_组合货架公司_货位式货架_贯通式_重型仓储_工厂货架_货架销售厂家_杭州永诚货架有限公司 | TPE塑胶原料-PPA|杜邦pom工程塑料、PPSU|PCTG材料、PC/PBT价格-悦诚塑胶 | 电动葫芦|环链电动葫芦-北京凌鹰名优起重葫芦 | 山东齐鲁漆业有限公司【官网】-工业漆专业生产厂家 | 菏泽知彼网络科技有限公司 | 数控专用机床,专用机床,自动线,组合机床,动力头,自动化加工生产线,江苏海鑫机床有限公司 | 大鼠骨髓内皮祖细胞-小鼠神经元-无锡欣润生物科技有限公司 | 亳州网络公司 - 亳州网站制作 - 亳州网站建设 - 亳州易天科技 | 日本细胞免疫疗法_肿瘤免疫治疗_NK细胞疗法 - 免疫密码 | 阳光1号桔柚_无核沃柑_柑橘新品种枝条苗木批发 - 苧金网 | 中天寰创-内蒙古钢结构厂家|门式刚架|钢结构桁架|钢结构框架|包头钢结构煤棚 | 太原装修公司_山西整装家装设计_太原室内装潢软装_肖邦家居 | 发电机组|柴油发电机组-批发,上柴,玉柴,潍柴,康明斯柴油发电机厂家直销 | 南京技嘉环保科技有限公司-杀菌除臭剂|污水|垃圾|厕所|橡胶厂|化工厂|铸造厂除臭剂 | 风化石头制砂机_方解石制砂机_瓷砖石子制砂机_华盛铭厂家 | 耳模扫描仪-定制耳机设计软件-DLP打印机-asiga打印机-fitshape「飞特西普」 | PC阳光板-PC耐力板-阳光板雨棚-耐力板雨棚,厂家定制[优尼科板材] | 盘扣式脚手架-附着式升降脚手架-移动脚手架,专ye承包服务商 - 苏州安踏脚手架工程有限公司 | 黑龙江京科脑康医院-哈尔滨精神病医院哪家好_哈尔滨精神科医院排名_黑龙江精神心理病专科医院 | 贴片电容-贴片电阻-二三极管-国巨|三星|风华贴片电容代理商-深圳伟哲电子 | 影像测量仪_三坐标测量机_一键式二次元_全自动影像测量仪-广东妙机精密科技股份有限公司 | 滑板场地施工_极限运动场地设计_滑板公园建造_盐城天人极限运动场地建设有限公司 | 北京中创汇安科贸有限公司| 变频器维修公司_plc维修_伺服驱动器维修_工控机维修 - 夫唯科技 变位机,焊接变位机,焊接变位器,小型变位机,小型焊接变位机-济南上弘机电设备有限公司 | 不锈钢电动球阀_气动高压闸阀_旋塞疏水调节阀_全立阀门-来自温州工业阀门巨头企业 | 校园气象站_超声波气象站_农业气象站_雨量监测站_风途科技 | 高低温万能试验机_拉力试验机_拉伸试验机-馥勒仪器科技(上海)有限公司 | 一礼通 (www.yilitong.com)-企业礼品解决方案一站式服务平台 | 商用绞肉机-熟肉切片机-冻肉切丁机-猪肉开条机 - 广州市正盈机械设备有限公司 | 钢格栅板_钢格板网_格栅板-做专业的热镀锌钢格栅板厂家-安平县迎瑞丝网制造有限公司 | 塑料瓶罐_食品塑料瓶_保健品塑料瓶_调味品塑料瓶–东莞市富慷塑料制品有限公司 | 胶辊硫化罐_胶鞋硫化罐_硫化罐厂家-山东鑫泰鑫智能装备有限公司 意大利Frascold/富士豪压缩机_富士豪半封闭压缩机_富士豪活塞压缩机_富士豪螺杆压缩机 | 余姚生活网_余姚论坛_余姚市综合门户网站 |