Spaces, squares, and circles - an intro to UI design
summary
Covers practical, repeatable rules: use component libraries like Material or an internal Storybook to avoid inconsistent controls; follow atomic design and load the most important content first with skeletons or prioritized rendering; keep spacing on factors of four (often 32px spacing between groups, 16px between related items); enforce accessibility (aim for at least 4.5:1 contrast for AA) and one clear primary button, larger touch targets on mobile, and avoid multiple scroll containers.
AI-written summary · about
chapters (10)
- 0:00UI design intro
- 1:04UI terminology basics
- 6:33Design libraries & components
- 10:22Consistency & standards
- 17:05Visual design principles
- 26:11Gestalt principles
- 32:40Atomic design & layout
- 41:07Grid systems & layouts
- 53:05Device design differences
- 58:24Q&A
