經過聽說hmi和ui設計，大家對此有多少了解呢？其實這兩者之間有相關聯的地方，也有一定的區別。今天就讓faceui為大家介紹hmi界面設計和ui界面設計的區別，有效的hmi界面設計的四個步驟。

　　hmi界面設計和ui界面設計的區別

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

　　hmi= Human Machine interaction，譯為：人機交互。也稱人機界面，又稱用戶界面或使用者界面。是系統和用戶之間進行交互和息交換的媒介， 它實現信息的內部形式與人類可以接受形式之間的轉換。 凡參與人機信息交流的領域都存在人機界面。

　　1、hmi和ui大小體積不同

　　從本質上來講，HMI與UI指的其實一回事，都是用戶界面的意思。只是HMI一般特指工業機器的用戶界面，比如車載屏幕、數控機器的操作界面，這些工業設備有個特點就是體積更大、更厚重。

　　而我們說的UI，通常指代的是電腦、手機、電視這種居家數碼設備的用戶界面，其體積相對更加輕巧。

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

　　隨著未來新能源汽車品牌不斷涌現，會有更多汽車App產品的設計需求，同時隨著5G技術普及，遠程醫療、大數據可視化、智能家居、智慧城市...這些產品對UI設計都有著巨大的需求。

　　如今大多數UI設計停留在手機APP端，網頁web端，游戲設計，只能說這是UI設計的開始，而不是結束，時代將為UI設計帶來前所未有的機遇。

　　圖片來源于網絡

　　有效的hmi界面設計的四個步驟

　　1、創建并定義標準

　　將操作員所處的物理環境考慮進來，比如控制室的照明、他們監控的屏幕數量、座位離屏幕的距離等。這些因素有助于確定標準，比如字體大小、符號、顏色。形狀和圖片庫有助于確保圖案的一致性。記住下面這些提示：

　　明智地使用顏色。將主要的數據(過程數值)用高對比度突出顯示。次要的或支持性的數據(文本描述符號等)用小一點的字體顯示，或將其融合到背景上。警報數據必須使用亮色，使之能夠輕易地讓人認出。對每種警報優先級都必須選擇專用的顏色。

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

　　要保持一致性。在細節、布局、符號、縮略語方面保持絕對的一致性。

　　用較寬的線條表示主要的過程流(從進料到主產品)。這種方法有助于區分主要產品/過程流和公用設施線路。

　　2、收集、核查數據

　　數據來源可能是P&ID、現有顯示設備、流程、事件分析、與操作員的交流等各個方面的組合。

　　P&ID看起來可能是最復雜的元素。但是請記住，雖然P&ID中的所有部件對過程來說都是至關重要的，但對HMI的顯示界面來說它們并非都是重要的。有時候最基本的工具-一盒彩色鉛筆-是最有用的。當研究P&ID時，用鉛筆畫出儀表和流程。不要考慮沒有儀表連接到DCS的線路，只畫那些有連接的。

　　圖片來源于網絡

　　3、建立初稿

　　初稿可以是對現有顯示設備的標記、Microsoft Visio或CAD畫圖、甚至只是一張素描草圖。

　　在開始繪制草圖的時候，畫出你已經標記在P&ID上的圖表線，盡量使用直線和非交叉線。結果就應該是一張完整的圖表，涵蓋了所有需要引入到HMI界面上的東西。你也將因為消除不必要的線路和數據而將出錯的概率減到最小。要根據重要性或價值來表征設備，而不是物理尺寸。給予對象合理的顯著性狀。最大的對象并不總是最重要的。

　　4、改進、審核

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

　　最后，所有的建議都歸于這樣一個原則：操作員要能夠容易地理解HMI顯示的內容、確定任務的優先級、注意到必需的信息。整齊有致的信息能幫助操作員更快地對警報作出反應，更好地理解過程。

　　以上就是faceui為大家介紹的關于hmi界面設計的相關內容。hmi的設計是現在很多行業都非常關注的，對hmi界面設計也是一個重點，了解hmi界面設計的相關步驟非常重要。