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.