五彩生辉—— LabVIEW 界面配色秘诀.pdf

五彩生辉——LabVIEW 界面配色秘诀 NI 资深应用工程师 潘宇 注：本文为LabVIEW 网络讲坛系列短片的技术文档，第一部《界面风云》中将主要讲述在LabVIEW 中创建用户 界面的方法与技巧。 众所周知，在自然界中存在着各种各样的色彩，正是由于这些靓丽的色彩，才使得生活环境变得美好。大家可以 想象一下，如果这个世界上只有灰和白，那么世界会变成什么样子？ 然而，有很多出类拔萃的LabVIEW 编程人员，他们在技术方面往往具有很强的判断力和出色的创造性，但是，在 程序的界面配色上，却始终如图1 所示的那样，全灰色的单调界面。 图1.单调的灰色界面 图2.色彩丰富的LabVIEW 界面 相比之下，如果能够合理地搭配颜色，对于界面来说会有事半功倍的效果，真正做到五彩生辉，如图2 。要知道， 当我们距离界面较远的时候，我们所看到的并不是排版，也不是控件，而是色彩。 那么，究竟该怎样来使用色彩呢？总体来讲，色彩是一个很主观的概念，可谓“仁者见仁、智者见智”，不同的 人有着自己不同的配色标准。但是，既便如此，对于色彩的设计还是有一些共同的标准和前人的经验可以借鉴的。 图3. “总体协调，局部对比”的配色方案 首先，就是配色总体的应用原则，即“总体协调，局部对比”，也就是：整体色彩效果应该是和谐的，只在局部 的、小范围的地方可以有一些强烈色彩的对比。 以图3 的程序为例，首先我们确定了主基调为蓝色，那么整个应用程序的前面板对象都用深浅不同程度、不同饱 和度的蓝来表示不同的对象。但是，局部地方，可以使用一些明亮的红色、黄色、绿色等，与背景白色形成明显 对比，突出需要强调的各个地方。 其次，在前面板中巧妙地使用透明色往往也会起到神奇的作用，在图4 中，通过透明色，我们可以将一个基本的 波形图控件（上图）转换为一个更为美观的显示方式（下图）；而在图5 中，则可以通过将按钮控件设为透明来 实现自定义按钮外观的效果。这两个应用的具体步骤请参考视频内容。 图4.使用透明色改观波形图控件 图5.使用透明色修改按钮外观 最后，在这里还有一些技巧和经验分享给大家： 一. 所有不用显示前面板的子VI 前面板可以让它保持LabVIEW 的默认灰色，以方便区分主VI 和子VI 。 二. 对于红、黄、绿色，要遵循工业的通用习惯。比如，红色一般用于指示紧急情况，拉响警报；黄色一般用于 引起重视，作为警告；绿色则一般用于表示工作正常。 三. 黑与白永远是最经典的颜色，所以对您的背景进行美白或美黑，再结合小面积的亮色，您会有惊喜的发现。