经过听说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界面设计的相关步骤非常重要。