Design 2D Game UI in vector with Inkscape!

István Szép, Designer and design teacher

Play Speed
  • 0.5x
  • 1x (Normal)
  • 1.25x
  • 1.5x
  • 2x
20 Lessons (3h 55m)
    • 1. Welcome to Game UI design with Inkscape!

      1:11
    • 2. Before we start!

      1:32
    • 3. The 3 Cs of good game UI design

      3:57
    • 4. What is a HUD?!

      2:51
    • 5. Before you draw: SKETCH!

      2:02
    • 6. Basic button bases

      18:13
    • 7. Aligning buttons

      4:20
    • 8. What makes a good game icon?

      4:22
    • 9. Create very simple icons

      5:54
    • 10. More complex icons and drawing methods

      9:16
    • 11. Complex icons for a fantasy game

      19:30
    • 12. Design a matching icon set for a ninja game!

      18:39
    • 13. Space shooter UI design - Part #1

      18:05
    • 14. Space shooter UI design - Part #2

      18:29
    • 15. Fantasy game UI - Part #1

      19:38
    • 16. Fantasy game UI - Part #2

      15:44
    • 17. Fantasy game UI - Part #3

      19:07
    • 18. Fantasy game UI - Part #4

      11:44
    • 19. Gemstone game UI - Part #1

      20:42
    • 20. Gemstone game UI - Part #1

      19:35

About This Class

A good game needs great graphics, nice music and cool characters 

- and of course a well designed game user interface!

I created this course to help the indie developer community to create clean and engaging UI designs for their games. Even if you are not a designer, you can just download this free software, and follow my course! :)

485af423

During the course we will use the amazing open-source software Inkscape. Inkscape is a vector graphical software, which makes it perfect for 2D game element design.


During the course we will learn the theory of game UI design, and we will create:

  • several icons and icon sets

  • buttons and menus in various styles

  • 2 versions of UI design for a fantasy game, 

  • 2 versions of UI for a space shooter,

  • and one version for a casual gem stone game

We will also draw an icon set for a ninja game - Hiiiiiijaaaa! Check it out! :)

64dff0c2



Important: We will create all the buttons and icons during the course, however, recreating the game screens shown in the preview and used as a base to design on during the lectures are NOT part of this course!  Also, this is a UI course, we are not working on the UX part of he design.

Although this is a beginner game UI course, a basic Inkscape knowledge is good to have. I stop and explain every single step I make, but if you are totally new to Inkscape I suggest check out my Inkscape beginner course first and learn the tools! :)