HMI設(shè)計(jì)需要遵循什么設(shè)計(jì)原則?

2021-11-30    lanlanwork

如果想做HMI體驗(yàn)設(shè)計(jì)了解開(kāi)發(fā)流程后,首先開(kāi)始設(shè)計(jì)前最需要知道的是以什么為基準(zhǔn)去設(shè)計(jì),以及設(shè)計(jì)的限制,也就是設(shè)計(jì)原則。尤其HMI體驗(yàn)設(shè)計(jì)是整車(chē)體驗(yàn)的一部分,也變得越來(lái)越重要。

剛開(kāi)始進(jìn)入車(chē)載行業(yè)的同學(xué)都會(huì)存在一個(gè)誤區(qū),會(huì)拿互聯(lián)網(wǎng)那一套設(shè)計(jì)規(guī)范套路汽車(chē)HMI設(shè)計(jì),但其實(shí)汽車(chē)HMI有自己的設(shè)計(jì)原則和設(shè)計(jì)規(guī)范以及美學(xué)理念。

汽車(chē)行業(yè)本身是一個(gè)有著強(qiáng)烈美學(xué)理念和設(shè)計(jì)規(guī)范的行業(yè),其實(shí)準(zhǔn)確的說(shuō)應(yīng)該是汽車(chē)HMI中控設(shè)計(jì)是基于自身傳統(tǒng)規(guī)范,結(jié)合互聯(lián)網(wǎng)移動(dòng)端和Web端的基礎(chǔ)上,慢慢形成了一種新的設(shè)計(jì)規(guī)范。加上龐大的行業(yè)從業(yè)者的外溢,互聯(lián)網(wǎng)的美學(xué)理念和設(shè)計(jì)規(guī)范,已經(jīng)在入侵進(jìn)來(lái)形成HMI設(shè)計(jì)新興的細(xì)分領(lǐng)域。

那很多同學(xué)問(wèn)了我們想去做HMI設(shè)計(jì)應(yīng)該從哪里下手啊,在這里我建議大家無(wú)論做任何的設(shè)計(jì)都應(yīng)該從用戶場(chǎng)景、用戶痛點(diǎn)下手。

 

一、了解與用戶溝通的設(shè)計(jì)語(yǔ)言

在設(shè)計(jì)HMI的過(guò)程當(dāng)中,都是基于用戶在智能車(chē)的場(chǎng)景里。就像設(shè)計(jì)APP會(huì)基于用戶痛點(diǎn)和用戶場(chǎng)景來(lái)的一樣。在智能車(chē)的體驗(yàn)里,首先是駕駛員、其次是車(chē)、以及系統(tǒng)三個(gè)要元素組成了車(chē)內(nèi)場(chǎng)景。

在結(jié)合了現(xiàn)有的互聯(lián)網(wǎng)車(chē)機(jī)設(shè)計(jì)原則,主要考慮的還是簡(jiǎn)單易用高效專(zhuān)注。

簡(jiǎn)單易用

在設(shè)計(jì)上應(yīng)該為駕駛員提供更完善的包容機(jī)制,操作和信息的統(tǒng)一性和延續(xù)性,幫助用戶降低操作成本,提升用戶體驗(yàn)。

高效專(zhuān)注

考慮駕駛員的實(shí)際場(chǎng)景的多樣性,注意力容易分散或暫時(shí)中斷。所以在設(shè)計(jì)的時(shí)候 要考慮除非重要的警報(bào),盡量用聽(tīng)覺(jué)給到用戶的提示。操作上可以滿足單手操作,并為用戶的每一步操作提供及時(shí)的反饋。

 

二、三秒原則

之前看過(guò)一個(gè)“三秒原則”的理論,開(kāi)車(chē)時(shí)在高速上要保持和前面通過(guò)一個(gè)參照物三秒的距離,才是安全的,說(shuō)明人在高速行駛的反應(yīng)時(shí)間是三秒。

用戶的注意力管理對(duì)減少由注意力分散導(dǎo)致的交通事故十分必要,開(kāi)車(chē)過(guò)程中,必要操作需要遵循3秒原則,用戶必須在第1秒內(nèi)找到應(yīng)用場(chǎng)景的重點(diǎn)信息與功能入口,然后第2秒進(jìn)行交互動(dòng)作,最后第3秒得到想要的信息結(jié)果。準(zhǔn)確把握每個(gè)過(guò)程中的時(shí)間,排除多余元素干擾,避免分散注意力。

