工控界面设计美化篇（干货）

在工控项目中，不管是触摸屏上的界面、PC上的组态界面还是信息化界面，往往都会给客户留下最直观的印象。一个优美、大气的界面一般会给项目增添不少亮点，同时往高了点也可以拉高项目的档次。

 

这种情况下，有的厂家依照自己的经验，通过制作丰富的行业图库，增添自己在行业的水准；有的追求变化，在界面编程器中引入三维制图，从而做到三维可视化效果。

 

今天我们在这里分享一下工控界面布局、工控界面颜色搭配，同时网络上一些常用到的素材网站，希望大家可以参考一下，制作出更加优化、大气、上档次的工控界面。

工控界面布局 

我们上图分析:

一般的工控界面分成三部分：

1、标题菜单部分，即项目名称、界面菜单等

2、数据显示及按钮等部分，即图形显示区，可以显示工艺流程图，采集到的相关数据信息、控制按钮等。

3、尾部部分，可以添加公司的相关信息等。

 当然不同的人布局的方式也不大相同。仅做参考！

 

图片来自网络

图片来自网络

图片来自网络

工控颜色搭配 

 

不同的颜色，搭配起来显示效果也不尽相同，下面是我从网上找的颜色搭配表，可以参考一下，或许能获得不错的效果。

使用颜色时应注意几点：

　　（1）限制同时显示的颜色数一般同一界面不宜超过3或4种，可用不同层次及形状来配合颜色增加的变化。

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

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

网络上一些常用到的素材网站 

 

闲话也不多说，直接上贴图及网站地址，大家觉得好可以搜索或收藏！
1、阿里巴巴矢量图标库

网址：http://www.iconfont.cn/home/index？spm=a313x.7781069.1998910419.1

2

2、iconpng图标库

网址：http://www.iconpng.com/

3、easyicon图标库

网址：http://www.easyicon.net/

当然也包括我图网，妮图网等，但里面好点的素材一般是收费的！