組態軟體人機界面設計六大步驟_行業動態_人機界面資訊_HMI人機...

2020-12-16 中國觸控螢幕網

組態軟體人機界面設計六大步驟

作者：TouchScreen時間：2012-02-16 來源：www.cechina.cn

    北京時間02月16日消息，中國觸控螢幕網訊，組態軟體人機界面設計的六大步驟

    本文來自：http://www.51touch.com/hmi/news/dynamic/201202/16-13959.html

1.界面風格的設計

    控制臺人機界面選用非標準Windows風格CONTROL ENGINEERING China版權所有，以實現用戶個性化的要求。但考慮到大多數用戶對於標準Windows系統較熟悉，在界面設計中儘量兼容標準Windows界面的特徵。因為位圖按鈕可在操作中實現高亮度、突起、凹陷等效果，使界面表現形式更靈活，同時可以方便用戶對控制項的識別。但是，界面裡使用的對話框、編輯框、組合框等都選用Windows標準控制項，對話框中的按鈕也使用標準按鈕。控制項的大小和間距儘量符合Windows界面推薦值的要求。

    界面默認窗體的顏色是亮灰色。因為灰色調在不同的光照條件下容易被識別，且避免了色盲用戶在使用窗體時帶來的不便。為了區分輸入和輸出，供用戶輸入的區域使用白色作為底色，能使用戶容易看到這是窗體的活動區域；顯示區域設為灰色（或窗體顏色），目的是告訴用戶那是不可編輯區域。窗體中所有的控制項依據 Windows界面設計標準採用左對齊的排列方式。對於不同位置上多組控制項，各組也是左對齊。

2．系統界面布局分析

    人機界面的布局設計根據人體工程學的要求應該實現簡潔、平衡和風格一致。典型的工控界面分為3部分：標題菜單部分、圖形顯示區以及按鈕部分。根據一致性原則，保證屏幕上所有對象，如窗口、按鈕、萊單等風格的一致。各級按鈕的大小、凹凸效果和標註字體、字號都保持一致，按鈕的顏色和界面底色保持一致。

3．打開界面的結構體系

    選擇界面的概念取決於多個界面。可將界面設計為循環，如果運行大量界面，必須設計一個合理的結構體系來打開界面。選擇簡單而永久的結構以便操作員能夠快速了解如何打開界面。

    用戶一次處理的信息量是有限的，所以大量信息堆積在屏幕上會影響界面的友好性。為了在提供足夠的信息量的同時保證界面的簡明，在設計上採用了控制項分級和分層的布置方式。分級是指把控制項按功能劃分成多個組，每一組按照其邏輯關係細化成多個級別。用一級按鈕控制二級按鈕的彈出和隱藏保證了界面的簡潔。分層是把不同級別的按鈕縱向展開在不同的區域，區域之間有明顯的分界線。在使用某個按鈕彈出下級按鈕的同時對其他同級的按鈕實現隱藏，使邏輯關係更清晰。

    通常要由3個層面組成。層面1是總覽界面。該層面要包含不同系統部分在系統所顯示的信息，以及如何使這些系統部分協同工作。層面2是過程界面。該層面包含指定過程部分的詳細信息，並顯示哪個設備對象屬於該過程部分。該層面還顯示了報警對應的設各對象。層面3是詳細界面。該層面提供各個設備對象的信息 ，例如控制器、控制閥、控制電機等，並顯示消息、狀態和過程值。如果合適的話，還包含與其他設備對象工作有關的信息。 

