浅谈中控系统的设计（下）

张烨

用户界面和系统交互设计

用户界面我们每天都在接触，不论是安卓还是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键数字键盘——电脑的数字键盘，不建议在用户界面设计中使用。电话键盘——用于数字输入的通用键盘，很多日常设备上都有这样的键盘，如ATM机、导航系统、复印机、红外遥控器，建议在用户界面中使用这样的键盘。

5. 恰当地使用色彩

设计配色方案是设计一个吸引眼球的触摸屏界面的核心，不同的人对色彩会有不同的感觉，有些色彩的组合是很美观的，有些色彩的组合则会让用户感到混乱。音视频工程师需要了解如何混合不同的颜色以及不同颜色的关系，协助设计师选择匹配用户界面的颜色。

颜色搭配得好不单单是为了好看，以图四为例，左边的图普通人是可以识别的，但对颜色识别有障碍的人看就是一团黑，因此灰度单色识别功能可以很好地确定有颜色识别障碍的人是否能够看清界面的内容。我们在设计时不单是为普通人设计，而是要确保所有人都能清楚识别所有内容。

最后，还需要清晰地定义静态和动态区域。

中控系统调试技巧

实用的工具1：GUI项目报告

如何保证最终完成的中控系统能够体现设计的初衷呢？最重要的是让系统设计师和项目经理有效沟通。

系统设计师Vs项目经理，谁更理解整个音视频系统将要实现的功能？显然是设计师。

系统设计师Vs项目经理，谁对项目最终的实现效果起更重要的作用？一般是项目经理，当然在小项目中这两者有可能是同一个人。

很多GUI软件里都有一个生成项目报告的工具如图五，报告的内容里会把界面的截图贴在文档上，同时针对按键的功能生成一个表格。系统设计师在设计好系统之后，由工程师或者界面设计人员设计好界面并生成文档，然后设计师在报告的表格中写明每个按钮实现什么功能。项目经理可以借助这个报告在现场进行验收。项目经理并不一定要会调试这个系统，他只需要清楚地知道最终实现的效果是怎样的。

实用的工具2：串口/网络调试工具

很多时候中控的产品并不一定能够及时到现场交付使用，但是我们需要提前到现场去对系统进行调试，调试的目的是看现场的接线是否正确，这个时候就可以利用串口或者网络调试工具，直接发送代码给受控设备，看是否能够受控。

判断是否能够受控，中间有个关键节点，就是串行线缆的连接问题。很多人一说到串行线缆的测试就会想到万用表，但实际上我们可以充分利用中控前面板的LED灯。例如图六中这些灯是指串口的COM口，如果发送指令就看TX灯是否亮，如果受控设备接收到，就会有一个反馈码，通过这种方式就可以判断线缆连接是否正确。不单是串口的LED灯，还可以采用这样的方法看它的电源、红外。

讲到调试工具，传统意义上的中控都有串口，但是现在市场上已经很难有带串口的笔记本了，很多人会用USB的方式将其转成串口线。但是会遇到很多问题，第一是驱动的问题，因为这个驱动不是Windows本身自带的驱动，通常要用驱动光盘。另外，端口号是频繁更改的，很多人并不知道去哪里改端口号。第三是稳定性问题，15元的转接线与70元的可能存在很大差别。更好的方法是，利用中控的PASS-THROUGH贯通功能，即计算机和中控系统采用网络方式连接贯通，让其某一个串口或者COM口发送指令给受控设备，好处就是电脑不必配备RS-232端口或USB转串口的线。

对中控调试人员来说，还需要学习网络知识，为AV/IT整合做准备。特别是需要了解IT方面的语言，比如：常用网络协议、端口，排除简单网络故障的方法，要能够用IT的语言和IT工程师沟通。

iPad在中控领域的应用

最后来谈谈iPad在中控领域的应用，近年来，随着iPad的普及，它也经常被用作中控系统触摸屏。其优点在于，无线的方式操作更灵活，同时价格远低于中控触摸屏。但也有潜在的问题，如电池没电，App被误删，Wi-Fi稳定性受到路由器、网络环境等很多因素影响，iOS操作系统升级后可能无法兼容原来的软件，设备丢失等。因此，我们建议把iPad作为辅助的控制方式，不要作为主要的操作平台，以保证系统随时随地有效运行。