要說程序員最開心的事情是什么,不是錢多活少離家近,而是能用自己喜歡的技術,做一個排期不緊的舒坦項目。最近我就接手了這樣一個項目,使用了webpack+vue全家桶,以及其他一些業(yè)界前沿技術。不過今天不聊技術方面,先聊聊我對交互方面的一些思考。盡管它只是一個后臺系統(tǒng)。

說到后臺系統(tǒng)(管理系統(tǒng)、ERP系統(tǒng)),我也做過很多了,無一不難看、難用。因為這類系統(tǒng)不是給終端用戶使用,對交互要求不高,也沒有UI設計,有時候連PM也沒有,全憑程序員胡搞。

我對后臺系統(tǒng)卻一直有一個心結,盡管它的用戶只是少數(shù)的群體,但是他們使用系統(tǒng)的時間卻很長,有時候一天要用它工作五六個小時。而且系統(tǒng)的好用與否,直接影響工作效率,搞不好還影響心情,我可不想讓他們邊工作邊罵娘。所以這次趁時間充裕,我也嘗試用自己的理解來打磨這個后臺系統(tǒng),盡量讓它友好些,溫暖些。

 

舒服的界面

后臺系統(tǒng)一般是選擇現(xiàn)有的UI框架,比如bootstrap。但用了框架并不意味著在界面上就萬事大吉了。你還得有自己的思考,如何用這個工具把界面做的舒服。

讓界面舒服的核心因素是什么?配色?圖案?還是炫酷的動畫效果?都不是。

長時間以來,我都堅持這個觀點,界面舒適的核心因素是——間距。沒錯,就是這個不起眼的間距。不信你找一些案例來觀察下。一致、整齊、恰到好處的間距,總是讓界面看起來舒服。而那些難看的界面,問題總是出在間距的失調上,有些甚至是元素緊貼沒有間距。

所以,除了bootstrap的柵格系統(tǒng)外,這次我定義了很多css類來進行間距控制,把間距進行分類,全局統(tǒng)一。

另外一個讓界面操作起來舒適的因素就是:統(tǒng)一有序。比如,所有的提交按鈕都應該是一個顏色,所有表格中的操作按鈕都是一個樣式,所有的返回按鈕也是一個顏色。

網(wǎng)友評論