Method: Interactive games to learn UI design basics like Bézier curves, boolean operations, colors, fonts, and shapes.
What is Method
How to use Method
Start with games: Homepage has 5 games, play them in order. KernType for letter spacing, Bézier Game for pen tool, Color for color harmony, ShapeType for letter shaping, Boolean Game for boolean operations. Each game gives instant feedback when you make mistakes.
Practice repeatedly: These games can be played multiple times with different challenges. Once you consistently score high, you've got it.
Practice with Method Draw: After learning basics, use Method Draw for small exercises to apply skills from games in real practice.
Method Key Features
5 Core Training Games
Letter spacing, pen tool, color harmony, letter shaping, boolean operations—covers most fundamental design operations
Instant Feedback
Tells you what's wrong immediately when you make mistakes, learn while playing
Free Vector Editor
Method Draw works directly in browser, no download or registration needed, ready to use once you learn basics
Open Source
Method Draw code is on GitHub, you can study or modify it yourself
Method Use Cases
Design Beginner Training
Complete beginners can understand basic design software operations by playing these games once
Skill Gap Check
Experienced designers can use these games to check if fundamentals are solid, especially letter spacing and pen tool
Teaching Tool
When teaching design, these games are more intuitive than theory, students learn faster
Quick Prototyping
When you need simple vector graphics, Method Draw is faster than opening large software, works in browser