相關(guān)鏈接:車(chē)載系統(tǒng)中,交互設(shè)計(jì)的「三秒原則」

在三秒原則里,一秒視覺(jué)、兩秒交互。排除車(chē)的硬件體驗(yàn),那HMI設(shè)計(jì)師在系統(tǒng)里要給到用戶一個(gè)什么樣的視覺(jué)原則和交互原則是我們今天要研究的問(wèn)題。

 

三、HMI視覺(jué)設(shè)計(jì)原則

1.顏色

車(chē)載的美學(xué)他們大多是深色的,金屬質(zhì)感,邊框和陰影。早期的車(chē)載用戶界面都是硬性的感覺(jué)。但是現(xiàn)在行業(yè)已經(jīng)成熟到一個(gè)包羅萬(wàn)象的男女皆宜的當(dāng)代審美。所以現(xiàn)在的視覺(jué)可以在以往的傳統(tǒng)上,是汽車(chē)界面更新潮更科技。

1.1 關(guān)于色彩

主流的背景以深色為主,那是因?yàn)樯钌谋尘案蝗菀追稚⑺緳C(jī)注意力,減少了眩光的問(wèn)題?,F(xiàn)在一些新能源車(chē)可以切換白天黑夜模式,也會(huì)出現(xiàn)淺色的背景,淺色模式的整體色調(diào)不好把控,處理不好會(huì)使屏幕一直處于高亮狀態(tài),會(huì)讓駕駛員產(chǎn)生一定視覺(jué)疲勞。

色彩規(guī)則以 中華人民共和國(guó)國(guó)家標(biāo)準(zhǔn) 關(guān)于駕駛安全的基礎(chǔ)標(biāo)準(zhǔn)為大前提,設(shè)定符合車(chē)載場(chǎng)景的取色類(lèi)型。

 

色彩對(duì)比度

由于駕駛環(huán)境的復(fù)雜光線條件,需要滿足在不同照明條件(日間/夜間/暗光/眩光)下的可讀性,對(duì)比度需滿足以下條件:

  • 文本與底圖對(duì)比度建議大于7:1(至少4.5:1)。背景推薦使用深色,避免大面積使用純白色,過(guò)度吸引用戶注意。
  • 過(guò)高的對(duì)比度導(dǎo)致視覺(jué)疲勞和閱讀效率的降低。深色模式下背景與文本或圖形的對(duì)比度建議不大于18:1。

* 注:下圖來(lái)自 https://color.review/可在此鏈接查閱色彩對(duì)比度關(guān)系。

 

飽和度與明度的合理搭配

長(zhǎng)時(shí)間駕駛本身精神與視覺(jué)會(huì)更加需要集中注意力在前方,此時(shí)車(chē)內(nèi)環(huán)境中,不宜有過(guò)于強(qiáng)烈明顯的色彩干擾視線,可試想你在電影院中看電影時(shí),身邊的人的手機(jī)亮度最高,此時(shí)會(huì)嚴(yán)重影響視覺(jué)的余光,難以聚焦在前方畫(huà)面上。

因此視覺(jué)設(shè)計(jì)的整體色彩體系應(yīng)當(dāng)適當(dāng)?shù)慕档惋柡投?,同樣的,?chē)載系統(tǒng)視覺(jué)的設(shè)計(jì)也應(yīng)避免使用同一色系的方案,這樣無(wú)法在1秒的安全時(shí)間以內(nèi)讓用戶有效果的判斷識(shí)別信息

根據(jù) Munsell Color 原理得出,飽和度和明度的兩個(gè)數(shù)值越大,顏色越鮮艷。在車(chē)機(jī)配色選擇上請(qǐng)遵循以下規(guī)則:

  • 越靠右上角的色值越鮮艷,所以不建議選取。
  • 取色時(shí),同時(shí)考慮飽和度和明度,這兩個(gè)因素的值之和盡量小于180(即:S + B ≤ 180)。

 

