機房合作UI優化
機房合作是我接手的第一個合作專案,也是第一個以文件驅動的專案!我呢,負責UI層、實體、外觀!
本次機房合作是對我們之前已經完成兩版的“機房收費系統”的再次優化!對於這次合作專案,經過我們的討論分析,決定把它做成實際中的網咖收費系統。所以在機房UI設計的時候,還是比較頭疼的,因為我沒怎麼去過網咖,沒關注過現實中正在用的網咖收費系統是長什麼樣的!但是經過的思考,還有查資料,還有去網咖考查!有了這篇機房優化的思路!
困難
最大的困難是什麼呢?就是自己被之前兩版的收費系統所束縛住了!跳不出這個坑了,所以在第一版UI介面的時候,設計出來的還和之前重構的那版系統極為的相似。但是,不能這樣,需要跳出這個坑,所以我在網上搜尋了一些資料,重新設計出來一版介面!
登入介面
網咖的登入介面應該很大氣,並且充滿遊戲的元素。網咖系統開機之後就是登入介面,只有登陸成功之後才能進入電腦桌面,所以登入介面是全屏的,並且在此介面除了關機登入無法進行其他操作!
突然感覺好難啊,在網上找了很多素材,感覺都不太好!所以自己下手P了一個,不管別人感覺怎麼樣, 方正我自己看著挺舒服的!
雖然現在看著有點簡陋,不過後期還會加上一些元素,比如精彩的遊戲CG,還有一些系統公告!
使用者主介面
使用者的主介面,做了很大的修改。
1、摒棄了原來的那種窗體式介面。因為我覺得,對於一個網咖來說,收費系統對使用者來說只是一個輔助,而玩遊戲才是使用者來這裡最主要的,而是來這裡欣賞收費系統的!所以沒有必要把使用者端做的特別大,繁瑣,這樣會讓使用者煩,功能太多也沒必要,還是那句話, 使用者不是來欣賞我們的系統的!
2、摒棄了煩人的彈窗,臨時對話方塊!因為使用者如果有需求的話,看見一堆一堆的彈窗會很煩。而且當使用者正在玩遊戲的時候,彈窗的位置最好不要遮擋使用者的主要螢幕!加入了右下角的動態彈窗!
3、使用者結賬即關機,當使用者點選結賬時,系統會自動關機!這樣的設計比較符合現在的網咖設計。
4、加入了生日祝福,當使用者生日當天登入系統後,會受到來自系統生日祝福!
5、當客戶端貼近螢幕邊緣時,會自動收起。當滑鼠接近時,會自動開啟!類似於QQ客戶端的收起方式!
6、圓角窗體。傳統的窗體的稜角太冷了!圓角窗體看起來更加舒服!
右下角的彈窗
大概就是這個樣子吧!細節還有優化好!不過看起來比之前的好多了!
未完待續……
相關文章
- 機房合作總結
- Android效能優化(4):UI渲染機制以及優化Android優化UI
- UI效能優化UI優化
- 效能優化(二) UI 繪製優化優化UI
- Unity UI優化小結UnityUI優化
- 使用BGP的機房有什麼優勢:
- UI技術總結--效能優化UI優化
- 六、Android效能優化之UI卡頓分析之渲染效能優化Android優化UI
- Flutter UI 1.0.2落地與優化小結FlutterUI優化
- 機房UPS蓄電池種類及優缺點
- 機房精密空調存在哪些優勢特點
- 深入詳解 Jetpack Compose | 優化 UI 構建Jetpack優化UI
- 資料機房假負載的優勢和特點負載
- 恆訊科技介紹:優質的澳洲伺服器機房伺服器
- 機房上機總結
- IDC機房之UPS
- 機房驚魂記
- 房房房
- 機房重構總結
- IDC機房運維心得運維
- SAP CRM WebClient UI異常的持久化機制WebclientUI持久化
- Android手機QQ的UI自動化實踐AndroidUI
- 恆訊科技介紹:優質的奈及利亞伺服器機房伺服器
- 深圳市恆訊科技教你如何選擇優質的IDC機房呢?
- 《妖精的尾巴:魔導少年》UI優化推導全過程UI優化
- 基於 WebGl HTML5 的 3D 視覺化機房WebHTML3D視覺化
- Tomcat—部署配置及優化(安裝部署;虛擬主機配置;優化)Tomcat優化
- win10優化開機速度怎麼設定 win10如何優化開機速度Win10優化
- 機房運維的真香定律運維
- 香港主流的機房有哪些
- OpenMLDB 跨機房容災方案
- 跨機房ES同步實戰
- 韓國伺服器機房伺服器
- Android UI 及 API 優化指南|Android 開發者 FAQ Vol.10AndroidUIAPI優化
- 關於UI事件傳遞,影像顯示,效能優化,離屏渲染UI事件優化
- 觀測雲與 TDengine 達成深度合作,優化企業上雲體驗優化
- 資料中心機房運維 智慧分析與視覺化是重點運維視覺化
- C++ 效能優化篇二《影響優化的計算機行為》C++優化計算機