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(設置字體大小) 教程,小編覺得挺不錯的,現在分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
主站蜘蛛池模板: 衬四氟_衬氟储罐_四氟储罐-无锡市氟瑞特防腐科技有限公司 | 截齿|煤截齿|采煤机截齿|掘进机截齿|旋挖截齿-山东卓力截齿厂家报价 | 【北京写字楼出租_写字楼租赁_办公室出租网/出售】-远行地产官网 | 蓄电池回收,ups电池后备电源回收,铅酸蓄电池回收,机房电源回收-广州益夫铅酸电池回收公司 | 宁夏档案密集柜,智能密集柜,电动手摇密集柜-盛隆柜业宁夏档案密集柜厂家 | 丝印油墨_水性油墨_环保油墨油漆厂家_37国际化工 | 南京雕塑制作厂家-不锈钢雕塑制作-玻璃钢雕塑制作-先登雕塑厂 | 万濠影像仪(万濠投影仪)百科-苏州林泽仪器| 昆山新莱洁净应用材料股份有限公司-卫生级蝶阀,无菌取样阀,不锈钢隔膜阀,换向阀,离心泵 | 智慧旅游_智慧景区_微景通-智慧旅游景区解决方案提供商 | 泰来华顿液氮罐,美国MVE液氮罐,自增压液氮罐,定制液氮生物容器,进口杜瓦瓶-上海京灿精密机械有限公司 | 艺术涂料_进口艺术涂料_艺术涂料加盟_艺术涂料十大品牌 -英国蒙太奇艺术涂料 | Boden齿轮油泵-ketai齿轮泵-yuken油研-无锡新立液压有限公司 | 天津市能谱科技有限公司-专业的红外光谱仪_红外测油仪_紫外测油仪_红外制样附件_傅里叶红外光谱技术生产服务厂商 | 同学聚会纪念册制作_毕业相册制作-成都顺时针宣传画册设计公司 | 河南橡胶接头厂家,河南波纹补偿器厂家,河南可曲挠橡胶软连接,河南套筒补偿器厂家-河南正大阀门 | 胀套-锁紧盘-风电锁紧盘-蛇形联轴器「厂家」-瑞安市宝德隆机械配件有限公司 | 新能源汽车电池软连接,铜铝复合膜柔性连接,电力母排-容发智能科技(无锡)有限公司 | SMN-1/SMN-A ABB抽屉开关柜触头夹紧力检测仪-SMN-B/SMN-C-上海徐吉 | 制丸机,小型中药制丸机,全自动制丸机价格-甘肃恒跃制药设备有限公司 | 列管冷凝器,刮板蒸发器,外盘管反应釜厂家-无锡曼旺化工设备有限公司 | 精密光学实验平台-红外粉末压片机模具-天津博君 | 成人纸尿裤,成人尿不湿,成人护理垫-山东康舜日用品有限公司 | CTP磁天平|小电容测量仪|阴阳极极化_双液系沸点测定仪|dsj电渗实验装置-南京桑力电子设备厂 | 金属检测机_金属分离器_检针验针机_食品药品金属检探测仪器-广东善安科技 | SEO网站优化,关键词排名优化,苏州网站推广-江苏森歌网络 | 广州企亚 - 数码直喷、白墨印花、源头厂家、透气无手感方案服务商! | 防腐木批发价格_深圳_惠州_东莞防腐木厂家_森源(深圳)防腐木有限公司 | 青岛侦探_青岛侦探事务所_青岛劝退小三_青岛调查出轨取证公司_青岛婚外情取证-青岛探真调查事务所 | 蓝牙音频分析仪-多功能-四通道-八通道音频分析仪-东莞市奥普新音频技术有限公司 | 湖南自考_湖南自学考试网| 河北码上网络科技|邯郸小程序开发|邯郸微信开发|邯郸网站建设 | 作文导航网_作文之家_满分作文_优秀作文_作文大全_作文素材_最新作文分享发布平台 | 办公室家具公司_办公家具品牌厂家_森拉堡办公家具【官网】 | 聚合甘油__盐城市飞龙油脂有限公司 | 智慧旅游_智慧景区_微景通-智慧旅游景区解决方案提供商 | 成都竞价托管_抖音代运营_网站建设_成都SEM外包-成都智网创联网络科技有限公司 | 广州展览制作工厂—[优简]直营展台制作工厂_展会搭建资质齐全 | 动库网动库商城-体育用品专卖店:羽毛球,乒乓球拍,网球,户外装备,运动鞋,运动包,运动服饰专卖店-正品运动品网上商城动库商城网 - 动库商城 | 上海公司注册-代理记账-招投标审计-上海昆仑扇财税咨询有限公司 上海冠顶工业设备有限公司-隧道炉,烘箱,UV固化机,涂装设备,高温炉,工业机器人生产厂家 | 汽车水泵_汽车水泵厂家-瑞安市骏迪汽车配件有限公司 |