4．文字的應用

    界面設計中常用字體有中文的宋體、楷體，英文的扭鍆等，因為這些字體容易辨認、可讀性好考慮到一致性CONTROL ENGINEERING China版權所有，控制臺軟體界面所有的文本都選用中文宋體，文字的大小根據控制項的尺寸選用了大小兩種字號，使顯示信息清晰並保證風格統一。

    人體工程學要求界面的文本用語簡潔，儘量用肯定句和主動語態，英文詞語避免縮寫。控制臺人機界面中應用的文本有兩類：標註文本和交互文本。標註文本是寫在按鈕等控制項上，表示控制項功能的文字，所以儘量使用了描述操作的動詞如「設各操作」、「系統設置」等。交互文本是人與計算機以及計算機與總控制臺等系統交互信息所需要的文本，包括輸人文本和輸出文本。交互文本使用的語句為了在簡潔的同時表達清晰，儘量採用用戶熟悉的句子和禮貌的表達方式如「請檢查交流電壓」、「系統警告裝置鎖定」。對於信｀息量大的情況，採用上下滾動而不用左右滾屏，因為這樣更符合人的操作習慣。

5.色彩的選擇

    人機界面設計中色彩的選擇也是非常重要的。人眼對顏色的反應比對文字的反應要快，所以不同的信息用顏色來區別比用文字區別的效果要好。不同色彩給人的生理和心理的感覺是不同的，所以色彩選擇是否合理也會對操作者的工作效率產生影響。在特定的區域控制工程網版權所有，不同顏色的使用效果是不同的。例如：前景顏色要鮮明一些使用戶容易識別，而背景顏色要暗淡一些以避免對眼睛的刺激。所以，紅色、黃色、草綠色等耀眼的色彩不能應用於背景色。藍色和灰色是人眼不敏感的色彩，無論處在視覺的中間還是邊緣位置，眼睛對它的敏感程度是相同的，作為人機界面的底色調是非常合適的。但是在小區域內的藍色就不容易感知，而紅色和黃色則很醒目。因此提示和警告等信息的標誌宜採用紅色、黃色。 

使用顏色時應注意幾點：

    （1）限制同時顯示的顏色數一般同一界面不宜超過4或5種，可用不同層次及形狀來配合顏色增加的變化。

    （2）界面中活動對象顏色應鮮明，而非活動對象應暗淡，對象顏色應不同，前景色宜鮮豔一些，背景則應暗淡。中性顏色（如淺灰色）往往是最好的背景顏色，淺色具有跳到面前的傾向，而黑色則使人感到退到了背景之中。

    （3）避免不兼容的顏色放在一起（如黃與藍，紅與綠等），除非作對比時用。

6.圖形和圖標的使用

    圖形和圖標能形象地傳達信息CONTROL ENGINEERING China版權所有，這是文本信息達不到的效果。控制臺人機界面通過可視化技術將各種數據轉換成圖形、圖像信息顯示在圖形區域。選擇圖標時力求簡單化、標準化，並優先選用已經創建並普遍被大眾認可的標準化圖形和圖標。

觸控螢幕與OLED網推出微信公共平臺，每日一條微信新聞，涵蓋觸控螢幕材料、觸控螢幕設備、觸控面板行業主要資訊，第一時間了解觸控螢幕行業發展動態。關注辦法：微信公眾號「i51touch」 或微信中掃描下面二維碼關注，或這裡查看詳細步驟

