Graphical User Interface

From VNDev Wiki
Revision as of 10:36, 18 June 2022 by Ironnori (talk | contribs) (Merged/updated from Name plate.)

A visual novel's Graphical User Interface, also known as its GUI (pronounced either “gee-you-eye” or “gooey”), is any screen that uses clickable images to let a player interact with the game. This includes things such as: the text box and option buttons (skip, save; etc), choice selections, and all menus (ex: main/title/start, settings, save, gallery, extras; etc).

Ideally, GUI is designed custom for the game to reflect its tone and theme. When in doubt, it is recommended you go simple and no-frills rather than detract from the game by being intrusive. Your GUI artist might not be the same artist you use for your sprites or CGs, as the skill set is different.

Main Menu

Text Box

A textbox may contain the following elements:

  • Name Plate/Name Tag: An area where the speaking character’s name is displayed. Often located at the top left of the textbox.
  • Side Image: A character picture that is displayed on the textbox. They are usually head-only or busts.
  • Click to Continue (CTC): An indicator that conveys to the reader that there is no more text to read, and the reader should click to continue to the next line of dialogue.
  • Action Buttons: Quickly access actions like skip or auto mode.
  • Menu Buttons: These allow the reader to access menus like load, save, and options.


Save Menu

This menu allows users to save, load, and possibly delete their save data. Saves act as bookmarks that they player can jump to to quickly access some part of the story.

To help the player remember where the save leads to, a game may use the following elements:

  • Chapter or scene name
  • Time when the save was created
  • Screenshot of the game when the save was created
  • Notes that the players write themselves

Settings

Gallery

External Links


Template:Development Nav