不建議選擇單色,建議增加輔助色

更好的可以幫助我們分組,提高信息的獲取能力。

結(jié)合 ISO 15008 (道路車(chē)輛.運(yùn)輸信息和控制系統(tǒng)的人類(lèi)工效學(xué)方面.車(chē)輛目視顯示用規(guī)范和試驗(yàn)程序)

車(chē)載界面色彩傾向度定義了適合作為品牌主要控件的色調(diào)的功能色,強(qiáng)調(diào)品牌視覺(jué)形象。并結(jié)合 GB 4094 相關(guān)信號(hào)顏色規(guī)定同樣定義不適合的色彩闕值。

按照功能色分類(lèi)可以根據(jù)常規(guī)場(chǎng)景將功能定位一級(jí)色、二級(jí)色、三級(jí)色。

 

狀態(tài)顏色

反饋成功及警戒提醒在駕駛場(chǎng)景中至關(guān)重要,結(jié)合 GB4094相關(guān)信號(hào)顏色規(guī)定,狀態(tài)定義需要與相關(guān)法規(guī)及駕駛者習(xí)慣思維的明確色相相結(jié)合。

狀態(tài)用色分類(lèi):此處顏色以 HSV 顏色模型參數(shù)為標(biāo)準(zhǔn)。

 

百度主題案例:

 

阿里顏色規(guī)范:

 

華為顏色設(shè)計(jì)規(guī)范:

 

設(shè)計(jì)走查自測(cè)表阿里車(chē)載-設(shè)計(jì)走查自測(cè)表

為方便車(chē)載小程序設(shè)計(jì),提供輕量化的小程序設(shè)計(jì)走查表以供參考; 可用于項(xiàng)目前期設(shè)計(jì)自測(cè)、項(xiàng)目中研發(fā)自測(cè)檢查、項(xiàng)目上線后設(shè)計(jì)/產(chǎn)品協(xié)同開(kāi)發(fā)同學(xué)完成自測(cè)問(wèn)題,查缺補(bǔ)漏規(guī)避風(fēng)險(xiǎn)點(diǎn);

 

2. 字體

中控與駕駛員的距離處在70cm-85cm之間,設(shè)計(jì)稿一定要在實(shí)車(chē)上感受,是否足夠清晰,是否能快速識(shí)別,中控屏搭載的更多是各種應(yīng)用,顯示的文字相對(duì)會(huì)多一點(diǎn),除了文字需要保證在可視區(qū)間里,文字內(nèi)容應(yīng)當(dāng)通過(guò)字號(hào)字重來(lái)區(qū)分主次關(guān)系,用戶在掃一眼的過(guò)程中即可準(zhǔn)確的看到重點(diǎn)信息。保證易讀性。

字體的顏色盡量選擇對(duì)比度高的,參考WCAG標(biāo)準(zhǔn)。方便用戶能快速掃視。

字體的大小,層級(jí),對(duì)比度等都是影響視覺(jué)可讀性和閱讀效率的重要因素,為保障文本的易讀性,界面文字需滿足以下要求:

  • 最小可識(shí)別文字尺寸:5.4mm。
  • 字體層級(jí):區(qū)分文本主副層級(jí),字號(hào)差距需保持4-6sp。
  • 需要用戶閱讀和處理的重要段落文字不超過(guò)20個(gè)字(700字/分鐘,2秒內(nèi)讀完)。
  • 對(duì)于需要用戶關(guān)注的文本信息可通過(guò)增加字重的方式突出內(nèi)容。

推薦閱讀:適合車(chē)載顯示的10款字體

百度字體設(shè)計(jì)規(guī)范:

 

阿里字體設(shè)計(jì)規(guī)范:

圖片

 

3. ICON

ICON的設(shè)計(jì)形式,可更多結(jié)合應(yīng)用的內(nèi)容,應(yīng)注意在內(nèi)容與形式結(jié)合時(shí),視線上要保持一致性,可有助于在一秒的安全時(shí)間內(nèi)讓用戶快速瀏覽并判斷信息

