UI
Beginner friendly
UI Design
Interfaces that are clear before they are pretty. Layout, type, color, components, and a set of screens a developer can actually build. The same navy-and-gold discipline you see on this site.
About 8 weeks
On-site · New Shadbagh
Good for. People who notice bad apps and want to design better ones, with or without a coding background.
What you leave with
- You can lay out a phone and a desktop screen
- You can build a small component set
- You can hand a file to a developer without a scavenger hunt
How the weeks go
01
Seeing
- Hierarchy, spacing, and alignment
- Type and color that stay readable
- What to copy from good products, and what not to
02
Making
- Figma frames and components
- Forms, nav, cards, and empty states
- A flow with more than one screen
03
Hand-off
- Naming and specs
- A real brief: a local business or course page
- Critique: what would confuse a first-time user
Tools
- Figma
- Type
- Color
- Components