UI Design for Games by Grafit Studio

Master practical game interface visual design — without diving deep into UX!

Through the example of a card game, you’ll build a complete package of screens and UI elements: windows, HUD, cards, buttons, icons, items, and props — all with a clear structure and strong visual focus.

What's inside:

✅ 5+ hours of video lessons

✅ 8 practical assignments

✅ English voice-over + subtitles

Software:  Adobe Photoshop (instructor’s main tool), Procreate, or Sai

Who this course is for: Junior and mid-level artists looking to break into game UI or level up their portfolio

Course Program:

1. IntroductionExplore different game genres and understand the role of a UI artist. Learn the difference between game UI and UX.
2. Prototyping
   Build a proper screen flow, create mood/ref boards, and sketch the first wireframes for a card game interface.
3. Icons & HUD
   Master icon design: shape language, composition, color, light & shadow. Study typography for UI, HUD buttons, and visual readability.
4. Pop-up Windows
   Design windows, buttons, and fonts with Photoshop tools: masks, layer styles, blending modes, and grids. Learn about responsiveness and how to prepare assets for developers.
5. Card Design
   Create compelling card designs with textures and symmetry tools. Discover how to structure your own UI kit.
6. Items & Props
   Draw items using perspective basics and integrate them into your UI. Dive deeper into blending modes, overlays, and blurs to craft ability icons and effects.
7. Logos
   Design functional, unique, and appealing logos that elevate your project.
8. Final Presentation
   Prepare your work for a portfolio-ready showcase. Learn how to present your project effectively and position yourself as a UI artist in the industry.

🔥 By the end of the course, you’ll have a complete card game UI project to showcase in your portfolio — and the practical skills to apply in real production.

If you have any ideas or suggestions for us, contact us via email: refpacks@grafitarm.com 

Follow Grafit studio on Instagram (https://www.instagram.com/studiografit/) and Twitter(https://twitter.com/grafit_studio) for more art content, behind the scenes & daily studio life.

Join our Discord and share your results with us:https://discord.gg/qNXbnhR ?

Have a great day guys and stay tuned for upcoming updates!