Graphical User Interface: Difference between revisions

From VNDev Wiki
Papayaisla (talk | contribs)
ported from devtalk faq and glossary doc with formatting tweaks
 
Adding some relevant sections
Line 3: Line 3:
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.
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.


A good resource: http://visual-novel-interfaces.tumblr.com/
== Main Menu ==
{{Empty section|date=June 2022}}
 
== Text Box ==
A textbox may contain the following elements:
* '''Name Plate/Name Tag''': An area where the speaking character’s name is displayed.
* '''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 ==
{{Empty section|date=June 2022}}
 
== Gallery ==
{{Empty section|date=June 2022}}
 
== External Links ==
* [http://visual-novel-interfaces.tumblr.com/ Visual Novel Interfaces (Tumblr)]

Revision as of 01:10, 17 June 2022

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.
  • 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