Review of Core Graphic Design Principles Used in Computer Games

October 10, 2022
Authors: , and

Abstract

Our goal in this paper is to review the use of core graphic design principles in computer games. We believe that the architecture of great Graphical User Interface (GUI) design is built upon a solid foundation of core graphic design principles. First, we define core principles used in graphic design, such as the grid, hierarchy, scale, balance, and framing. Then, we analyse the examples of core graphic design principles in computer games. Our findings state that there is evidence of all being utilised, despite the disparity in game genre.

Cited by

  1. Martin, C., Cooper, M., & Kavakli, M. (2022). Review of core graphic design principles used in computer games: An evaluation of graphical user interface design. In G. Ushaw (ed.), The Seventh International Conference on Applications and Systems of Visual Paradigms (pp. 7–13). IARIA. https://www.thinkmind.org/articles/visual_2022_1_20_70008.pdf.

Keywords

/ / / /

References

  1. E. Lupton, “Design is storytelling”, Cooper Hewitt, New York, The Gaze, pp.118-125, Gestalt Principles, pp.126-131, 2017.
  2. E. Lupton and J. Phillips, “Graphic design: the new basics” [ebook] San Francisco, Chronicle Books, pp.8-11, pp.60-67, pp.116-139, pp.186-199, 2015.
  3. A. Dakinedi, “Top 5 Best Video Game UIs”, Available from: https://superjumpmagazine.com/top-5-best-video-game-uisdb941d6a9357, 2018, retrieved: March 2022.
  4. Sourcegaming, “Holism: Metroid Prime and the Scan Visor”, https://sourcegaming.info/2017/06/28/holism-metroid-primeand-the-scan-visor/, 2017, retrieved: March 2022.
  5. A. Hayward-Cole, “7 basic principles of graphic design”, Available from: https://www.lcca.org.uk/blog/careers/7-basicprinciples-of-graphic-design/, 2019, retrieved: March 2022.
  6. E. Lupton and J. Phillips, “Graphic design basics: core principles for visual design”, Skillshare, Available from: www.skillshare.com/classes/Graphic-Design-Basics-CorePrinciples-for-Visual-Design/15397, 2021, retrieved: March 2022.
  7. M. Bowers, “Level up: a guide to game UI (with infographic)”, Available from: https://www.toptal.com/designers/gui/game-ui, 2020, retrieved: March 2022.
  8. Interfaceing Game, Destiny 2, “destiny-2-customizeface.jpg”, Available from: https://interfaceingame.com/screenshots/destiny-2-customizeface/, 2017, retrieved: March 2022.
  9. Interfaceing Game, Tom Clancy’s The Division 2, “tomclancys-the-division-2-character-profil.jpg”, Available from: https://interfaceingame.com/screenshots/tom-clancys-thedivision-2-character-profil/, 2019, retrieved: March 2022.
  10. Interfaceing Game, Destiny 2, “destiny-2-rifle.jpg”, Available from:https://interfaceingame.com/screenshots/destiny-2-rifle/, 2017, retrieved: March 2022.
  11. Game UI Database, Forza Horizon 5 ‘Rewards and Experience, “Forza-Horizon-511112021-124736-95852.jpg”, Available from: https://www.gameuidatabase.com/gameData.php?id=1225#&gid=1&pid=45, 2021, retrieved: March 2022.
  12. Game UI Database, Forza Horizon 5 ‘Pre-Game & Lobby’, “Forza-Horizon-511112021-124734-38594.jpg”, Available from:https://www.gameuidatabase.com/gameData.php?id=1225#&gid=1&pid=39, 2021, retrieved: March 2022.
  13. Monument Valley Wiki, “Geometric-Building-Levels-inMonument-Valley-Game-by-ustwo.jpg”, Edited, Available from:https://monumentvalley.fandom.com/wiki/The_Spire?file=Geometric-Building-Levels-in-Monument-Valley-Gameby-ustwo.jpg, 2019, retrieved: March 2022.
  14. Moby Games, Monument Valley Screenshots, “781657-monument-valley-android-screenshot-many-of-the-puzzlesare.jpg” Available from: https://www.mobygames.com/game/android/monumentvalley/screenshots/gameShotId,781657/, 2015, retrieved: March 2022.
  15. Moby Games, Monument Valley Screenshots, “781648-monument-valley-android-screenshot-camera-mode-whileida-is.jpg” Available at: https://www.mobygames.com/game/android/monumentvalley/screenshots/gameShotId,781648/, 2015, retrieved: March 2022.
  16. Game UI Database, Firewatch ‘Title Screen’, “Firewatch07102020-111051-72794.jpg”, Available from: https://www.gameuidatabase.com/gameData.php?id=238#&gid=1&pid=1, 2016, retrieved: March 2022.
  17. Game UI Database, Firewatch ‘Area Map’, “Firewatch07102020-111055-51693.jpg”, Available from: https://www.gameuidatabase.com/gameData.php?id=238#&gid=1&pid=9, 2016, retrieved: March 2022.
  18. Interfaceing Game, Hades ‘Dialogue’, “hades-dialogue.jpg”, Available at https://interfaceingame.com/screenshots/hadesdialogue/, 2018, retrieved: March 2022.
  19. Interfaceing Game, Hades ‘Well of Charon’, “hades-well-ofcharon.jpg”, Available from: https://interfaceingame.com/screenshots/hades-well-ofcharon/, 2018, retrieved: March 2022.
  20. Game UI Database, Persona 5 ‘Player Menus’, “Persona511142020-081939-92444.jpg”, Available from: https://www.gameuidatabase.com/gameData.php?id=72#&gid=1&pid=46, 2016, retrieved: March 2022.
  21. Game UI Database, Persona 5 ‘Modal: Item Get’, “Persona504202020-043344.jpg”, Available from: https://www.gameuidatabase.com/gameData.php?id=72#&gid=1&pid=25, 2016, retrieved: March 2022.
  22. K.Lohse, N. Shirzad, A.Verster, N. Hodges, and H.M.Van der Loos “Video games and rehabilitation: using design principles to enhance engagement in physical therapy” Journal of Neurologic Physical Therapy, 37(4), 166-175, 2013.
  23. W. Cai and V.C. Leung, “Decomposed cloud games: Design principles and challenges”. In 2014 IEEE International Conference on Multimedia and Expo Workshops (ICMEW) =pp.

Search Publications

Publication Categories

Publication Tags

Characteristics of Immersive Sims Cinematography Computer Games Design Principles Display Latency Display Response Time Ethics Evaluation Film Filmmaking Game Art Game Design Game engineering Gameplay Gestalt Principles Graphical User Interface Design Graphic Cards Graphic Design Principles Graphics Processing GUI design HCI Paradigms Immersive Sims In Camera VFX Input Lag LED Walls Performance Analysis Real-time Rendering User Interface virtual production Virtual Production Studio; Virtual Reality

Upcoming Events

Information Evening

Information Evening – Considering a career in the Games Industry? Discover the courses designed to get you started in game development at the AIE Institute’s Information Evening on . Information Evening is a great opportunity to meet our teachers, staff and students. The evening will include presentations on different areas of industry to get into…

See Event