-
Learn how to design a developer-focused tool by examining the UI in the Pixel Vision 8 game console.
If you're ready to design a dev tool, but aren't sure where to start, this course gets you on your way. Join Jesse Freeman as he explains the fundamentals of UI design and how to apply UX principles when designing interfaces. By taking a look at the design of the game engine Pixel Vision 8, he breaks down the logic behind the layout of standard components. He discusses design patterns, unification, user experience challenges, and more. Additionally, he helps you get your dev tool design started by helping you pursue the creation of toolbars, the selection of color palette, the addition of action bars, and more.
Overview
Syllabus
-
Introduction
- Welcome
- What you should know
- Dev tool overview
- Designing within constraints
- Understanding tool UI
- The UI in PV8
- Creating a common UX language
- Standardizing UI components
- Working in small resolutions
- Tool bar
- Action Bar
- Limiting UI visual language
- Limiting color palettes
- Overcoming design constraints
- Next steps