All blogs / Frontend / CSS / browsers
Learn UI Design
A design blog by Erik Kennedy on typography, color, layout, UX, design process, and more.
- Posts
- 32 from 16 Feb 2016 to 22 Apr 2026
- Posting
- now and then (2 in the last year)
- Kind
- personal blog
- Feed
- https://www.learnui.design/feed.xml
2026 2
2025 2
2024 9
- 4 Rules for Intuitive UX Obey the Law of Locality · ABD: Anything But Dropdowns · Pass the Squint Test · Teach by example
- The HSB Color System: A Practitioner's Primer Hue, saturation, and brightness, explained · Color variations with hue · Adjusting visibility with saturation · Black vs. white · HSL vs HSB
- The #1 Way to Spice Up Your Designs (And Create a More Cohesive Brand) How to make a design look professional · Tying a UI design together · Shapes vs. colors as motifs
- Color in UI Design: A (Practical) Framework The importance of color variations · Darker vs. lighter variations · Analyzing the real world · The Rules (in HSB) · Luminosity · The Way of Color
- 7 Rules for Creating Gorgeous UI – Part 2 (2024 update) How to safely overlay text on images · Making text pop – and un-pop · Only use good fonts · Steal like an artist
- 7 Rules for Creating Gorgeous UI (2024 update) Light comes from the sky · Black and white first · Double your whitespace
- 5 Practical Exercises to Learn UI Design (For Free) Designing vs. reading about design · Building your gut instinct · Learning from the pros · Developing a working knowledge of fonts · Style tiles · Putting it all together
- Font Sizes in UI Design: The Complete Guide Font size guidelines for iOS (iPhone and iPad), Material Design, and web (mobile and desktop) · Principles of choosing font sizes · Further reading
- Creating a Standout Design Portfolio: The Ultimate Guide
2022 2
2021 4
- iOS vs. Android App UI Design: The Complete Guide Overview of main differences · Navigation & organization · Controls and paradigms · Typography · Other platform standards
- The King vs. Pawn Game of UI Design Using a chess exercise to create better UI · Matching typography and color · Principles of lighting and shadows · Matching icons and typography
- 15 Tips for Better Signup / Login UX
- Free Font Alternatives: The Ultimate Guide
2020 4
- The Step-by-Step Guide for Pairing Fonts
- 100 Things a UX/UI Designer Should Know
- UI Tutorial: Scheduling App Redesign (in under 10 Minutes) The squint test · Don't make a good design on accident · The CRUD strategy · The law of locality
- UI Tutorial: Redesigning a Mobile Login Screen in 4 Steps A step-by-step redesign of a login screen · Covers a handful of design tips and tricks for you to use in your own redesigns
2019 2
2018 4
- Why Beginning Designers Don't Need to Learn Grids, Type Scales, or Color Theory (and other “Designer Dogma”) Grids in a world where no screen ever stays the same size · The golden ratio is not the answer · Adjusting colors like facebook · Pick-a-number fatigue
- 3 Pro Tips on Alignment The right edge of left-aligned text · Centering is still aligning · Hanging punctuation and friends
- Picking Colors for Your Data Visualizations Multi-hue palettes · Single-hue color scales · Divergent (two-hue) color scales
- 6 Ways to Justify Font Choices in Your Designs Branding and adjectives · Historical usage and inspiration · Fonts have features too · Superfamilies and workhorses