點(diǎn)擊是交互行為中最為常用的動(dòng)作,為確保用戶點(diǎn)擊操作的易用性和成功率,操作按鈕及熱區(qū)需滿足以下規(guī)則:

  • 圖標(biāo):最小的圖標(biāo)尺寸為6.9mm,推薦圖標(biāo)大小為9.2mm。
  • 熱區(qū):最小10.7mm,推薦熱區(qū)15.3mm以上,熱區(qū)間隔3mm以上。

 

4. 內(nèi)容排版

車(chē)載以駕駛員的操作為主,功能布局盡量設(shè)計(jì)在離手最近的位置,縮短操作距離,盡可能將熱區(qū)放大,展示信息放在右側(cè)。

 

4.1 層次和數(shù)量

所有的信息按照使用場(chǎng)景、功能。分組展示,確保信息按照的優(yōu)先級(jí)進(jìn)行交付。在任何場(chǎng)景下展示盡可能少的信息。避免過(guò)多信息的干擾,必須做到界面顯示輕量化。數(shù)量盡量不超過(guò)3-4個(gè)。

 

4.2 閱讀排版

可以根據(jù)閱讀瀏覽模型Z字型和F字型?;炫诺臅r(shí)候建議使用一種字體。

 

4.3 預(yù)留安全熱區(qū)

避免元素?zé)釁^(qū)過(guò)近或重疊,需要使可觸摸目標(biāo)之間預(yù)留足夠的安全距離,至少保持 3.5mm 的熱區(qū)間隔。

 

5、品牌IP

用戶對(duì)傳統(tǒng)汽車(chē)的品牌感認(rèn)知,還是停留在車(chē)標(biāo)、車(chē)造型等硬件外觀,而智能汽車(chē),搭載了一個(gè)智能系統(tǒng),除了駕駛需求,人和車(chē)的交互更多的會(huì)停留在HMI,所以,對(duì)于HMI融入品牌元素也相當(dāng)重要,品牌化是智能座艙視覺(jué)設(shè)計(jì)重要的發(fā)展趨勢(shì)之一。

現(xiàn)在主要品牌的體現(xiàn)形式是車(chē)載的IP管家,他有具體的名字,可以用語(yǔ)音喚醒。

 

四、HMI的設(shè)計(jì)六大交互原則

說(shuō)到HMI設(shè)計(jì),雖然所有人都很容易理解,HMI設(shè)計(jì)要考慮注重安全,需要在設(shè)計(jì)上適應(yīng)車(chē)載的使用場(chǎng)景。但是UI設(shè)計(jì)原則和UX設(shè)計(jì)原則很少有人系統(tǒng)性的回答過(guò)。對(duì)比原有的交互六大原則,適配到車(chē)載的場(chǎng)景下,提煉出六大交互設(shè)計(jì)原則。

 

1、基本原則

1.1、安全性原則  ?? ?? ?? ?? ??

HMI涉及到的載體都是汽車(chē)零部件中的安全件,HMI設(shè)計(jì)首先考慮的必須是以安全為第一導(dǎo)向, 所有顯示信息都應(yīng)該按照人機(jī)工程學(xué)進(jìn)行合理排布,按照駕駛者的行為習(xí)慣進(jìn)行設(shè)計(jì)。

與移動(dòng)端的視覺(jué)顯示不同,HMI設(shè)計(jì)師需要注意除了基礎(chǔ)的視覺(jué)顯示規(guī)范外,還需格外注意與安全相關(guān)信息的展示、視覺(jué)警告、文字易讀性和顯示眩光等顯示問(wèn)題。

 

1.2、及時(shí)反饋原則

人的大腦每天通過(guò)五種感官接受外部信息的比例分別為:味覺(jué)1%;觸覺(jué)1.5%;嗅覺(jué)3.5%;聽(tīng)覺(jué)11%;視覺(jué)83%。

時(shí)刻保障關(guān)鍵信息是最高優(yōu)先級(jí)的,保證在各種環(huán)境場(chǎng)景下具有良好的可見(jiàn)性和易讀性,無(wú)需駕駛員費(fèi)力尋找和識(shí)別。

隨著大屏、多屏化的發(fā)展趨勢(shì),除了依賴視覺(jué)反饋,以及減少或避免觸摸屏的誤觸功能,聽(tīng)覺(jué)和觸覺(jué)也可以輔助視覺(jué)反饋。

 

