上位机界面设计(随笔一
——————————————————————————————————————————————————————————————————————————————————————————————————————
我借鉴了一下厂商的界面设计,用了很多grouppanel来布局,左边一栏功能栏,中间主要内容信息显示,底层显示连接的一些状态还有时间,当我去现场的时候发现了隔壁厂商的一些问题,于是想记录下来并改善,希望自己能避免这些
1.颜色背景禁止用黑色。首先他们的背景不仅是黑色,而且和界面的文字亮度相近导致看不清楚,另外黑色如果从不同角度看会导致严重的眩光,尤其是他们的机台还特别高,屏幕也装的高,我180的身高都要抬头看他们的上位机屏幕,更何况现场160的操作员了,在他们的角度来看屏幕完全是一片白。
2.禁用紫色系状态指示(色盲识别困难)
3.同一界面不超过5种主色(推荐:1主色+2辅助色+2警示色)。尽量减少界面中的颜色种类,应该也是减少视觉疲劳的作用,并且我会选择颜色相近的一组作为主色,如果颜色种类过多会有一种花里胡哨的感觉。报警使用红色,运行是绿色,警告是黄色,一般深色和浅色搭配能让对比度更高一些。而且有时候为了增加层次感也会从上到下颜色渐变。
顶部状态栏:浅蓝渐变
中间工作区:纯白(#FFFFFF)
底部操作栏:浅灰(#FAFAFA)
暂时先这些,设计上要学的东西还有好多啊,有些人做的界面就是简洁好看,有的人做的界面对于使用人来说是一种折磨,可能他们从来没去过现场,也不知道程序在现场的情况是什么样子