上位機界面設計(隨筆一

——————————————————————————————————————————————————————————————————————————————————————————————————————
我借鑒了一下廠商的界面設計,用了很多grouppanel來布局,左邊一欄功能欄,中間主要內容信息顯示,底層顯示連接的一些狀態還有時間,當我去現場的時候發現了隔壁廠商的一些問題,于是想記錄下來并改善,希望自己能避免這些
1.顏色背景禁止用黑色。首先他們的背景不僅是黑色,而且和界面的文字亮度相近導致看不清楚,另外黑色如果從不同角度看會導致嚴重的眩光,尤其是他們的機臺還特別高,屏幕也裝的高,我180的身高都要抬頭看他們的上位機屏幕,更何況現場160的操作員了,在他們的角度來看屏幕完全是一片白。
2.禁用紫色系狀態指示(色盲識別困難)
3.同一界面不超過5種主色(推薦:1主色+2輔助色+2警示色)。盡量減少界面中的顏色種類,應該也是減少視覺疲勞的作用,并且我會選擇顏色相近的一組作為主色,如果顏色種類過多會有一種花里胡哨的感覺。報警使用紅色,運行是綠色,警告是黃色,一般深色和淺色搭配能讓對比度更高一些。而且有時候為了增加層次感也會從上到下顏色漸變。
頂部狀態欄:淺藍漸變
中間工作區:純白(#FFFFFF)
底部操作欄:淺灰(#FAFAFA)
暫時先這些,設計上要學的東西還有好多啊,有些人做的界面就是簡潔好看,有的人做的界面對于使用人來說是一種折磨,可能他們從來沒去過現場,也不知道程序在現場的情況是什么樣子

浙公網安備 33010602011771號