1.2.1 不同場(chǎng)景下的提示

除以上正常駕駛場(chǎng)景外,還有部分對(duì)特殊場(chǎng)景的提示,如油耗、故障、雨雪天、超速、疲勞等

車(chē)載系統(tǒng)需要有能力面對(duì)復(fù)雜的應(yīng)用場(chǎng)景,處理需要更加智能,(比如復(fù)雜路況+不良天氣的提示),以及車(chē)內(nèi)的環(huán)境控制(如聲音、氣溫)需要更加敏感。

車(chē)載系統(tǒng)的設(shè)計(jì)相比于移動(dòng)端有著更明顯的約束,不論是從空間(使用環(huán)境)、時(shí)間(三秒原則)、行為(交互方式)、心智(心理訴求),都有著明顯獨(dú)特的場(chǎng)景和特點(diǎn),要做好車(chē)載系統(tǒng)設(shè)計(jì),我們需要有豐富的同理心以及親身體驗(yàn)并反復(fù)驗(yàn)證設(shè)計(jì)。

圖片來(lái)源:https://dribbble.com/czx

 

1.2.2 信息獲取效率

同樣,現(xiàn)在的智能汽車(chē),信息呈現(xiàn)的方式,主要也還是視覺(jué)為主,聽(tīng)覺(jué)為輔。在還沒(méi)有完全實(shí)現(xiàn)自動(dòng)駕駛前,信息呈現(xiàn)層級(jí)保持不變。

在汽車(chē)行駛的過(guò)程中當(dāng)中最高優(yōu)先級(jí)是視覺(jué),時(shí)刻要觀察道路,查看導(dǎo)航。聽(tīng)覺(jué)輔助也是很有必要考慮的場(chǎng)景,通過(guò)語(yǔ)音反饋司機(jī)需要獲取的信息,能讓司機(jī)盡量保持視覺(jué)焦點(diǎn)在路況上。多場(chǎng)景的融合考慮信息獲取的效率,能減少在開(kāi)車(chē)過(guò)程中的安全隱患。

 

1.3、完整性原則

將頁(yè)面信息根據(jù)某些關(guān)聯(lián)性,分區(qū)塊進(jìn)行顯示,這將有助于用戶更容易的建立信息位置記憶,用極少量的時(shí)間查看車(chē)輛狀態(tài),減少搜索信息帶來(lái)的注意力分散,保障駕駛安全。

 

1.4、簡(jiǎn)單學(xué)習(xí)原則

面對(duì)C端用戶,設(shè)計(jì)師要考慮盡最大可能使用符合用戶習(xí)慣交互方式,減少學(xué)習(xí)和適應(yīng)。讓駕駛員更有安全感和便捷的操作。如果交互界面改變了,用戶極有可能必須從頭開(kāi)始學(xué)習(xí)一些基本操做。在市場(chǎng)競(jìng)爭(zhēng)壓力這么大的情況下,用戶很容易就轉(zhuǎn)向自己接受程度高的產(chǎn)品。隨著屏幕越做越大,需要駕駛員操做的功能也越來(lái)越多,所以駕駛員會(huì)因?yàn)閺?fù)雜操做,面臨交通路況擁擠的情況下的額外壓力。

 

1.5、信息可視化原則

盡可能的采用圖像化/擬物化風(fēng)格,避免或減少使用復(fù)雜的、過(guò)于專(zhuān)業(yè)的、技術(shù)性的圖標(biāo)和術(shù)語(yǔ)。

 

1.6、情感化原則

馬斯洛需求指出,人們需要?jiǎng)恿?shí)現(xiàn)某些需求,有些需求優(yōu)先于其他需求。我們當(dāng)下在滿足基礎(chǔ)需求后需要的更高階的需求。情感化設(shè)計(jì)是用戶體驗(yàn)和需求金字塔的最高層級(jí),情感化需求也是必然的需求。在移動(dòng)端,情感化的體現(xiàn)主要還是視覺(jué)層面,比如加載過(guò)程中的動(dòng)效、缺省頁(yè)的插畫(huà)、異常狀態(tài)的提示等,還有就是和品牌的結(jié)合,增加用戶對(duì)品牌的認(rèn)知。

