經(jīng)過(guò)聽(tīng)說(shuō)hmi和ui設(shè)計(jì)，大家對(duì)此有多少了解呢？其實(shí)這兩者之間有相關(guān)聯(lián)的地方，也有一定的區(qū)別。今天就讓faceui為大家介紹hmi界面設(shè)計(jì)和ui界面設(shè)計(jì)的區(qū)別，有效的hmi界面設(shè)計(jì)的四個(gè)步驟。

　　hmi界面設(shè)計(jì)和ui界面設(shè)計(jì)的區(qū)別

　　ui= User interface，譯為：用戶界面。

　　hmi= Human Machine interaction，譯為：人機(jī)交互。也稱人機(jī)界面，又稱用戶界面或使用者界面。是系統(tǒng)和用戶之間進(jìn)行交互和息交換的媒介， 它實(shí)現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。 凡參與人機(jī)信息交流的領(lǐng)域都存在人機(jī)界面。

　　1、hmi和ui大小體積不同

　　從本質(zhì)上來(lái)講，HMI與UI指的其實(shí)一回事，都是用戶界面的意思。只是HMI一般特指工業(yè)機(jī)器的用戶界面，比如車載屏幕、數(shù)控機(jī)器的操作界面，這些工業(yè)設(shè)備有個(gè)特點(diǎn)就是體積更大、更厚重。

　　而我們說(shuō)的UI，通常指代的是電腦、手機(jī)、電視這種居家數(shù)碼設(shè)備的用戶界面，其體積相對(duì)更加輕巧。

　　2、hmi和ui目前適用的范圍不同

　　隨著未來(lái)新能源汽車品牌不斷涌現(xiàn)，會(huì)有更多汽車App產(chǎn)品的設(shè)計(jì)需求，同時(shí)隨著5G技術(shù)普及，遠(yuǎn)程醫(yī)療、大數(shù)據(jù)可視化、智能家居、智慧城市...這些產(chǎn)品對(duì)UI設(shè)計(jì)都有著巨大的需求。

　　如今大多數(shù)UI設(shè)計(jì)停留在手機(jī)APP端，網(wǎng)頁(yè)web端，游戲設(shè)計(jì)，只能說(shuō)這是UI設(shè)計(jì)的開(kāi)始，而不是結(jié)束，時(shí)代將為UI設(shè)計(jì)帶來(lái)前所未有的機(jī)遇。

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

　　有效的hmi界面設(shè)計(jì)的四個(gè)步驟

　　1、創(chuàng)建并定義標(biāo)準(zhǔn)

　　將操作員所處的物理環(huán)境考慮進(jìn)來(lái)，比如控制室的照明、他們監(jiān)控的屏幕數(shù)量、座位離屏幕的距離等。這些因素有助于確定標(biāo)準(zhǔn)，比如字體大小、符號(hào)、顏色。形狀和圖片庫(kù)有助于確保圖案的一致性。記住下面這些提示：

　　明智地使用顏色。將主要的數(shù)據(jù)(過(guò)程數(shù)值)用高對(duì)比度突出顯示。次要的或支持性的數(shù)據(jù)(文本描述符號(hào)等)用小一點(diǎn)的字體顯示，或?qū)⑵淙诤系奖尘吧?。警?bào)數(shù)據(jù)必須使用亮色，使之能夠輕易地讓人認(rèn)出。對(duì)每種警報(bào)優(yōu)先級(jí)都必須選擇專用的顏色。

　　確保過(guò)程線路從左到右，盡可能避免使用曲線及交叉線。

　　要保持一致性。在細(xì)節(jié)、布局、符號(hào)、縮略語(yǔ)方面保持絕對(duì)的一致性。

　　用較寬的線條表示主要的過(guò)程流(從進(jìn)料到主產(chǎn)品)。這種方法有助于區(qū)分主要產(chǎn)品/過(guò)程流和公用設(shè)施線路。

　　2、收集、核查數(shù)據(jù)

　　數(shù)據(jù)來(lái)源可能是P&ID、現(xiàn)有顯示設(shè)備、流程、事件分析、與操作員的交流等各個(gè)方面的組合。

　　P&ID看起來(lái)可能是最復(fù)雜的元素。但是請(qǐng)記住，雖然P&ID中的所有部件對(duì)過(guò)程來(lái)說(shuō)都是至關(guān)重要的，但對(duì)HMI的顯示界面來(lái)說(shuō)它們并非都是重要的。有時(shí)候最基本的工具-一盒彩色鉛筆-是最有用的。當(dāng)研究P&ID時(shí)，用鉛筆畫出儀表和流程。不要考慮沒(méi)有儀表連接到DCS的線路，只畫那些有連接的。

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

　　3、建立初稿

　　初稿可以是對(duì)現(xiàn)有顯示設(shè)備的標(biāo)記、Microsoft Visio或CAD畫圖、甚至只是一張素描草圖。

　　在開(kāi)始繪制草圖的時(shí)候，畫出你已經(jīng)標(biāo)記在P&ID上的圖表線，盡量使用直線和非交叉線。結(jié)果就應(yīng)該是一張完整的圖表，涵蓋了所有需要引入到HMI界面上的東西。你也將因?yàn)橄槐匾木€路和數(shù)據(jù)而將出錯(cuò)的概率減到最小。要根據(jù)重要性或價(jià)值來(lái)表征設(shè)備，而不是物理尺寸。給予對(duì)象合理的顯著性狀。最大的對(duì)象并不總是最重要的。

　　4、改進(jìn)、審核

　　將信息和功能進(jìn)行歸類，而不是雜亂羅列。要保證相關(guān)的信息在視覺(jué)上出現(xiàn)在容易被人接受的群組中。均勻地將信息和圖形分布在屏幕上能降低混亂程度。最后一點(diǎn)是，如果核心任務(wù)/功能處于中央，圖形和流程圖通常更易于被人看懂。要將這種思想應(yīng)用到你的顯示屏幕上。

　　最后，所有的建議都?xì)w于這樣一個(gè)原則：操作員要能夠容易地理解HMI顯示的內(nèi)容、確定任務(wù)的優(yōu)先級(jí)、注意到必需的信息。整齊有致的信息能幫助操作員更快地對(duì)警報(bào)作出反應(yīng)，更好地理解過(guò)程。

　　以上就是faceui為大家介紹的關(guān)于hmi界面設(shè)計(jì)的相關(guān)內(nèi)容。hmi的設(shè)計(jì)是現(xiàn)在很多行業(yè)都非常關(guān)注的，對(duì)hmi界面設(shè)計(jì)也是一個(gè)重點(diǎn)，了解hmi界面設(shè)計(jì)的相關(guān)步驟非常重要。