6000字干貨!四大章節(jié)掌握HMI車載設計指南(進階篇)
HMI車載設計成為當今的熱門行業(yè),本文通過HMI車載交互設計基礎、需求分析的要點、創(chuàng)新的交互形式和視覺設計四大章節(jié),幫你掌握HMI車載設計。
在上篇的文章中我們提到了車載設計的基礎知識,今天的這篇進階的文章我來講講HMI設計落地中交互和視覺的要點知識。
一、HMI 交互設計基礎
1. HMI 交互設計及其發(fā)展概述
2012 年以前,汽車行業(yè)最開始沒有HMI設計這樣的概念,OEM 商稱之為"Flowchat"即流程圖,2012 年以后,汽車 HMI 隨著互聯(lián)網(wǎng)大潮的推動,特別是汽車四化-電動化、網(wǎng)聯(lián)化、智能化、共享化的發(fā)展趨勢,HMI 交互設計才真正意義上有了更加專業(yè)的定位,不同時期對應的是汽車 HMI 主流交互方式的變化
2006 年以前的主流交互方式:物理按鍵
2008-2012 年的主流交互方式:物理按鍵+觸控
2012-2018 年的主流交互方式:觸控+手勢+物理按鍵+語音識別
2018-2020 年的主流交互方式:語音識別+觸控+手勢+物理按鍵
2020 年后主流交互方式:多模態(tài)交互方式(視、觸、聽、味、嗅)
2. HMI 交互設計的基礎認知
① 安全至上
和玩 APP 和 iPad 不同的是場景,駕駛員經(jīng)常是在駕駛的場景下開車,非常容易因為注意力不集中而導致事故的發(fā)生,所以設計的時候要避免過多的讓駕駛員的注意力分配到車機上,而應該更加聚集于駕駛本身,即使現(xiàn)在有的車搭載了自動駕駛技術,但是還是經(jīng)常能夠看到因為駕駛員過度讓 AI 接管駕駛而導致事故發(fā)生的新聞,期待有一天自動駕駛技術的成熟,車成為移動的第三空間,駕駛員可以做其他的事情,這時候或許我們不用再考慮 HMI 對駕駛安全的影響。
② 汽車數(shù)字座艙&顯示屏
首先我們要明確的一點是汽車數(shù)字座艙,并不僅僅指是幾塊屏幕那么簡單,而是座艙電子的全面提升,由車載娛樂系統(tǒng)、流媒體中央后視鏡、抬頭顯示 HUD、全液晶儀表、車聯(lián)網(wǎng)模塊、360 度環(huán)視、輔助安全駕駛、副駕及其后座娛樂系統(tǒng)等組成的一套完成的體系。
而車內顯示屏主要主要分為 HUD、儀表盤、中控屏+副駕駛娛樂屏、中控臺、后排娛樂屏幕、扶手屏,所以 HMI 設計師主要關注的就是這些顯示屏。
③ 常見功能使用頻率
我們將按照使用頻率和重要度這 2 個維度來劃分我們的功能,常用的功能是導航、音樂、電話;常用的控制操作是空調控制、除霧開關、倒車、充電,不常用的有:三方 APP、設置等功能,所以大家基本上看到不管是新能源車還是燃油車,基本常用的幾個功能基本上都是顯示在首頁,并且各大車廠相差無異。
④ 對基本的觸控的認知
我們在考慮功能布局的時候,要很清楚對駕駛場景有很清晰的認知,特別是對于出行過程中信息獲取的直觀性以及觸控的便捷度要重點考量,需要對全局的功能布局,交互結構進行合理的編排。
在駕駛員位置的時候,中控界面的最左側的區(qū)域是容易觸控區(qū),它是距離駕駛員最近的地方,也是信息獲取最清晰,操作最便捷的區(qū)域;中間部分的區(qū)域是可觸控區(qū)域,它相對來說說觸控也是比較方便的;
最右側的區(qū)域是較難觸控區(qū),駕駛員要將手伸的很長才能夠觸碰到,這塊區(qū)域盡量是避免設置重要的功能入口。
⑤ 多模態(tài)交互
"多模態(tài)交互"是融合了人的視覺、聽覺、觸覺等多種感官,計算機利用多種通信通道響應輸入,并充分模擬人與人之間的交互方式
隨著汽車的不斷智能化,操作方式從傳統(tǒng)的機械按鍵到現(xiàn)在的觸控操作、語音操控、手勢操控,人車之間的交互途徑增加并且更加多樣化,汽車的開發(fā)者們也開始思考駕駛場景中的交互邏輯,如何實現(xiàn)高效、安全、易用的人機交互。
⑥ 自動駕駛級別定義&ADAS
說到 ADAS,可能很多人聽過,但是沒有全方位地了解過,ADAS 是 Advanced Driving Assistance System 的簡稱。中文名叫做高級駕駛輔助系統(tǒng)
按照 SAE(美國汽車工程師學會)的標準,自動駕駛汽車視智能化、自動化程度水平分為 6 個等級:無自動化(L0)、駕駛支援(L1)、部分自動化(L2)、有條件自動駕駛(L3)、高度自動駕駛(L4)和完全自動駕駛(L5)
- 無自動化(L0):就是完全由駕駛員進行駕駛操作,屬于純人工駕駛,汽車只負責機械執(zhí)行駕駛員的操控命令并不進行駕駛干預
- 駕駛支援(L1):自動系統(tǒng)有時能夠輔助駕駛員完成某些駕駛任務,比如常說的車道保持系統(tǒng)和自動制動系統(tǒng)就屬于 L1 級自動駕駛的范疇,現(xiàn)在的燃油車基本屬于 L1 級別
- 部分自動化(L2):是自動系統(tǒng)能夠完成某些駕駛任務,但駕駛員需要監(jiān)控駕駛環(huán)境并準備隨時接管。目前絕大多數(shù)車企(華為、小鵬、特斯拉)都已經(jīng)做到了 L2 級別的自動駕駛技術,比如 ACC 自適應巡航和撥動轉向燈即可實現(xiàn)自動變道行駛等等。在這個階段,雖然機器可以獨立完成一些組合行駛需求,但駕駛員仍需要將雙手雙腳預備在方向盤及制動踏板上隨時待命
- 有條件自動駕駛(L3):在 L3 級別下,車輛可以實現(xiàn)絕大部分路況的自動駕駛,接管汽車一大部分駕駛功能。但是在 L3 階段,駕駛員仍需時刻保持注意力,以便在出現(xiàn)緊急情況時及時接管車輛。
- 高度自動駕駛(L4):到了 L4 級自動駕駛,車內的自動化系統(tǒng)已經(jīng)非常完善,車輛已經(jīng)可以接替駕駛員的工作達到自動駕駛的水平,但如果駕駛員想親自開車,仍可以接管車輛。不夸張的說,坐在 L4 級別自動駕駛的汽車里,你已經(jīng)可以安穩(wěn)的睡覺了。
- 完全自動駕駛(L5):到了這個級別,汽車已經(jīng)可以在完全不需要駕駛員介入的情況下來進行所有的駕駛操作,駕駛員也可以將注意力放在其他的方面比如工作或是休息
⑦ 視覺在上,操作在下
在駕駛員駕駛的過程中,用戶大部分的精力是聚焦在駕駛行為上,小部分的時間會用來操控車輛,所以避免因為用戶的操作行為而干擾用戶的注意力,所以信息的布局是我們要重點考慮的。
避開方向盤
方向盤的遮擋也是我們在設計時需要注意的地方,一般左下角的位置是距離方向盤最近的地方,也是最容易被方向盤視線遮擋的地方,還有儀表盤的四個角落的位置
⑧ 3s 原則
3 秒原則:用戶的注意力管理對減少由注意力分散導致的交通事故十分必要,開車過程中,必要操作需要遵循 3 秒原則,用戶必須在第 1 秒內找到應用場景的重點信息與功能入口,然后第 2 秒進行交互動作,最后第 3 秒得到想要的信息結果。準確把握每個過程中的時間,排除多余元素干擾,避免分散注意力。
⑨ 常見的汽車交互場景
在基礎篇中我們提到未來的汽車是人們的第三智能生活空間(娛樂空間、辦公空間、生活空間…)未來車內的交互場景將逐漸由駕駛艙艙內的駕駛行為主導的人機交互轉變?yōu)榛谌粘I钪卸鄨鼍暗慕换?,基于不同的場景,我們的設計應該也有所不同。
而目前對于新能源車來說在座艙需要產(chǎn)生的常見交互的場景是:娛樂場景、養(yǎng)護場景、休息場景、出勤場景,接送孩子場景,情侶戀愛場景,車內聚會場景,長途出行場景,自動駕駛場景,共享租賃場景,車外交互場景,智能家居互聯(lián)場景等,這些都和我們的生活息息相關,還需要我們設計師去挖掘探索。
⑩ 全觸控并不一定好
有些車為了主打科技的產(chǎn)品理念,將車內的操控都變成了觸控、電子化,但是全面的電子化并不定都是最佳的體驗,比如開門的按鍵,觸控的方式就不如按鍵更加直接,還有些觸控的按鍵在強光下識別性會變得非常的弱
二、HMI 交互設計需求分析的要點
1. 需求分析-了解自身,通過設計放大特點
HMI 的設計和其他數(shù)字產(chǎn)品一樣,在設計開始前,我們都要對當前的產(chǎn)品、市場、用戶、品牌有著清晰的認知,HMI 設計的目的也是放大產(chǎn)品的特點,以下是我們要了解的內容舉例:汽車性能要求、造型姿態(tài)、功能、內飾效果、汽車設計理念、操控、人性化、品牌傳承、目標用戶
2. 競品分析-制定差異化的產(chǎn)品策略
對競品分析目的是的明確當前的市場定位,發(fā)掘對方的優(yōu)缺點,幫助我們自身的產(chǎn)品制定差異化的競爭策略,也是取長補短虛心學習的過程,比如我們可以看到蔚來的產(chǎn)品定位是一二線時尚且有一定消費能力的人群,年齡層次在 30-40 歲左右,和特斯拉的人群有著一些重合,所以我們能夠看到蔚來汽車的內飾、線下店、HMI 配色都是比較柔和的,更像是一個時尚溫馨的家庭空間;
3. 受眾分析-吸引目標消費者購買
做產(chǎn)品永遠繞不開的用戶,HMI 的設計同樣,我們要對用戶進行調研,了解用戶的消費意向和和核心考量的因素,并為他們的需求找到合理化的解決方案
三、HMI 創(chuàng)新的交互形式
1. 沉浸式
通過多角度的方式去為用戶塑造沉浸感,結合智能表面和車窗屏幕技術的發(fā)展,為車內打造了個性化的場景體驗。比如,我們在車窗屏幕上購物;在天窗和前擋風玻璃上看電影;輕點扶手區(qū),在中控區(qū)感受大海的浪漫,再結合環(huán)繞式音響技術來體驗自然等。
2. 本土化設計
不同的國家有著不同的文化積淀,用好經(jīng)過歷史長河遺留下來的文化隗寶也能夠讓我們的設計充滿文化氣息,帶來更多名族自豪感和認同感。比如:結合中國文化,紅旗以"尚·致·意"為核心設計理念,通過 HMI 界面中的山河意境,來致敬華夏數(shù)千年的大好河山,從視覺和操作上,打造極致的駕駛體驗,真正體現(xiàn)東方骨架,現(xiàn)代解構
3. 制造驚喜
在用戶的不經(jīng)意間創(chuàng)造驚喜,維持高質量的車載體驗,比如:節(jié)日氛圍、生日的祝?!?
4. 主動交互
未來的汽車更像是一個懂你的朋友,他能夠知曉你下一步的動作,主動和你交互,而不是被動的等待你發(fā)出指令去執(zhí)行,主動交互主要可以分為功能性、情感性、安全性這幾個類別
功能性:比如當我們走向車輛時,車輛會自動打開車門并通過燈光投射出迎賓語
娛樂性:比如當我們再情緒低落的時候,車載機器人會主動過來和人類進行交流,當我們累了的時候會主動提供按摩服務,播放舒緩的音樂
安全性:比如駕駛員疲勞駕駛是,通過釋放氣味和音樂來喚醒駕駛員,晚上汽車燈光自動識別行人,主動降低燈光亮度,避免直射行人眼睛
四、HMI 視覺設計
1. HMI 視覺設計的特點分析
我們基本上對于 HMI 視覺設計特點可以分為 3 種類型:1、潮流化;2、個性化;3、品牌化
① 潮流化
潮流化指的緊跟目前主流的設計趨勢,比如我們可以看到各大主機廠用爛了的卡片化設計,蔚來、小鵬、理想的 HMI 都是沿用了互聯(lián)網(wǎng)的主流設計方式:卡片式設計、扁平化
扁平化設計:扁平化的設計雖然是趨勢,但是也是能夠設計出不一樣的產(chǎn)品個性來,并不是大家說的要加各種光效、紋理、材質
卡片式設計:國內汽車品牌絕大多數(shù)都在使用卡片式的設計,當然有時是出于信息區(qū)分和適配的角度考慮,但是卡片式的設計卻很容易限制創(chuàng)意和個性的產(chǎn)生
② 個性化
個性化指的是能夠凸顯產(chǎn)品的個性特點,能夠根據(jù)車型的特點進行個性化的設計,強化產(chǎn)品的設計特點,從在產(chǎn)品咨詢公司接觸過的 HMI 設計項目來說,一般主機廠還是希望能夠突出自己的個性,打破固化的設計思維,比如特斯拉 cybertruck HMI 未來、硬朗的設計風格,強化了皮卡硬朗的設計特點,拜騰讓 HMI 去掉呆板的卡片式設計,運用不規(guī)則的排版、多邊形的設計塑造產(chǎn)品的個性
③ 品牌化
品牌化指的是品牌定位、產(chǎn)品家族、HMI 風格能夠形成高度的統(tǒng)一,比如蔚來塑造的未來的第三生活空間,從內飾、門店、HMI、品牌理念都給人溫馨、愜意的未來生活空間的感受,也算是國內品牌化做的比較好的汽車品牌。
2. HMI 的設計原則&理念
HMI 相關的設計需要關注汽車所定位的目標用戶他們的行為習慣、消費偏好,為產(chǎn)品提供專業(yè)、契合品牌調性的設計方案,并通過 HMI 的設計提升產(chǎn)品的安全性、人性化、情感化、個性化的價值。
3. HMI 視覺設計的方法
① 儀表的造型設計方法
當我們設計儀表的時候要考慮的幾個點分別是:1、空間透視;2、儀表的表頭形態(tài);3、不同模式儀表的形態(tài)變化
區(qū)別于扁平化的設計,儀表的設計經(jīng)常會采用空間縱深感比較強的設計方式,它能夠和我們的駕駛空間透視場景保持統(tǒng)一,同時也能構讓界面層次更加富有變化。
大部分的汽車都會設置運動模式、舒適模式、經(jīng)濟模式,當不同的模式我們可以考慮設計儀表不同形態(tài)變化,讓用戶更容易感知模式的變化。
儀表的功能一般要體現(xiàn)車速、轉速、減速、用電功耗、檔位、油量變化等功能,在造型設計上,我們主要可以從 3 個方式去尋找設計靈感:
- 通過契合產(chǎn)品特點的工業(yè)、建筑造型設計來尋找設計的靈感;
- 通過汽車造型的設計語言(車頭前臉、尾燈、內飾、車身線條)來尋找設計的方向;
- 從品牌調性來探索 HMI 的設計靈感
② IVI(中控屏)設計的難點
IVI(In-Vehicle Infotainment)是車載信息娛樂系統(tǒng),也就是我們說的中控屏,中控屏的視覺設計首先要重點考慮的是如何與儀表盤的設計風格上保持一致,并在一體化的構圖下,儀表和中控能形成一個整體,其次要考慮的點是如何在基本常用功能一致的情況下,在視覺上能夠和其他產(chǎn)品拉開比較大的差距。
4. HMI 如何設計得不一樣
當我們不管看國內主機廠設計的車機界面,還是看國內設計平臺設計師發(fā)布的 HMI 設計方案,發(fā)現(xiàn)大部分的設計逃不過卡片式設計,基本在布局、設計理念上并沒有太多的創(chuàng)新,那么對于我們設計師來說應該如何去打破這種固定的設計方式呢?或許從優(yōu)秀的設計中我們能找尋到這個問題的答案。
① 打造無邊界設計
無邊界的設計指的是突破卡片的限制,讓設計更加的一體化,在構圖和頁面布局上也更加的大膽,比如,我們可以看到拜騰汽車和特斯拉 cybertruck HMI 概念設計都嘗試創(chuàng)造無邊界的設計。
② 塑造空間立體感
我們經(jīng)常在設計中聽到"你的設計太平了",這其實就是說我們的設計沒有沒有立體空間感、沒有層次變化,HMI 的設計也是同樣的道理,塑造空間感能夠讓我們的畫面層次更加分明,畫面更加具有想象空間。
③ 特殊的質感
在界面中應用好質感也是能夠讓設計變的更加精致,質感可以增加視覺層次,讓畫面更加耐看。簡單地說,質感就是物體呈現(xiàn)出的物質真實感,這體現(xiàn)在很多方面,例如光影、色澤、質地等。想想蘋果 iOS7.0 之后的系統(tǒng)界面,毛玻璃效果的磨砂質感讓畫面看起來精致優(yōu)雅,輕輕松松達到簡約的高級美感。
④ 獨特的造型
獨特的造型是突出產(chǎn)品個性最直觀的表達方式,前面提到的無邊界設計、質感、立體感是能夠提升設計的品質感和差異化,但也是比較難的,他們是設計的隱喻表達,這些就像是人的內在性格,要多去接觸才能夠感受到,但是獨特的造型是設計最直觀的表達,它就像是一個人和大多數(shù)的圓臉不一樣,突然長了一個多邊形臉,你看一眼就基本能夠記住他了
⑤ 獨特的設計理念
當我們的設計表達有了設計理念和故事,就變得有了靈魂
奔馳 smat#1 的 HMI 設計理念來源于"smart 靈感星球",界面、HMI 都采用 LOW POY 多面體的設計語言,看起來非常的特別和大膽,和新車的靈動、感性的調性也非常契合
全新 BMW iDrive 采用了斜切角設計和獨特的光影效果,視覺語言要傳達的是有性格、有棱角的態(tài)度。斜切角的設計不僅出現(xiàn)在儀表盤上,還有抬頭顯示的速度托盤、中央扶手旋鈕區(qū)域的木質托盤、中控屏主菜單的卡片單元背景,以及在內飾、外飾很多細節(jié)處。 做這些設計要達成的效果就是打造高辨識度和豪華感
⑥ 炫酷的動效
五、總結
我們來簡單回顧下車載 HMI 設計指南(基礎篇)&(進階篇)所講述的內容,在基礎篇中和大家講解了 HMI 設計的一些基本知識,帶大家了解了 HMI 設計這個神秘有趣的行業(yè);在進階篇和大家主要講解了 HMI 設計落地過程中交互&視覺我們需要注意的點和基本方法。
最后,希望這 2 篇文章你能夠開啟你 HMI 設計的大門。
作者:飛凡實驗室
想了解更多網(wǎng)站技術的內容,請訪問:網(wǎng)站技術