希望一些经常做上位机的朋友给我们新手分享下你们的画面设计技巧，在达到控制要求的提前下怎么提高画面的质量，主要是一些动态设计，画面风格设计，布局设计。

这种事情，难讲啊。记得我第一做画面用的是组态王，那时刚刚接触PLC，动态、渐变色什么的都用上了，但是后来还是去掉了不好，原因是画面反应速度太慢！效果越多，对资源的占用就越大，而这些与控制无关。
另外关于画面的布局，开始的时候有不少自认不错的想法，但是现场调试的时候又改了不少，原因是最终用户不是我，是客户。客户有客户操作上的习惯及确实符合实际的操作方式。无他、我只能尊重客户。
这几年，基本不做画面了，以下位为主，辅助性的修改别人做好的画面。
简单的总结自己的想法吧：
1.以功能为主，也就是控制要求。这个是根本。
2.哪些对象放在一个画面，哪些可以分开，那些需要能够快速链接过去，这个取决于工艺上、操作上的需求，美观也要以这个为基础。现场操作人员需要的是实效。
3.画面尽量不要太空，也不要太满，能对其的尽量对其，美观以整体画面的视觉效果为优先考虑。
4.整个界面上，很多画面一看就知道是工控的画面，有点说不清这点，换句话说，就是总有种感觉：这个只是画面，不是程序。这个可以参考众多的PC软件，比如office之类的，参考这些PC软件的界面、风格。
5.再多的就都是细节了，是否圆润、是否协调等。这些都是功夫活。我曾经做过组态王的一个画面，做出了和实际的旋钮开关很类似的“按钮”，界面效果还不错。但是做的时候真的很麻烦！此外，适当的使用动态效果，如旋转、水流、管道变色等等。但是这些还是不要多用的好。因为WinCC自身确实在这方面很弱，添加这些效果，需要功夫，甚至需要增加第三方的控件什么的，会直接影响系统资源，影响画面的反应速度。

感觉wincc7.0的颜色渐变还是蛮不错的。比6.2的好看多了。
以后的屏幕都向16:9发展了。 控制按钮等不再像以前那样只能放在画面的底部，放在侧边栏或许也会成为一种趋势。

从毕业到现在一直都没有间断过的在做HMI，有几点建议如下，欢迎指正：
1.颜色
首先遵守国家色标规范，其次，大面颜色使用时采取柔和，轻快的颜色，否则操作人员会产生视觉疲劳。再次，在美学上有一种观点，一个物体的颜色面积区域在10%以上的不要超过三种。也就是说当你使用的颜色过于繁杂的时候会让美感大大降低。
2.布局
经典的布局形式如：左12%右88%；上下；上中下，等区域……当然也有分区块的布局也很好看，但是注意尽量横平竖直。在工艺上的同种设备，或同区域的设备，可以用版块或表的形式，但是版块或表格里面的旁白区域不要留太多。还有一种可以推荐给大家，用一个公共区域作为菜单区域。剩下的区域用一个大画面窗口布满，然后用菜单按钮更换画面窗口的内容，很实用。
3.图片
平时注意收集一些比较好的icon图标和比较漂亮的实用的矢量图。尽量实用带透明通道的的图片格式哦，比如gif就支持透明通道。这样不会让你的图在画面上显示了以后背景还是个白色的“方框”，很难看。
4.工具
用好工具能让你的画面得到更好的体现，如Wincc自带的层、属性吸管、对齐排布工具等等。当然如果你会PhotoShop，Fireworks等工具就更能如虎添翼了。
5.工艺内容的处理
分清主次，我们主要呈现的和用户需要监视操控，关系的，都是动态的对象，而不是现场的某些如辊道下方支架这类永远都是静态的东西。
6.沟通
画面的制作，尽量与操作人员沟通，毕竟最终用户是他们。我做过一个焦化的项目，在我做完后，操作员刚刚接触画面的时候很不理解为什么和他们以前见过的画面差距那么大。耐心的给他们讲解为什么要这么做，在1680*1050分辨率的一张画面上做了30条皮带的状态，包括每条皮带上都有的合闸 故障 启动 停止 打滑 撕裂 堵料 除尘 风机 空压机 打铃预警 震打电机故障启停……等等，完整清晰的表现了工业流程和操作模式等。小插曲，后来操作员mm还请吃饭表示感谢等等……说省了她们很多工作。
7.好的心情
做画面的时候保持一个好的心情，风格和质量也会更好！

