全速×飛凡汽車?|?App視覺升級，探索煥新飛凡視界
社會經濟快速增長，中國汽車產業也在不斷創新升級，科技前沿的產品設計、周到的門店選購服務、舒適的駕乘體驗對于眾多汽車品牌來說已是標配，越來越多的汽車品牌開始追求更加極致的用戶體驗。在移動互聯網賦能萬物的今天，用戶在選購汽車前更傾向于通過網絡收集汽車信息，幫助自己進行購買決策。針對此用戶需求，各大汽車品牌不斷優化其App，幫助消費者足不出戶，動動手指就可以享受到看車、選車、買車全鏈路服務。在汽車App的設計與開發中，成功的視覺設計可以直觀地向用戶傳達公司文化底蘊以及可信賴的品牌價值。那如何通過視覺呈現來優化用戶體驗？UI設計的成功密碼又是什么？話不多說，一起來看看全速在“飛凡汽車App視覺煥新”案例中的探索與創新。
全速×飛凡汽車App視覺升級案例
飛凡汽車是一家由世界500強上汽集團打造的用戶導向的數據驅動型汽車科技公司，以“持續不斷地用科技兌現人類對智能出行的想象”為品牌愿景及使命，致力于打造高階智能純電移動空間。在此之前，飛凡汽車已推出自己的App，但為了順應其業務等方面的發展、持續為客戶提供最佳的使用體驗，需要對其App進行全新的視覺升級，從而煥發品牌活力。
根據品牌網頁UI應用展示、品牌App UI應用展示、標準色以及品牌原有風格，我們對視覺風格進行探索創新，完成設計方案的輸出。
設計風格：透氣、時尚、年輕
①運用線性Icon和大圓角的CTA按鈕，給人一種時尚、年輕的感覺。
②通過足夠寬松的間距設置，來營造透氣感，有效控制信息密度，提升設計感。
③結合多色多樣的配圖，使整體的設計風格更年輕、更有活力。
開屏頁面
整體背景顏色改為灰藍色，以適應整體APP改版的色調要求，將Logo置于中上方，加入英文Slogan，結合動效設計，體現空間感和品質感。
探索頁面
①將Banner放大處理，去除圓角，增加毛玻璃效果，顯得更加潮流、科技。
②新增快速入口組件，使用雙色線性圖標，避免頁面純圖組件展示。
社區頁面
①Banner樣式保持統一，增加了雙列信息流的間距，營造透氣感。
②制定了用戶上傳圖片審核規范，保證圖片的展示效果。
“探索”、“社區”頁面展示
愛車頁面
①將非核心CTA按鈕下放到二級頁面，降低展廳首頁的信息密度，最大化顯示圖片效果。
②優化頁面的tab切換效果。
③將白色不透明CTA按鈕改成毛玻璃效果。
商城頁面
①增加留白使頁面更具呼吸感，添加橫版瀏覽模塊，不僅增加頁面利用率還增加了組件多樣性。
②對商品圖片進行新的規范，保證頁面的統一性。
③調整優化了圖片組件各個字段的層級關系和親密性，并用橙色凸顯價格，提高視覺權重。
“愛車”、“商城”頁面展示
我的頁面
①去除云端背景，以符合品牌規范。
②對信息進行分類分區，宮格布局。
③整體背景顏色改為淺藍色，會員積分卡片改為淺色卡片，配合橙色文字做突出，“簽到”部分重點顯示用戶是否簽到，信息更易被理解和閱讀；對信息進行分類分區，突出圖標弱化文字，信息內容一目了然。
“我的”頁面展示
更多頁面展示
感興趣的小伙伴們，歡迎進入應用商店搜索“飛凡汽車”App進行下載，注冊登入后即可體驗。
汽車App的設計，對促進汽車行業的發展，以及最大化程度滿足用戶需求，都起到了重要的作用。希望飛凡汽車App此次視覺煥新，能夠通過更精致的細節、更清爽的頁面、符合品牌特色的設計風格，給客戶帶來全新的視覺體驗。
項目負責
UI設計：用戶體驗設計部
文中圖片及版權信息歸非凡汽車所有
該文章為原創文章，如需轉載請聯系我們
轉載請在文章開頭和結尾顯眼處標注：作者、出處和鏈接。不按規范轉載侵權必究。
未經授權嚴禁轉載，授權事宜請聯系作者本人，侵權必究。
本文禁止轉載，侵權必究。
授權事宜請至數英微信公眾號(ID: digitaling) 后臺授權，侵權必究。
評論
評論
推薦評論
暫無評論哦，快來評論一下吧！
全部評論（0條）