UI Components
The message box is to provide information when the player interacts with a functional item to tell the player how the item affects the character. As shown in the figure, the message box will appear at the bottom of the screen. While the text explains the effect, a picture of a functional object will be attached to the upper right corner of the message box to remind the player which objects it belongs to.
In terms of design, a style that is more in line with Retrowave was selected. The colour choice of the message box is based on the homepage of the game in order to keep the consistency of the design style. The background is black which is the same as the background colour of the homepage and the inner line is red and pink which correspond to the game logo.
The font colour of the text that will be displayed in the message box will be determined after the user testing.
