拟物化的图标在各大组态软件图库里都占有一席之地，甚至国内组态工程界面常年止步于拟物化图形元件，这跟目前IT界流行的扁平化设计的UI界面相比真是毫无逼格可言。

最近小编去美国跟当地自控工程师们交流探讨了新一代工业组态监控前端界面设计，并亲自动手设计感受了一番，全新一代的工业监控UI设计会是什么效果呢？快往下看吧。

这是传统组界面（你可能觉得已经不错了对吧？那你就OUT了！），不能否认拟物化的图形原件确实可以真实反映现场生产情况，但只运用高光、渐变、阴影的“拟物化”，容易引起视觉疲劳，并且并非想象中这么直观。

某些非必须的场合，可以尝试选择这两年很火的扁平化设计，扁平化设计有若干原则，遵照这些原则，可以打造出不一样的界面。

现在小库就教你如何5步做成扁平化风格：

（1）扁平化：扁平化设计依赖于清晰的层次结构和元素布局，优秀的扁平化设计应该能帮助用户理解产品以及交互。

（2）调整排版：排版的目的在于帮助用户理解设计。标签按钮等其它元素更注重增强易用性和交互性。

（3）调整文本：字体的大小应该匹配整体设计，高度美化的字体会与极简设计原则相冲突。可选用无衬线字体，最终保证产品在视觉上的一致性。

（4）调整模块：将报表、告警等模块调整为符合扁平化风格，避免出现不伦不类现象。

（5）上色+最终调整：扁平化设计的色调偏通常更有活力——色彩更纯。其主要、次要颜色通常都是非常大众化的颜色。在扁平化设计中，平均会使用6-8种颜色。同时，各个原件、模块之间的架构也需要调整至合适位置，避免出现原件之间出现大量空隙。

经过这5步，轻轻松松就将原本的拟物化界面改成了扁平化风格，数据监控更直观，界面更友好！