| 4 Rules for Intuitive UX |
https://www.learnui.design/blog/4-rules-intuitive-ux.html |
Locality, ABD (no dropdowns), squint test, teach by example |
intuitive-ux.md |
| The 3 Laws of Locality |
https://www.learnui.design/blog/the-3-laws-of-locality.html |
Where controls go, recursively |
intuitive-ux.md |
| Color in UI Design: A (Practical) Framework |
https://www.learnui.design/blog/color-in-ui-design-a-practical-framework.html |
One base color → all variations, in HSB, with exact adjustment directions |
color.md |
| The HSB Color System: A Practitioner's Primer |
https://www.learnui.design/blog/the-hsb-color-system-practicioners-primer.html |
HSB mechanics; darken by removing white, not adding black |
color.md |
| Font Sizes in UI Design: The Complete Guide (hub + web chapter + principles chapter) |
https://www.learnui.design/blog/ultimate-guide-font-sizes-ui-design.html · /blog/mobile-desktop-website-font-size-guidelines.html · /blog/font-size-principles-resources.html |
Concrete px ranges per platform; angular-size principle; ~4 sizes per page |
typography-and-fonts.md |
| The Step-by-Step Guide for Pairing Fonts |
https://www.learnui.design/blog/guide-pairing-fonts.html |
Brand adjectives → body font by legibility → secondary font → usage rules |
typography-and-fonts.md |
| 7 Rules for Creating Gorgeous UI - Part 1 |
https://www.learnui.design/blog/7-rules-for-creating-gorgeous-ui-part-1.html (alias: /blog/7-rules-for-creating-gorgeous-ui.html) |
Light from the sky; black & white first; double whitespace |
hierarchy-and-spacing.md + color.md |
| 7 Rules for Creating Gorgeous UI - Part 2 |
https://www.learnui.design/blog/7-rules-for-creating-gorgeous-ui-part-2.html |
Text-over-image methods; pop/un-pop; good free fonts; steal like an artist |
hierarchy-and-spacing.md + typography-and-fonts.md |
| 3 Pro Tips on Alignment |
https://www.learnui.design/blog/3-pro-tips-on-alignment.html |
Weak right edge; centering is aligning; hanging punctuation |
hierarchy-and-spacing.md |
| 5 Practical Exercises to Learn UI Design (For Free) |
https://www.learnui.design/blog/5-practical-exercises-learn-ui-design-free.html |
Analysis, copywork, fonts database, style tiles, personal mockups |
practice-methods.md |
| Why Beginning Designers Don't Need Grids, Type Scales, or Color Theory |
https://www.learnui.design/blog/why-beginning-designers-dont-need-grids-type-scales-color-theory.html |
The anti-system argument - THE tension with our token system |
against-systems.md |