一、本人近段时间一直在一个旋窑水泥厂做干法生产工艺DCS系统项目，采用STEP7+WinCC软件模式设计。其中WinCC软件版本为最新的WinCC_V70_SP2英文版。
二、自WinCC_V70版本以后，它增强了的界面渐变功能，使得界面就比以前版本更美观而丰富了，画面颜色和风格也就更多姿多样了。
三、关于WinCC_V70版本中界面渐变功能的使用，见下图所示：

四、以下就是本人在该项目中设计的几个常用设备的监控操作界面（注：所有操作均为弹出式操作窗口设计，不用时可关闭）,与大家分享设计心得；也欢迎供大家多提意见。
[B]1、自动（PID）调节阀操控界面：趋势曲线包括测量值PV和设定值SP。面板中AH为PV值高限指示；AL为PV值低限指示；ER则为SP与PV的偏差值超限指示；PIC2011为自动调节回路（LOOP）编号；PT231则为PV值的仪表设计图位号。
[/B]
2、调节阀操控界面：趋势曲线为阀位给定值MV。

3、变频调速操控界面：趋势曲线为电流测量值。

4、软启动操控界面：趋势曲线为电流测量值。

5、双向电机和阀门操控界面：

6、皮带机和提升机操控界面：趋势曲线为电流测量值。

7、润滑油站操控界面:

8、10KV高压电机带联锁操控界面：趋势曲线为电流测量值。

动态对系统要求高，耗资源。
关键还是要实用。看老外的界面也不是多么好看，但是把系统报警、诊断做得非常全面，看界面就差不多可以知道大部分问题的出处。

这几天一直比较关注这个帖子。各位展示出来的，42楼的三维效果，我最初应该是在国产软件的例程中看到的。三维感强了，但是资源占用必然要大了。而且，基本只能用于画面不是很复杂的情况。
个人以前用的多的是43楼的渐变背景效果或者用点小的图片修饰一下画面效果。这几年都没有主做画面了，这几天仔细回忆了一下自己做画面的历程，发现自己已经改变了很多想法。
这上位画面，主要的还是要实现功能、操作方便。在这个基础之上，做适当的美化。这个美化，首先从整体布局着手，包括按钮的形状、摆放，提示、标识信息的字体、位置等。其次，从背景色等方面考虑，如渐变之类的，但是要注意整体感，不要把整个画面弄的花哨而不协调。动感的效果不要太多，一定不要为了美观而导致画面反应速度太慢。我以前用国产软件做的上位就有过类似问题，切换画面时要等挺长时间才显示出来画面。

也认为功能第一，美观第二，画面简明实用，前好几楼的画面看的眼花缭乱。不知从如下手，如特别情况发生时，找画面中的要点都要花一段时间。

做画面也不是越花哨越好，颜色方面我刚开始做的时候动态颜色红得绿的黄的都上，到现在基本统一到常态直接用灰色；动作状态用红色；报警状态用红色闪烁；移动或转动部件常态用灰色，动作过程用深灰或黄色，到位用红色；背景色也基本统一选一个柔和的颜色。在一个是能用图片的地方就不用控件，图片即能编组也占资源少显示快。和控制无关的部分比如手动的阀门操作件等在能体现流程的情况下尽量简化或省略。

