发布信息

电气工控自动化:界面风格设计,提升用户体验

作者:软荐小编      2024-06-23 09:09:06     93

电气工控自动化-过万元免费资料

作为一名工程专业的学生,​​我总是带着

“没有美感”

这锅!

关于组态软件界面设计的几点建议。

当你没有主意时我可以帮助你。

界面风格设计

控制台人机界面采用了非标准的Windows风格,以满足用户的个性化要求。但考虑到大多数用户对标准Windows系统比较熟悉,界面中使用的对话框、编辑框、组合框等均采用Windows标准控件软件界面设计工具,对话框中的按钮也采用标准按钮。

界面默认的窗口颜色为亮灰色。因为灰色调在不同的光照条件下容易辨别,避免色盲用户使用窗口时带来的不便。为了区分输入和输出,供用户输入的区域采用白色作为背景色,让用户容易看出这是窗口的活动区域;显示区域设为灰色(或窗口颜色),告诉用户这是不可编辑区域。窗口中所有控件均按照Windows界面设计标准,采用左对齐方式排列。

界面布局

人机界面的布局设计应根据人机工程学的要求,做到简洁、均衡、风格一致。典型的工控界面分为标题菜单部分、图形显示区和按钮部分三部分。根据一致性原则,屏幕上所有对象,如窗口、按钮、菜单等的风格应保持一致。各级按钮的大小、凸凹效果、注释的字体和大小应一致,按钮的颜色应与界面背景色一致。

结构体系

用户一次可以处理的信息量是有限的,因此选择了一种简单而永久的结构,以便操作员可以快速学习如何打开界面。

为了提供足够的信息,保证界面的简洁性,设计采用了分层、层次化的控件布局。分层是指将控件按照功能分成多组,每组再按照逻辑关系细化为多个层级。使用一级按钮控制二级按钮的弹出与隐藏,保证界面的简洁性。分层是指不同层级的按钮垂直分布在不同区域,区域间有明确的分界线。当使用某个按钮弹出下一级按钮时,同层级的其他按钮会被隐藏,使逻辑关系更加清晰。

通常由3个层次组成。第1层是总览界面:该层包含系统中显示的不同系统部分的信息以及如何使这些系统部分协同工作。第2层是过程界面:该层包含指定过程部分的详细信息,并显示哪些设备对象属于该过程部分。该层还显示与报警相对应的设备对象。第3层是详细界面:该层提供每个设备对象的信息,如控制器、控制阀、控制电机等,并显示消息、状态和过程值。

文本应用

控台软件界面上所有文字均采用中文宋体字体,文字大小根据控件的大小选择大、小字体,使显示的信息清晰,保证风格的统一。

人机工程学要求界面的文字要简洁,尽量使用肯定句和主动语态,英文单词要避免缩写。控制台人机界面使用的文字有两种:注释文字和交互文字。注释文字写在按钮等控件上,提示控件的功能,因此尽量使用描述操作的动词,如“设置各种操作”、“系统设置”等。交互文字是人机、计算机与控制器系统交互所需的文字软件界面设计工具,包括输入文字和输出文字。为了同时做到简洁明了,交互文字使用的语句要使用用户熟悉的语句和礼貌用语,如“请检查交流电压”、“系统报警装置已锁定”等。对于信息量较大的场合,应采用上下滚动的方式,而不要左右滚动,这样更符合人的操作习惯。

颜色选择

在人机界面设计中,色彩的选择也是非常重要的。人眼对色彩的反应比对文字的反应快,因此用色彩来区分不同的信息比用文字来区分要好。不同的色彩给人不同的生理和心理感受,因此色彩选择是否合理也会影响操作人员的工作效率。在特定的区域内,使用不同的色彩所产生的效果是不同的。例如:前景色要比较鲜艳,以便用户容易识别,而背景色则要比较暗,以免刺激眼睛。因此,背景色不能使用红色、黄色、草绿色等刺眼的颜色。蓝色和灰色是人眼不敏感的颜色,无论是在视觉的中间还是边缘,眼睛对它们的敏感程度都是一样的,非常适合作为人机界面的基色。但是,蓝色在小范围内不易被感知,而红色和黄色却非常醒目,因此,提示、警告等信息的标志应使用红色和黄色。

使用颜色时需要注意以下几点:

(1)限制同时显示的颜色数量。一般情况下,同一界面显示的颜色数量不要超过4种或5种。

软件界面设计工具_界面工具软件设计图_界面工具软件设计方案

(2)界面中活动对象的颜色应明亮,非活动对象的颜色应暗淡。中性色(如浅灰色)往往是最佳的背景色。

(3)避免将不相容的颜色放在一起(例如黄色和蓝色,红色和绿色等)。

图形应用程序

图形和图标能够形象生动地传达信息,这是文字信息所无法达到的效果。控制台人机界面通过可视化技术将各种数据转化为图形图像信息,显示在图形区域。在图标选取上,力求简单化、标准化,优先选用已经形成并被社会大众普遍认可的标准化图形图标。

转发就是最大的鼓励!谢谢大家的支持!

重要的提醒

想加入工控上位机学习技术交流群

请添加监控人为好友

并注明:地区-行业-名称及昵称,即可获得团体参赛资格。

工控上位机学习
专业专注分享
      

分享到朋友圈,和朋友们一起分享吧

——————————————————————

 来源:工控课堂www.gkket.com,侵删!

▣ 声明:本文素材系网络收集,工控上位机学习编辑整理。文中所用视频、图片、文字版权归原作者所有。但因转载众多,无法确认真正原始作者,故仅标明转载来源。如涉及作品版权问题,烦请及时联系17621634088(微信同号),我们将即刻确认版权并按国家相关规定支付稿酬!

相关内容 查看全部