kittenchen在工控项目中，不管是触摸屏上的界面、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/
无论是界面设计还是PPT设计，一款有吸引力的精美图标，可以让我们的作品更具视觉标识。但是现在的Icon网站有很多，但是真正好用的，我只推荐下面这几个。大家如果有需要，建议收藏分享。
1、Iconfont-阿里巴巴矢量图标库
阿里巴巴旗下的免费矢量图库，提供了矢量图标下载、在线存储、格式转换等，可以中文搜索，直接在搜索框里输入需要的内容，就可以出现对应的素材。
点击下载图标就可以了，网站还支持在线修改颜色，真的是很绝一网站。
2、Noun Project
网址 https://thenounproject.com/
一个基于平面设计师而创办的icon图标分享平台，提供高质量、可辨识性强的图标，使用者在网站上可以通过右上角的图标找到分类，筛选出你想寻找或使用的标誌图示，分类包括动物、食物与饮料、生活保健、人物、安全与警示、科学、运动与娱乐、交通运输、旅游、天气与自然等等分类。
3、 Iconninja
Icon Ninja 是一个高质量的免费图标素材搜索下载平台，支持近100万个免费图标，按照文件格式、图片宽度、高度、文件大小等信息，用户可以根据自己的需求进行选择，特别适合前端工程师或者PPT设计师使用。
4、icons8
icons8是高质量的免费图标资源网站，支持在线改色、添加文字或背景装饰等。用户在下载素材时，可以选择SVG、EPS、PNG和PDF四种下载格式，方便用户后续在不同场景中的使用需求。
5、IconPark
网址：https://iconpark.oceanengine.com/home
IconPark是字节出品的一个开源图标库，可以将一个单一的SVG源文件变幻出多种主题，网站分类详细、为用户提供更轻量的代码和更灵活的使用场景；致力于构建高质量、统一化、可定义的图标资源，让大多数人都能够选择适合自己的风格图标。
6、Flat Icon
这是一个无可抗拒的扁平风格图标库，网站提供了可以满足您日常需求的免费和高级图标集，包含免费图标集、数据分析图标、计算机图标，以及免费表情符号制作工具等，分类详细，您可以免费设计自定义表情符号。
7、Pictogram2
一个矢量图标网站，提供日语和英语切换访问，提供了公众场合、体育赛事、职场场景等等方面的角色和场景图标。图标设计识别度高，运用场景也比较广泛，无论是UI设计还是其他视觉设计都可以运用，而且都是免费使用。
以上就是7个Icon图标库的分享了，最后，Billfish还要自我推荐一下：将用的顺手的图标通过Billfish搭建一个图标库，为素材添加对应的标签，可以方便我们后续更好的查找和使用，提升我们的设计效率哦。