相關焦點

  • 人機界面HMI的8大知識點匯總
    一、HMI簡介 　　HMI是HumanMachineInterface的縮寫，「人機接口」，也叫人機界面。人機界面（又稱用戶界面或使用者界面）是系統和用戶之間進行交互和信息交換的媒介，它實現信息的內部形式與人類可以接受形式之間的轉換。凡參與人機信息交流的領域都存在著人機界面。
  • 人機界面設計原則及設計思想
    人機界面(HumanComputerInterface，簡稱HCI)也可以稱為用戶界面或使用者界面，它是系統和用戶之間進行交互和信息交換的媒介。利用人機界面可以實現信息的內部形式與人類可以接受形式之間的轉換(伺服控制系統)。在實際生活中，凡參與人機信息交流的領域都存在著人機界面。那麼什麼是人機界面設計呢，人機界面設計原則有哪些呢?
  • 「學PLC必備常識」,熟悉人機界面技術(HMI),值得收藏
    三、人機界面未來的發展趨勢　有些機械行業，比如說工具機、紡織機械等行業，在國內已經發展有幾十年的歷史了，相對來說屬於比較成熟的行業，從長遠看，這些行業還存在著設備升級換代的需求。鑑於這種需求，以後人機界面的改變，將在形狀上、觀念上、應用場合等方面都有所改變，從而帶來工控機核心技術的一次次變革。總體來講，人機界面的未來發展趨勢是六個現代化：平臺嵌入化、品牌民族化、設備智能化、界面時尚化、通訊網絡化和節能環保化。
  • 西門子人機界面(觸控螢幕)組態與應用技術 第3版|全套配套資源(文末贈書)
    今天為您推薦一本精品圖書--西門子人機界面（觸控螢幕）組態與應用技術 第3版（9787111601869），本書配套資源豐富（電子課件、配套軟體、40多個例程、20多本中文手冊，40餘個教學視頻），歡迎申請樣書（連結見下方）配套教學視頻搶先看↓廖常初，畢業於清華大學，現為重慶大學教授
  • 供應臺達HMI人機界面大全,臺達電氣代理商
    產品規格　　7」寬屏幕65536色顯示屏幕　　內置急停按鈕　　內置背面促動開關　　串行通訊機種提供一個通訊埠，支持RS485 / RS422　　乙太網絡機種支持一個乙太網口　　內置手輪(選配)　　輕量化設計
  • 視聽整合:人機互動界面的新方向
    近年來，隨著人工智慧的蓬勃發展，機器智能在不斷進步，機器視覺、語音識別、動作控制等領域實現了重大突破，並開始廣泛滲透到金融、客服、醫療、無人駕駛等行業。當前，雖然有許多關於大腦對多模態信號敏感性的研究，但視聽整合視角下人機互動的相關研究相對較少。本文試探索視聽整合新方法，開發人機互動界面的新潛能。
  • 汽車人機界面(HMI)的發展趨勢-第1部分
    我們在人機界面（HMI）上的體驗將會有很大不同——人機界面確保所有駕車上路的人都能理解和操作每一代新汽車所採用的不斷進步的技術。汽車人機界面在不斷發展，因此我們已經開始記錄汽車製造商和供應商正在探索的重要趨勢，這些趨勢指向2.0版乘客體驗。當有重大進展時，我們將更新這篇文章。
  • 嵌入式人機互動界面研究與實現
    需要特殊指出的是蘋果公司IOS系統屬於封閉系統，開發者僅能針對應用程式界面進行開發，無法修改系統界面。目前，嵌入式人機互動界面開發可以選擇作業系統主要分為WinCE和Linux兩大陣營，隨著2012年底微軟公司宣布Wince停止更新，越來越多的開發人員在選擇作業系統時轉而選擇Linux以及Linux衍生出的Android等作業系統。
  • 【技術】SCADA系統的人機界面
    人機界面（英語：Human Machine Interaction，縮寫為HMI），是一個可以顯示程序狀態的設備，相關工作人員可以通過人機界面的設備監控並控制程序
  • 基於Android作業系統實現車載人機界面應用程式的設計
    打開APP 基於Android作業系統實現車載人機界面應用程式的設計 李培培；朱維傑 發表於 2020-04-06 18:18:00
  • 人機界面-專題-CK365測控網
    人機界面（Human Machine Interaction，簡稱HMI），又稱用戶界面或使用者界面，是人與計算機之間傳遞、交換信息的媒介和對話接口，是計算機系統的重要組成部分。是系 統和用戶之間進行交互和信息交換的媒介，它實現信息的內部形式與人類可以接受形式之間的轉換。
  • 「觸摸」未來:人機互動HMI為我們搭建通向新時代的橋梁
    本文引用地址：http://www.eepw.com.cn/article/202005/412790.htm如果說物聯網技術的出現是將設備與設備之間進行連接，那麼人機互動技術則是為人類與機器設備之間構建了溝通的橋梁。無論是工廠中轟鳴的工業生產設備，還是人類手中小巧的移動智能設備，我們都需要人機界面來實現與設備的交互。
  • Lonkon工業組態軟體操作手冊免費下載
    ，將以往的組態軟體和人機界面的功能集成在一起，比以往普通的觸控螢幕的功能更強大，在自動化領域有著更廣泛的應用。Lonkon組態軟體以圖像、圖符、報表、曲線等多種形式，為操作員及時提供系統運行中的狀態、品質及異常報警等有關信息；通過對圖形大小的變化、顏色的改變、明暗的閃爍、圖形的移動翻轉等多種手段，增強畫面的動態顯示效果；在圖元、圖符對象上定義相應的狀態屬性，實現動畫效果。Lonkon組態軟體還為用戶提供了豐富的WINDOWS 編程控制項，使設計人員編程更方便。 　　 強大的網絡功能。
  • 人機互動新體驗,全新AR界面讓你輕鬆控制畫中物
    增強現實（AR）作為新一代人機互動平臺，或許可以幫你實現這一願望。近日，卡爾加裡大學、Adobe 研究中心和科羅拉多大學博爾德分校的研究人員創建了一個增強現實（AR）界面 RealitySketch，該界面可用於繪製交互式圖形和可視化、可響應的草圖。
  • Presagis公司公布下一代人機界面開發軟體
    加拿大Presagis公司近日發布了最新人機互動界面（HMI）軟體---VAPSXTv4.0和VAPSXT-178V4.0。
  • 車載HMI,下一個UX設計熱點?
    在不久的將來，電動汽車的普及很自然會改變汽車的人機互動體驗，最起碼的用像素代替物理按鈕和旋鈕。雖然車載HMI有很大的潛力，但還沒有看到汽車行業出現如蘋果手機的用戶體驗超越諾基亞按鍵手機那般顛覆的改變。隨著網際網路公司對智能電動車的投入與關注，蔚來NIO、拜騰BYTON、樂視FF、小鵬汽車等新一代智能車企陸續推出產品。
  • HMI掃盲貼:人機互動,從安全到智能
    其中我們通常所說的「人機互動界面」是指用戶可見的部分。通過人機互動界面與系統交流並進行操作。小如收音機的播放按鍵，大至飛機上的儀錶板、或是發電廠的控制室。因此，人機互動界面的設計要包含用戶對系統的理解（即心智模型），這是為了系統的可用性或者用戶友好性。 HMI目前大量運用在工業與商業上，簡單的區分為「輸入」與「輸出」兩種。輸入指的是由人來進行機械或設備的操作，命令的下達或保養維護等；而輸出指的是由機械或設備發出來的通知，如故障、警告、操作說明提示等。
  • UI界面設計基本原則!
    文/田龍過 閆河 用戶界面(UserInterface) 也稱人機界面，是指軟體用於和用戶交流的外觀、部件和程序等，簡稱UI，它是用戶和智慧型手機之間進行交流和通訊的平臺和紐帶，是用戶感知、認知、使用和體驗軟體的最主要的媒介。
  • 人機互動的內容有哪些_人機互動主要研究什麼
    友好人機互動界面的開發離不開好的交互模型與設計方法。因此，研究人機互動界面的表示模型與設計方法，是人機互動的重要研究內容之一。 　　可用性分析與評估（Usability and Evaluation） 　　可用性是人機互動系統的重要內容，它關係到人機互動能否達到用戶期待的目標，以及實現這一目標的效率與便捷性。
  • 華安鑫創:人機互動圖形設計業務獲得較快發展
    華安鑫創憑藉自身的技術儲備、行業經驗以及對上遊器件產品工藝性能的了解，提供先進、成熟的綜合研發定製服務。公司在經營過程中，逐漸建立了完善的技術研發體系，取得了相匹配的技術儲備和智慧財產權以支撐業務發展，研發人員可以熟練使用QNX、Linux等主流開發平臺，以滿足下遊開發需求。公司自主研發了3項發明專利、19項實用新型專利、3項外觀設計專利，90項軟體著作權。