而對(duì)于汽車(chē)而言,它是一個(gè)空間,就靠屏幕里的視覺(jué)元素是遠(yuǎn)遠(yuǎn)不夠的,應(yīng)該從整車(chē)的角度去分析,通過(guò)五感(視、聽(tīng)、觸、嗅、知)創(chuàng)造更豐富的全局體驗(yàn),比如可以根據(jù)自己的駕駛需求和個(gè)人行為習(xí)慣,自定義氛圍燈,香氛、語(yǔ)音等。

 

汽車(chē)IP

汽車(chē)IP用虛擬的人物語(yǔ)音來(lái)扮演管家的角色,功能包括了記錄車(chē)主的駕駛習(xí)慣,不斷優(yōu)化程序來(lái)契合車(chē)主習(xí)慣,讓車(chē)主有更好的駕駛體驗(yàn)。

比如蔚來(lái)的nomi,既可以陪玩陪聊,還有表情互動(dòng),若是加上管家功能,汽車(chē)豈不立馬變身駕駛員最好的伙伴?看這小表情,是不是還挺可愛(ài)、暖心的哇?

 

2、分場(chǎng)景

在討論如何對(duì)超寬一體屏進(jìn)行體驗(yàn)設(shè)計(jì)前,我們需要對(duì)人在不同場(chǎng)景下的多樣化需求有大致的了解。為此,我們將人與車(chē)空間關(guān)系的場(chǎng)景劃分為四大方向依次是:生活、娛樂(lè)、辦公和共享。

如生活場(chǎng)景下,全家出游,疲憊的人可以直接在車(chē)上睡覺(jué)休息,無(wú)聊的人可以玩游戲,車(chē)內(nèi)空間采用多音道技術(shù),不同的音道技術(shù)可以避免彼此干擾。除此之外,還可以起到保護(hù)隱私的作用,滿足每個(gè)人對(duì)個(gè)人空間的需求。

在娛樂(lè)場(chǎng)景下,人可以進(jìn)行多項(xiàng)休閑娛樂(lè),比如:看電影或者讀書(shū)看報(bào),其中使用超寬一體屏觀看電影時(shí),大屏?xí)o人以良好的觀感體驗(yàn)。

在辦公場(chǎng)景下,人可以在駕艙內(nèi)進(jìn)行各項(xiàng)辦公活動(dòng),諸如:視頻會(huì)議、電腦辦公、商務(wù)信息處理等。

在共享場(chǎng)景下,車(chē)不僅可以是運(yùn)輸人的移動(dòng)工具,還能成為運(yùn)輸貨物的移動(dòng)工具、移動(dòng)商城、移動(dòng)酒店等等。

 

3、交互方式

3.1觸控:

這里分兩種,一種是通過(guò)按鍵控制;一種是通過(guò)觸屏控制。都是通過(guò)不斷的觸控功能按鈕行程鍛煉肌肉記憶,現(xiàn)在的趨勢(shì)越來(lái)越趨向重觸屏,輕按鈕,這樣不僅系統(tǒng)迭代成本小,功能可以動(dòng)態(tài)分布。但是對(duì)于一些精準(zhǔn)調(diào)節(jié)的功能還是按鍵控制好一些。

微軟 的Surface Dial可以給我們很好的啟發(fā),智能旋鈕可以解決大部分屏幕調(diào)節(jié)的不精準(zhǔn)的痛點(diǎn),而效率又高。

 

3.2語(yǔ)音:

在汽車(chē)人機(jī)交互中,語(yǔ)音交互被認(rèn)為是車(chē)內(nèi)場(chǎng)景下最自然的交互方式,而語(yǔ)音交互需要一個(gè)載體來(lái)傳達(dá)多樣化的情感。

語(yǔ)音控制的前景主要在于兩個(gè)因素,一個(gè)是可以把除了界面以外的利用起來(lái),一個(gè)可以與HMI自由交談,二是最小化HMI手動(dòng)操作產(chǎn)生的干擾,增加安全性。

 

3.3手勢(shì):

