Connected Game Dev Blog

 1.Gameplay UI Refine Building upon the previously drawn sketches, I further refined the gameplay interface, with a focus on polishing the HUD design. At the top of the screen, I implemented a classic red-versus-blue score bar to differentiate between the player's team and the opposing team. This color-coding approach is common in many competitive games as it is intuitive and helps players quickly assess the score during fast-paced battles. The score bar displays each team’s points on either end, with space in the middle reserved for key game information such as control point health or other mode-specific indicators. Below this, the center section displays the player’s health bar, while the left and right sides present ability icons and their corresponding hotkeys for primary attacks and special skills. Gameplay UI（take Fire as an example） 2.Ability Icons In addition to the overall layout, I designed unique ability icons for each character that share a unified visual style while ...

At this stage, my primary task was to organize the overall user interface (UI) flow for Elemental Echo and, with reference to similar games, create preliminary wireframes for each core interface. This would lay the groundwork for high-fidelity UI design and interactive implementation in later stages. 1.  Efined the previous UI wireframes To create a more cohesive visual style for Elemental Echo, I began by selecting appropriate fonts for the game. After browsing extensively on Dafont, I ultimately chose a typeface called “Lazer Game Zone.” Its bold, heavy strokes and rigid structure evoke the grandeur of medieval stone architecture, while its subtle cracked and fractured effects echo the high-stakes clashes of magic and elemental forces central to our game. This made it especially suitable for use in the game’s logo and main title. However, this font was designed with uppercase letters only, lacking a lowercase set. To maintain a consistent visual language throughout the game—parti...