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

Project Description

Watch all the videos and create the UI for your very own game! 

Create at least 2 of the followings:

  • Design at least 2 matching icons

  • displayscores or other numerical values

  • Design a health-bar, timer or other indicator

  • Design a HUD on a screenshot of your game

Share your designs or on a neutral background, or for better effect on a game screenshot! It does not matter if your game is still a prototype, or the screenshot is from another game! Just create the UI and practice!

Here is my example for my ninja game. It has a score on top and 3 matching icons at the bottom.

c5853de5




Student Projects

project card
Lisa Hawkins
2 comments