手勢(shì)交互是對(duì)語(yǔ)音交互、觸控交互的很好補(bǔ)充,能夠讓車(chē)主通過(guò)簡(jiǎn)單的手勢(shì)和語(yǔ)音就能完成車(chē)內(nèi)的交互任務(wù),也是能夠增加交互趣味性、表達(dá)情感、傳達(dá)情緒的另一個(gè)自然交互方式。

常用的手勢(shì):?jiǎn)沃富瑒?dòng)(上下左右)、雙指滑動(dòng)(左右)、五指抓取等。

HMI的交互手勢(shì)不同于手機(jī)和IPAD,手機(jī)和IPAD握在手里,左右手都可以操作,多指組合的可能性也多,而HMI的手勢(shì)定義,更多的是需要滿足駕駛員的使用場(chǎng)景,屏幕是固定在車(chē)上的,要規(guī)避掉一些不方便的手勢(shì)。比如雙指往上滑動(dòng)就很不方便,向上推不靈活,也有阻力。

 

五、六大車(chē)載系統(tǒng)開(kāi)源網(wǎng)站

大家要是想了解的更深入,或者想針對(duì)于某個(gè)平臺(tái)去做設(shè)計(jì)可以參考一下開(kāi)源網(wǎng)站。

1. 阿里 Alios 開(kāi)放平臺(tái)

https://miniapp.alios.cn/index#/document

 

2. 百度車(chē)載生態(tài)開(kāi)放平臺(tái)

https://chelianwang.baidu.com/homepage/openPlateform/design/sec-4-1.html

 

3. 騰訊-車(chē)載小場(chǎng)景 (私我領(lǐng)取PDF)

 

4. 谷歌駕駛

https://developers.google.com/cars/design/design-foundations

 

5. 蘋(píng)果 Apple Car Play

iOS – CarPlay 車(chē)載

 

6. 華為車(chē)機(jī)三方應(yīng)用交互設(shè)計(jì)規(guī)范

https://developer.huawei.com/consumer/cn/doc/50902

 

六、設(shè)計(jì)開(kāi)眼

如果同學(xué)們還是對(duì)中控設(shè)計(jì)的設(shè)計(jì)標(biāo)準(zhǔn)沒(méi)有一個(gè)概念的話,建議多去看些現(xiàn)有設(shè)計(jì),去展廳試駕試乘實(shí)車(chē),感受下交互,或者在網(wǎng)站上看看視覺(jué)不錯(cuò)的界面設(shè)計(jì)都是可以的。

部分圖片來(lái)源于https://dribbble.com/czx

圖片來(lái)源于網(wǎng)絡(luò),侵刪

今天的分享就到這里!接下來(lái)我會(huì)分模塊去跟大家講解歡迎持續(xù)關(guān)注

歡迎大家補(bǔ)充交流!

 

原文地址:站酷

作者:郝小七

 轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》HMI設(shè)計(jì)需要遵循什么設(shè)計(jì)原則?


藍(lán)藍(lán)設(shè)計(jì)建立了UI設(shè)計(jì)分享群,每天會(huì)分享國(guó)內(nèi)外的一些優(yōu)秀設(shè)計(jì),如果有興趣的話,可以進(jìn)入一起成長(zhǎng)學(xué)習(xí),請(qǐng)掃碼藍(lán)小助,報(bào)下信息,藍(lán)小助會(huì)請(qǐng)您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作,也請(qǐng)與我們聯(lián)系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向給文章原作者及眾讀者.
免責(zé)聲明:藍(lán)藍(lán)設(shè)計(jì)尊重原作者,文章的版權(quán)歸原作者。如涉及版權(quán)問(wèn)題,請(qǐng)及時(shí)與我們?nèi)〉寐?lián)系,我們立即更正或刪除。

藍(lán)藍(lán)設(shè)計(jì)www.bouu.cn )是一家專(zhuān)注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的UI界面設(shè)計(jì)、BS界面設(shè)計(jì) 、 cs界面設(shè)計(jì) 、 ipad界面設(shè)計(jì) 、 包裝設(shè)計(jì) 、 圖標(biāo)定制 、 用戶體驗(yàn) 、交互設(shè)計(jì)、 網(wǎng)站建設(shè) 、平面設(shè)計(jì)服務(wù)



分享本文至:

日歷

鏈接

個(gè)人資料

存檔