經(jīng)過聽說hmi和ui設計,大家對此有多少了解呢?其實這兩者之間有相關聯(lián)的地方,也有一定的區(qū)別。今天就讓faceui為大家介紹hmi界面設計和ui界面設計的區(qū)別,有效的hmi界面設計的四個步驟。
hmi界面設計和ui界面設計的區(qū)別
ui= User interface,譯為:用戶界面。
hmi= Human Machine interaction,譯為:人機交互。也稱人機界面,又稱用戶界面或使用者界面。是系統(tǒng)和用戶之間進行交互和息交換的媒介, 它實現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。 凡參與人機信息交流的領域都存在人機界面。
1、hmi和ui大小體積不同
從本質(zhì)上來講,HMI與UI指的其實一回事,都是用戶界面的意思。只是HMI一般特指工業(yè)機器的用戶界面,比如車載屏幕、數(shù)控機器的操作界面,這些工業(yè)設備有個特點就是體積更大、更厚重。
而我們說的UI,通常指代的是電腦、手機、電視這種居家數(shù)碼設備的用戶界面,其體積相對更加輕巧。
2、hmi和ui目前適用的范圍不同
隨著未來新能源汽車品牌不斷涌現(xiàn),會有更多汽車App產(chǎn)品的設計需求,同時隨著5G技術普及,遠程醫(yī)療、大數(shù)據(jù)可視化、智能家居、智慧城市...這些產(chǎn)品對UI設計都有著巨大的需求。
如今大多數(shù)UI設計停留在手機APP端,網(wǎng)頁web端,游戲設計,只能說這是UI設計的開始,而不是結(jié)束,時代將為UI設計帶來前所未有的機遇。

圖片來源于網(wǎng)絡
有效的hmi界面設計的四個步驟
1、創(chuàng)建并定義標準
將操作員所處的物理環(huán)境考慮進來,比如控制室的照明、他們監(jiān)控的屏幕數(shù)量、座位離屏幕的距離等。這些因素有助于確定標準,比如字體大小、符號、顏色。形狀和圖片庫有助于確保圖案的一致性。記住下面這些提示:
明智地使用顏色。將主要的數(shù)據(jù)(過程數(shù)值)用高對比度突出顯示。次要的或支持性的數(shù)據(jù)(文本描述符號等)用小一點的字體顯示,或?qū)⑵淙诤系奖尘吧?。警報?shù)據(jù)必須使用亮色,使之能夠輕易地讓人認出。對每種警報優(yōu)先級都必須選擇專用的顏色。
確保過程線路從左到右,盡可能避免使用曲線及交叉線。
要保持一致性。在細節(jié)、布局、符號、縮略語方面保持絕對的一致性。
用較寬的線條表示主要的過程流(從進料到主產(chǎn)品)。這種方法有助于區(qū)分主要產(chǎn)品/過程流和公用設施線路。
2、收集、核查數(shù)據(jù)
數(shù)據(jù)來源可能是P&ID、現(xiàn)有顯示設備、流程、事件分析、與操作員的交流等各個方面的組合。
P&ID看起來可能是最復雜的元素。但是請記住,雖然P&ID中的所有部件對過程來說都是至關重要的,但對HMI的顯示界面來說它們并非都是重要的。有時候最基本的工具-一盒彩色鉛筆-是最有用的。當研究P&ID時,用鉛筆畫出儀表和流程。不要考慮沒有儀表連接到DCS的線路,只畫那些有連接的。

圖片來源于網(wǎng)絡
3、建立初稿
初稿可以是對現(xiàn)有顯示設備的標記、Microsoft Visio或CAD畫圖、甚至只是一張素描草圖。
在開始繪制草圖的時候,畫出你已經(jīng)標記在P&ID上的圖表線,盡量使用直線和非交叉線。結(jié)果就應該是一張完整的圖表,涵蓋了所有需要引入到HMI界面上的東西。你也將因為消除不必要的線路和數(shù)據(jù)而將出錯的概率減到最小。要根據(jù)重要性或價值來表征設備,而不是物理尺寸。給予對象合理的顯著性狀。最大的對象并不總是最重要的。
4、改進、審核
將信息和功能進行歸類,而不是雜亂羅列。要保證相關的信息在視覺上出現(xiàn)在容易被人接受的群組中。均勻地將信息和圖形分布在屏幕上能降低混亂程度。最后一點是,如果核心任務/功能處于中央,圖形和流程圖通常更易于被人看懂。要將這種思想應用到你的顯示屏幕上。
最后,所有的建議都歸于這樣一個原則:操作員要能夠容易地理解HMI顯示的內(nèi)容、確定任務的優(yōu)先級、注意到必需的信息。整齊有致的信息能幫助操作員更快地對警報作出反應,更好地理解過程。
以上就是faceui為大家介紹的關于hmi界面設計的相關內(nèi)容。hmi的設計是現(xiàn)在很多行業(yè)都非常關注的,對hmi界面設計也是一個重點,了解hmi界面設計的相關步驟非常重要。


在微信中搜索faceui