奧迪HMI設計分析

Audi Q7 - HMI 分析

Audi Q7 - HMI and INFOTAINMEN ,它主要通過中控的touch板與物理按鍵操作結合進行控制,顯示器放在中控前上方,最大程度減少用戶低頭查看顯示器的頻率,同時控制區域(touch板與物理操作按鍵)在駕駛員的右手下方,最大程度降低用戶使用成本,有利提高駕駛安全性。

Audi Q7 - HMI and INFOTAINMEN ,支持雙系統雙機互聯。

車內實現跨屏共享。

Audi Q7 - HMI and INFOTAINMEN的界面風格設計主要擬物化設計,效果處理主要以外發光與金屬質感處理為主,顏色主要以深藍色為基調,湖藍色作為交互提示顏色,界面科技感十足。

Audi Q7 - 騰訊視頻 https://v.qq.com/x/page/k03673bgxqk.html

Audi A8 HMI 分析

Audi A8的界面風格設計主要擬物化設計,效果處理主要以外發光與金屬質感處理為主,顏色主要以深藍色為基調,湖藍色與橙色外發光作為交互提示顏色,界面科技感十足;界面豐富,但是產品一致性有所欠缺。

Audi A8的顏色搭配,以深灰色為底色,紅色與藍色為交互提示顏色,淺藍色作為輔色。

Audi HMI Concept - CES 2016

Audi HMI Concept - CES 2016,它的亮點,跨屏分享,第一:車內多屏共享,第二:車內屏幕與其它移動終端實現信息共享。

Audi HMI Concept - CES 2016,它的界面風格偏向扁平化設計,主界面設計應用3維處理手法,界面效果主要應用精緻線形圖形與外發光處理,界面顯得更加炫酷,顏色搭配沿用Q7/A8配色方案,品牌形象更加明顯。

深灰色為底色,藍色作為交互提示顏色,淺藍色作為輔助顏色。

Audi HMI Concept - CES 2016 - 騰訊視頻 https://v.qq.com/x/page/g0367ddyw8h.html

Audi Q8 HMI 分析

2018 Audi Q8 HMI 的界面風格,扁平化設計;以模糊圖片作為背景或深灰色為底色,以紅色、藍色作為交互提示顏色;

Audi Q8 - 騰訊視頻 https://v.qq.com/x/page/p0367q2foe7.html

總結

顏色應用對比

Audi顏色應用主要有兩套配色方案:第一,以深藍色為基調,湖藍色作為交互提示顏色,淺藍色作為輔助顏色;第二,深灰色為底色,以紅色、藍色作為交互提示顏色。 Audi Q7與Audi HMI Concept - CES 2016配色方案更加接近 ,Audi A8 與Audi Q8配色方案更加接近。

界面風格對比

由擬物化設計的Audi Q7與Audi A8發展到扁平化Audi HMI Concept - CES 2016與AUDI Q8,視覺逐漸化繁為簡,去掉多餘裝飾作用,回歸設計本質,以用戶為中心,以信息有效傳達為導向,最大程度減少佔用 駕駛員的視覺成本。在交互設計方面下功夫,重視交互動效設計,通過交互設計與交互動效,有效地引導用戶,避免界面信息堆積而造成界面複雜,降低用戶使用產品與學習成本,重塑非凡的用戶體驗。

儀錶盤設計對比

Andi Q7與Audi A8的儀錶盤設計都是傳統擬物化設計,Audi HMI Concept - CES 2016與Audi Q8使用三維設計處理形式,界面更加獨特。Audi HMI Concept - CES 2016應用光影效果進行處理,界面非常炫酷,科技感十足;Audi Q8通過扁平化設計,有效地把儀錶信息通過獨特形式呈現給駕駛員,簡單大方,生動有趣,注重交互體驗感。

了解更多pursuer | 中國領先用戶體驗設計公司 【官網】


推薦閱讀:

交互設計基本功,精簡參考大全
超贊!UX寫手必備技能
從寧靜技術(Calm Technology)談界面的發展趨勢
關於交互設計原則的總結
一個文本框引發的思考

TAG:用戶體驗設計 | 交互設計 | 用戶界面設計 |