工业控制屏设计以及图标网站分享

时间:2022-06-16 19:37 浏览:0 评论:0

在工控项目中,不管是触摸屏上的界面、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-阿里巴巴矢量图标库

网址 http://www.iconfont.cn

阿里巴巴旗下的免费矢量图库,提供了矢量图标下载、在线存储、格式转换等,可以中文搜索,直接在搜索框里输入需要的内容,就可以出现对应的素材。

点击下载图标就可以了,网站还支持在线修改颜色,真的是很绝一网站。


2、Noun Project

网址 thenounproject.com/

一个基于平面设计师而创办的icon图标分享平台,提供高质量、可辨识性强的图标,使用者在网站上可以通过右上角的图标找到分类,筛选出你想寻找或使用的标誌图示,分类包括动物、食物与饮料、生活保健、人物、安全与警示、科学、运动与娱乐、交通运输、旅游、天气与自然等等分类。

3、 Iconninja

网址 http://www.iconninja.com

Icon Ninja 是一个高质量的免费图标素材搜索下载平台,支持近100万个免费图标,按照文件格式、图片宽度、高度、文件大小等信息,用户可以根据自己的需求进行选择,特别适合前端工程师或者PPT设计师使用。

4、icons8

网址 icons8.com/

icons8是高质量的免费图标资源网站,支持在线改色、添加文字或背景装饰等。用户在下载素材时,可以选择SVG、EPS、PNG和PDF四种下载格式,方便用户后续在不同场景中的使用需求。

5、IconPark

网址:iconpark.oceanengine.com

IconPark是字节出品的一个开源图标库,可以将一个单一的SVG源文件变幻出多种主题,网站分类详细、为用户提供更轻量的代码和更灵活的使用场景;致力于构建高质量、统一化、可定义的图标资源,让大多数人都能够选择适合自己的风格图标。

6、Flat Icon

网址:flaticon.com/

这是一个无可抗拒的扁平风格图标库,网站提供了可以满足您日常需求的免费和高级图标集,包含免费图标集、数据分析图标、计算机图标,以及免费表情符号制作工具等,分类详细,您可以免费设计自定义表情符号。

7、Pictogram2

网址:pictogram2.com/

一个矢量图标网站,提供日语和英语切换访问,提供了公众场合、体育赛事、职场场景等等方面的角色和场景图标。图标设计识别度高,运用场景也比较广泛,无论是UI设计还是其他视觉设计都可以运用,而且都是免费使用。

以上就是7个Icon图标库的分享了,最后,Billfish还要自我推荐一下:将用的顺手的图标通过Billfish搭建一个图标库,为素材添加对应的标签,可以方便我们后续更好的查找和使用,提升我们的设计效率哦。


1. 本站所有内容未经许可不可转载!
4. 设计 > 工业控制屏设计以及图标网站分享

用户评论