浅谈中控系统设计(下).docVIP

浅谈中控系统设计(下) 　　用户界面和系统交互设计 　　用户界面我们每天都在接触，不论是安卓还是iPhone手机，都属于用户界面。在中控系统中比较特殊，每个界面都是独一无二的，或者说是度身定制的，我们这里会讨论什么样的界面是好的界面，另外在设计用户界面的时候，有哪些地方需要注意。 　　做系统配置或编程时，通常工程师也会负责做界面的设计，工程师逻辑思维能力比较强，但是美感上会稍有欠缺，这时就会出现一些问题。图一中的三个界面，其本身的背景图都是非常漂亮的，但是和按钮做了不太合适的搭配之后，就显得有些拙劣。所以，对于系统设计师来说，可视化的元素非常重要，它不应该在实施的时候才被考虑，而是应该在先期就和客户做一些沟通。 　　如何来做一个好的界面？Visual Basic之父Alan Cooper曾说过：“无论你的界面看起来有多酷，如果能少那么一点花哨会更好。”意思是我们做系统交互的时候一定要非常合理，非常有效。他讲到了三个方法，一个是要看目标受众是谁，有的人只是以消遣为目的；二是要有强大的功能和目标，这里的使用者通常是系统的维护和操作人员，他希望大部分的功能都可以通过图形化的界面来实现；第三是演讲者，其使用的场景通常是固定的，比如说很多酒店会有清扫模式、宴会模式、演讲模式等所谓的场景。Cooper认为一定要把交互式设计放在前面，然后再去设计程序，他把用户的困难都归罪于拙劣的软件设计。 　　要改进用户界面，有以下的一些方法： 　　1. 一致性，设计最重要的准则是一致。用户希望在同一组织不同的会议室里都能轻松操作，这就需要为他们提供一致性的界面。对于集成商来说，如果经常做一致性的界面，颜色、形状、尺寸、字体、标签、位置等元素在每个项目中都保持一致，对于实施项目非常有利，不需要每次为了修改某个按钮的颜色或形状去花很多时间。一致性不管是对最终用户还是集成商来说，都可以从中获益。 　　2. 功能要清晰可见，一个组件要能提供用户执行操作的线索，用户需要很自然地和触摸屏界面的组件进行交互，并确定：哪个组件是可以被按下的？哪个区域需要输入？哪个区域能提供反馈？这就需要为按钮设计可按的属性，如图二，左边的按钮可以被视为标签或者按钮，因为它没有明显的属性显示它是可以按的，右边的按钮表现出一些层次感，有光的效果以及阴影的效果，这就是提示用户，这里是可以按下去的。另外，按钮按下去至少要有两种状态，一个是未按的状态，一个是按下去的状态，例如高亮的效果，这就是非常好的用户反馈。 　　实现功能清晰可见，有很多小技巧： 　　?按钮宽高比的黄金比例：Phi=1 1.62。 　　?按钮的尺寸：触摸屏上按钮理想尺寸是1.25cm的正方形，采用黄金比例的按钮尺寸应该为1.9×3.1cm（屏幕尺寸≥12”），如果屏幕尺寸小于12”的话，可以用0.75÷1.62，得出按钮尺寸为0.75”×0.45”。这些数据可以作为设计按钮时的参考，但并不是说一定要那么精确地去执行。 　　?因为显示屏幕用像素概念来定义，每个屏幕的点距是不同的。那么设计时需遵循以下步骤： 　　第一. 查询屏幕的水平分辨率，在触摸屏的产品参数上找到其分辨率是多少。 　　第二. 测量屏幕的横向尺寸。 　　第三. 用像素数除以屏幕尺寸：例如，800pixels/6”= 每英寸133个像素。 　　第四、用理想按钮的尺寸乘以每英寸的像素数：例如，宽：133dpi×0.75”=100像素；高： 133dpi×0.45”=60像素。 　　?按钮间隔：按钮间适当的间隔会方便操作。 　　?经验法则：小于72个像素的按钮间隔为5至10像素。 　　?保持按钮水平和垂直间隔的统一：为按钮提供功能提示，尽可能使用按钮和图标的组合。 　　?图标可能有多重含义，因此要使用文字明确功能含义。 　　?按钮使用简洁图标更容易识别和理解。图标使功能更容易理解。 　　?按钮的方向：让用户更容易识别按钮的功能，有指向性的按钮必须和实际方向一致。 　　?按钮分区：遵循功能分区的原则，分区不明确会给用户带来困扰。通过给不同功能区加边框，可以帮助用户快速找到。 　　3. 有技巧地使用信息映射 　　是将大量的信息分成小模块，从而便于管理的方法。 　　图三是固定按钮的面板，非常明确地告诉用户哪里是控制显示器、控制音量和控制信号源的区域。而不同的人做出的触摸屏界面是千差万别的，我们要充分利用各个厂家提供的模板，这其中有的模板是花哨为主，有些模板是实用为主，在系统设计时要做比较好的取舍。 　　4. 美观和功能性 　　另外还要在功能和美观上做一些平衡，功能强大的音视频系统强调交互，颜色、形状和空间必须有机融合，功能和外观需要做到平衡。 　　按钮键盘：10键数字键盘――电脑的数字键盘，不建议在用户界面设计中使用。电话键盘――用于数字输入的通用键盘，很多日常设备上都有这