Learn the UI design fundamentals by creating a consistent, beautiful design component library of your own.
What will you learn after the course?
After the course you’ll have a good understanding of the fundamental elements of UI design and UI components.
- Hierarchy Strips
Learn this unique method that shows you understand the design decisions behind your projects and know how to guide the user to the desired action.
- Red Square Method
We will be using the Red Square Method to learn alignment by hand – it’s really important to train your eye first before you jump into auto-layouting tools.
- Fonts, colors, spacings
How many fonts to pick? How to choose the right colors? How to space it all out? All of these questions and more are answered within the course with direct examples.
- It all starts with a grid
I’ll show you which grid works the best for most UI design and why. Then we’ll apply that grid to all of our elements for maximum design consistency and an easy way to expand it.
- And more
We’ll explore the basics of Components (Figma) and Symbols (Sketch), how to annotate a design for developers and for your portfolio, beautiful presentation and more!
Last Updated 6/2023