Week 14 – 29.12 Professionally Refined Game UI Design & Motion Design

The design of game UI is critically important, yet it is often overlooked in many projects. As a former UX designer, I place great emphasis on game UI design, as it can significantly enhance the gaming experience.

UI of Data Center Large Screen

In the data center scene, it is necessary to clearly inform users of the process for repairing GPU Server Chassis. Therefore, the step bar UI is used to clearly display the repair steps, while the progress bar and success prompt are used to provide feedback. In order to integrate the game UI naturally with the game scene, the large screen in the data center is used to display repairing related UI.

Data Center Large Screen
Data Center Large Screen UI – StepBar for clear step-by-step guidance
Data Center Large Screen UI – StepBar all states
Data Center Large Screen UI – Loading
Data Center Large Screen UI – Successful
Figma Design File

UI of AI Thermal Scanner

The AI thermal scanner adopts MR technology and holographic projection technology. When the player holds the AI thermal scanner with a VR controller, a virtual screen will be holographic projected. Through the holographic screen of the AI thermal scanner, players can see the mix reality status UI overlaid on the server racks, thereby determining which server racks are normal and which ones are damaged.

Holographic screen of the AI thermal scanner

Mixed Reality UI of AI Thermal Scanner showing server rack states
Mixed Reality UI of AI Thermal Scanner showing server rack states

UI Motion Design – Windows 11 Scene

UI Motion Design – Data Center Scene


Comments

Leave a Reply

Your email address will not be published. Required fields are marked *