1. <div id="wgskq"><tr id="wgskq"><mark id="wgskq"></mark></tr></div>

        
        

            组态软件人机界面设计六大步骤

            作者TouchScreen时间2012-02-16 来源www.cechina.cn

            [摘要]组态软件人机界面设计的六大步骤:1.界面风格的设计,2系统界面布局分析,3打开界面的结构体系,4文字的应用,5.色彩的选择,6.图形和图标的使用.

                北京时间02月16日消息中国触摸屏网讯组态软件人机界面设计的六大步骤

                本文来自http://www.icdw.tw/hmi/news/dynamic/201202/16-13959.html

            1.界面风格的设计

                控制台人机界面选用非标准Windows风格CONTROL ENGINEERING China版权所有以实现用户个性化的要求但考虑到大多数用户?#26434;?#26631;准Windows系统较熟悉在界面设计中尽?#32771;?#23481;标准Windows界面的特征因为位图按钮可在操作中实现高亮度突起凹陷等效果使界面表?#20013;?#24335;更灵活同时可以方便用户对控件的识别但是界面里使用的对话框编辑框组合框等都选用Windows标准控件对话框中的按钮?#24425;?#29992;标准按钮控件的大小?#22270;?#36317;尽量符合Windows界面推荐值的要求

                界面默认窗体的颜色是亮灰色因为灰色调在不同的光照条件下容易被识别且避免了色盲用户在使用窗体时带来的不便为了区分输入和输出供用户输入的区域使用白色作为底色能使用户容易看到这是窗体的活动区域显示区域设为灰色或窗体颜色目的是告诉用户那是不可编辑区域窗体中所有的控件依据 Windows界面设计标准采用左对齐的排列方式?#26434;?#19981;同位置上多组控件各组?#24425;?#24038;对齐

            2系统界面布局分析

                人机界面的布局设计根据人体工程学的要求应该实现简洁平衡和风格一致典型的工控界面分为3部分标题菜单部分图形显示区以及按钮部分根据一致性原则保证屏幕上所有对象如窗口按钮莱单等风格的一致各级按钮的大小凹凸效果和标注字体字号都保持一致按钮的颜色和界面底色保持一致

            3打开界面的结构体系

                选择界面的概念取决于多个界面可将界面设计为循环如果运行大量界面必须设计一个合理的结构体系来打开界面选择简单而永久的结构以便操作员能够快速了解如何打开界面

                用户一次处理的信息量是有限的所以大量信息堆积在屏幕上会影响界面的友好性为了在提供足够的信息量的同时保证界面的简明在设计上采用了控件分级和分层的布置方式分级是指把控件按功能划分成多个组每一组按照其逻辑关系细化成多个级别用一级按钮控制二级按钮的弹出和隐藏保证了界面的简洁分层?#21069;?#19981;同级别的按钮纵向展开在不同的区域区域之间有明显的分界线在使用某个按钮弹出下级按钮的同时对其他同级的按钮实现隐藏使逻辑关系更清晰

                通常要由3个层面组成层面1是总览界面该层面要包含不同系统部分在系统所显示的信息以及如何使这些系统部?#20013;?#21516;工作层面2是过程界面该层面包含指定过程部分的详细信息并显示哪个设备对象属于该过程部分该层面还显示了报警对应的设各对象层面3是详细界面该层面提供各个设备对象的信息 例如控制器控?#21697;?#25511;制电机等并显示消息状态和过程值如果合适的话还包含与其他设备对象工作有关的信息 

            4文字的应用

                界面设计中常用字体有中文的宋体楷体英文的扭钔等因为这些字体容易辨认可读性好考虑到一致性CONTROL ENGINEERING China版权所有控制台软件界面所有的文本都选用中文宋体文字的大小根据控件的尺寸选用了大小两种字号使显示信息清晰并保证风格统一

                人体工程学要求界面的文本用语简洁尽量用肯定句和主动语态英文词语避免缩写控制台人机界面中应用的文本有两类标注文本和交互文本标注文本是写在按钮等控件上表示控件功能的文字所以尽量使用了描述操作的动词如“设各操作”“系统设置”等交互文本是人与计算机以及计算机与总控制台等系统交互信息所需要的文本包括输人文本和输出文本交互文本使用的语句为了在简洁的同时表达清晰尽量采用用户熟悉的句子和礼貌的表达方式如“请检查交流电压”“系统警告装置锁定”?#26434;?#20449;息量大的情况采用上下滚动而不用左右滚屏因为这样更符合人的操作习惯

            5.色彩的选择

                人机界面设计中色彩的选择?#24425;?#38750;常重要的人眼对颜色的反应比对文字的反应要快所以不同的信息用颜色来区别比用文字区别的效果要好不同色彩给人的生理和心理的感觉是不同的所以色彩选择是否合理也会对操作者的工作效率产生影响在特定的区域控制工程网版权所有不同颜色的使用效果是不同的例如前景颜色要鲜明一些使用户容?#36164;?#21035;而背景颜色要暗淡一些以避免对眼睛的刺激所以红色黄色草绿色等耀眼的色彩不能应用于背景色蓝色和灰色是人眼不敏感的色彩无论处在视觉的中间还是边缘位置眼睛对它的敏感程度是相同的作为人机界面的底色调是非常合适的但是在小区域内的蓝色就不容易感知而红色和黄色则很醒目因此提示和警告等信息的标志宜采用红色黄色 

            使用颜色时应注意几点

                1限制同时显示的颜色数一般同一界面?#28784;?#36229;过4或5种可用不同层次及形状来配合颜色增加的变化

                2界面中活动对象颜色应鲜明而非活动对象应暗淡对象颜色应不同前景色宜鲜艳一些背景则应暗淡?#34892;?#39068;色如浅灰色往往是最好的背景颜色浅色具有跳到面前的倾向而黑色则使人感到退到了背景之中

                3避免不兼容的颜色放在一起如黄与蓝红与绿等除非作对比时用

            6.图形和图标的使用

                图形和图标能形象地传达信息CONTROL ENGINEERING China版权所有这是文本信息达不到的效果控制台人机界面通过可视化技术将各种数据转换成图形图像信息显示在图形区域选择图标时力求简单化标准化并优先选用已经创建并普遍被大众认可的标准化图形和图标

            触摸屏与OLED网推出微信公共平台每日一条微信新闻涵盖触摸屏材料触摸屏设备触控面板行业主要资讯第一时间了解触摸屏行业发展动态关注办法?#20309;?#20449;公众号i51touch 或微信中扫描下面二维码关注或这里查看详细步骤

            相关阅读
            分享到
            我要 投稿 意见 反馈 论坛 社区
            官方 微信
            触摸屏与OLED网官方微信号i51touch
            关于我们 | 广告服务 | 联系我们 | 版权声明 | 隐私政策 | 网站地图 | 友情链接 | ?#38431;?#25237;稿 | 加入收藏 | 意见反馈 | 经销商加入
            网站广告经销商?#29992;ˡ?font color="red">触摸屏软件销售 028-85108892 13183843395 028-66219290 联系人 张小姐 产品购买联系方式如下
            地址成都市高升桥东路2号高盛?#34892;?109室 电话 028-85108892 13183843395 028-66219290
            版权所有 Copyright(C) 2003-2015 All rights reserved 中国触摸屏网 电子邮件 [email protected] [email protected]
            业务合作QQ触摸屏技术,触摸屏报价,触摸屏软件咨询 43361182 触摸屏软件制作与技术支持触摸屏软件,触摸查询系统,触摸查询软件 893008608 媒体合作QQ 893008608

            2000人超级QQ触摸屏?#28023;?9897879 171220106


            Ʊѯվ
              1. <div id="wgskq"><tr id="wgskq"><mark id="wgskq"></mark></tr></div>

                
                

                      1. <div id="wgskq"><tr id="wgskq"><mark id="wgskq"></mark></tr></div>