联系我们 face+ 关于 服务 案例
首页 案例 服务 关于 face+

hmi界面设计和ui界面设计的区别,有效的hmi界面设计的四个步骤

Time: 2021-10-28

    经过听说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界面设计

  图片来源于网络

  有效的hmi界面设计的四个步骤

  1、创建并定义标准

  将操作员所处的物理环境考虑进来,比如控制室的照明、他们监控的屏幕数量、座位离屏幕的距离等。这些因素有助于确定标准,比如字体大小、符号、颜色。形状和图片库有助于确保图案的一致性。记住下面这些提示:

  明智地使用颜色。将主要的数据(过程数值)用高对比度突出显示。次要的或支持性的数据(文本描述符号等)用小一点的字体显示,或将其融合到背景上。警报数据必须使用亮色,使之能够轻易地让人认出。对每种警报优先级都必须选择专用的颜色。

  确保过程线路从左到右,尽可能避免使用曲线及交叉线。

  要保持一致性。在细节、布局、符号、缩略语方面保持绝对的一致性。

  用较宽的线条表示主要的过程流(从进料到主产品)。这种方法有助于区分主要产品/过程流和公用设施线路。

  2、收集、核查数据

  数据来源可能是P&ID、现有显示设备、流程、事件分析、与操作员的交流等各个方面的组合。

  P&ID看起来可能是最复杂的元素。但是请记住,虽然P&ID中的所有部件对过程来说都是至关重要的,但对HMI的显示界面来说它们并非都是重要的。有时候最基本的工具-一盒彩色铅笔-是最有用的。当研究P&ID时,用铅笔画出仪表和流程。不要考虑没有仪表连接到DCS的线路,只画那些有连接的。

hmi界面设计

  图片来源于网络

  3、建立初稿

  初稿可以是对现有显示设备的标记、Microsoft Visio或CAD画图、甚至只是一张素描草图。

  在开始绘制草图的时候,画出你已经标记在P&ID上的图表线,尽量使用直线和非交叉线。结果就应该是一张完整的图表,涵盖了所有需要引入到HMI界面上的东西。你也将因为消除不必要的线路和数据而将出错的概率减到最小。要根据重要性或价值来表征设备,而不是物理尺寸。给予对象合理的显著性状。最大的对象并不总是最重要的。

  4、改进、审核

  将信息和功能进行归类,而不是杂乱罗列。要保证相关的信息在视觉上出现在容易被人接受的群组中。均匀地将信息和图形分布在屏幕上能降低混乱程度。最后一点是,如果核心任务/功能处于中央,图形和流程图通常更易于被人看懂。要将这种思想应用到你的显示屏幕上。

  最后,所有的建议都归于这样一个原则:操作员要能够容易地理解HMI显示的内容、确定任务的优先级、注意到必需的信息。整齐有致的信息能帮助操作员更快地对警报作出反应,更好地理解过程。

  以上就是faceui为大家介绍的关于hmi界面设计的相关内容。hmi的设计是现在很多行业都非常关注的,对hmi界面设计也是一个重点,了解hmi界面设计的相关步骤非常重要。

合作咨询

上海(总部)

上海市浦东新区郭守敬路498号22号楼
021-61057328
service@faceui.com

办公地址地图

北京

北京市东城区后永康17号A座
010-64015620
service@faceui.com

办公地址地图

成都

四川省成都市锦江区东大街牛王庙段100号
028-62790929
service@faceui.com

办公地址地图
首页 | 案例 | 服务 | 关于 | face+ | 智见

Copyright © 2009-2022 FaceUI design. All rights reserved


沪ICP备13044459号-5

上海办公地点地图
北京办公地点地图
深圳办公地点地图
在微信中搜索faceui
或保存二维码在微信中打开