看了大侠们讲了很多，真是受益匪浅！画面的实用性、资源的合理利用、画面的布局、背景颜色、对象的静态颜色、动态颜色，对象的外形、对象的运动状态确实需要找到一个最佳的平衡点。激活后的画面，对人视觉、审美确实是很有学问的事情。这些年来，也在不断改进这些东西。WinCC的图形编辑器功能确实比较简单、有限，很难画出效果较好的对象，遇到这种情况我一般采用在ProE或者CAD里面把对象画好了转成*.emf的文件，然后在WinCC的图形编辑器中用insert/import导入到WinCC中来，然后稍加编辑，就能达到二维或者三维的效果。前些年做了风机风叶旋转的动态功能，由于图片帖不上来，只能把风叶旋转（Rotation Angle）的脚本帖上来供大家参考、分享一下。

Rotation Angle脚本如下：

#include "apdefap.h"
long _main(char* lpszPictureName, char* lpszObjectName, char* lpszPropertyName)
{

static int a=0;

if ((GetTagByte("风机变量")==10)&& (a<360-0)) {a+=30;}//可以bool变量

if (a>=360-0) {a=0;}//改变"360-0"，可以控制起始角度和最终角度

return a;

}//根据自己的情况稍加修改，可以实现风叶的旋转功能。


上下运动对象的动态表达，可以通过视觉差加上一些小脚本。

Position Y的脚本如下：
#include "apdefap.h"
long _main(char* lpszPictureName, char* lpszObjectName, char* lpszPropertyName)
{

static int a=521;

if ((GetTagByte("变量")==10)&&(a<521+10)) {

//down
a+=2;

}//可以bool变量


if (a>=521+10) {

//back
a=521;

}

//return y postion

return a;
}//根据自己的情况稍加修改，可以实现对象的上下运动功能。

废话不多说上一个项目的其中一张图（三维滤池）
大家有空可以交流下

呵呵，bt.robot大哥！你不能用艺术家的角度来审美WinCC画面，如果是那样对WinCC的要求就太高了！
以前没有权限上传，在下把WinCC画面设备运行的动态做了一个截图录像视频，和大家讨论分享！
点击此处查看附件

花哨的我就不讲了！
来个使用的常识：
对于画面的底色大家有何看法？
我发现现在很多的PLC,DCS参加比较偏好于“黑色”底色；
对于这个情况我有如下看法：
1.黑色作为底色，搭配颜色不容易；因为底色过于厚重；
2.黑色作为底色，视觉容易疲劳；
3.对于西门子的标准“灰色”作为底色，我非常偏好。因为曾经听一位非常资深的工程师跟我讲，西门子的标准“灰色”作为底色是有科学道理的。因为灰色是最不容易视觉疲劳的的一种颜色。

综上所诉，西门子的科学观念性很强，大公司，大品牌的开发人员考虑的就是很全面，很科学的！

工业控制用的就是工业控制用的，因此，能够高效、精确、可靠、稳定实现的功能总是被放在第一位的；然后“酒香也怕巷子深”，这是个讲究包装的年代，所做的产品形象好，这会让客户在第一眼就给你打个高分，工业控制的产品对颜色有其独特地要求，不能做的像“非主流”一样花哨浮华，毕竟我们推出的不是“艺术品”，当然做工业控制的不会是美术设计专业出身，但是，这并不影响我们去做个具有“审美”能力的人，外观的美感设计不是三天两天就可以达到一定的高手境界，色彩学也是一门综合学科，其更牵涉到人的心理、感官、情绪等，建议不妨抽空看看《色彩搭配原理与技巧》等这方面的书，相信你会有所收获。

一般会以现场为主，现场设备是如何安装的界面也就做成如何的。好让操作人员看到界面就能像看到现场一样，快速通过界面找到他想要看到或者要操作的设备。色彩大多温色和中性色为主（除一些报警用的）例如图中的水位超高或者超低于红色或黄色并闪烁显示，报警和数据显示以及控制按钮分类集中布置，尽量给操作员一个简洁明晰方便操作观察的界面，当然顾客才是上帝！！