欧美xxxx做受老人国产的,亚洲自偷自偷图片在线

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

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

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

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

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

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

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

簡單易用

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

高效專注

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

二、三秒原則

之前看過一個“三秒原則”的理論，開車時在高速上要保持和前面通過一個參照物三秒的距離，才是安全的，說明人在高速行駛的反應(yīng)時間是三秒。

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

相關(guān)鏈接：車載系統(tǒng)中，交互設(shè)計的「三秒原則」

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

三、HMI視覺設(shè)計原則

1.顏色

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

1.1 關(guān)于色彩

主流的背景以深色為主，那是因為深色的背景更不容易分散司機(jī)注意力，減少了眩光的問題?，F(xiàn)在一些新能源車可以切換白天黑夜模式，也會出現(xiàn)淺色的背景，淺色模式的整體色調(diào)不好把控，處理不好會使屏幕一直處于高亮狀態(tài)，會讓駕駛員產(chǎn)生一定視覺疲勞。

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

色彩對比度

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

文本與底圖對比度建議大于7：1（至少4.5：1）。背景推薦使用深色，避免大面積使用純白色，過度吸引用戶注意。

過高的對比度導(dǎo)致視覺疲勞和閱讀效率的降低。深色模式下背景與文本或圖形的對比度建議不大于18：1。

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

飽和度與明度的合理搭配

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

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

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

越靠右上角的色值越鮮艷，所以不建議選取。

取色時，同時考慮飽和度和明度，這兩個因素的值之和盡量小于180（即：S + B ≤ 180）。

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

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

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

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

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

狀態(tài)顏色

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

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

百度主題案例：

阿里顏色規(guī)范：

華為顏色設(shè)計規(guī)范：

設(shè)計走查自測表：阿里車載-設(shè)計走查自測表

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

2. 字體

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

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

字體的大小，層級，對比度等都是影響視覺可讀性和閱讀效率的重要因素，為保障文本的易讀性，界面文字需滿足以下要求：

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

推薦閱讀：適合車載顯示的10款字體

百度字體設(shè)計規(guī)范：

阿里字體設(shè)計規(guī)范：

3. ICON

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

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

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

4. 內(nèi)容排版

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

4.1 層次和數(shù)量

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

4.2 閱讀排版

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

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

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

5、品牌IP

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

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

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

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

1、基本原則

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

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

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

1.2、及時反饋原則

人的大腦每天通過五種感官接受外部信息的比例分別為：味覺1%；觸覺1.5%；嗅覺3.5%；聽覺11%；視覺83%。

時刻保障關(guān)鍵信息是最高優(yōu)先級的，保證在各種環(huán)境場景下具有良好的可見性和易讀性，無需駕駛員費力尋找和識別。

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

1.2.1 不同場景下的提示

除以上正常駕駛場景外，還有部分對特殊場景的提示，如油耗、故障、雨雪天、超速、疲勞等

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

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

圖片來源：https://dribbble.com/czx

1.2.2 信息獲取效率

同樣，現(xiàn)在的智能汽車，信息呈現(xiàn)的方式，主要也還是視覺為主，聽覺為輔。在還沒有完全實現(xiàn)自動駕駛前，信息呈現(xiàn)層級保持不變。

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

1.3、完整性原則

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

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

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

1.5、信息可視化原則

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

1.6、情感化原則

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

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