Dev Blog #3: UI Flow and Core Interfaces

In this stage, my main focus is to organize the overall user interface flow of Elemental Echo and, by referencing designs from similar games, to create preliminary wireframes for the core game interfaces. This will lay the foundation for high-fidelity UI design and interaction implementation in the future. 1. Global UI Flow Organization I used Miro to create a game UI flowchart, starting from the main menu when the player opens the game and detailing the player’s navigation path and the functional relationships between each module. The flowchart covers the following key nodes: Main Menu : Displays player information, with entries for starting the game, tutorial, settings, and leaderboard; Tutorial : Provides text tips, operation demonstrations, and animations the first time the player enters the game, with an option to skip; Match Lobby : Displays teammates and opponents, chat system, countdown timer, character selection, and readiness status...