Book · 240 pages

The Non-Designer's Design Book

Robin Williams · Robin Williams (Peachpit) Paid Beginner

The classic that gives non, designers four principles they will use forever: contrast, repetition, alignment, and proximity. Inconsistent spacing and weak alignment are two of the biggest reasons a no, code app looks sloppy, and this book trains your eye to catch them. Short, example, heavy, and readable in a weekend.

  • Alignment and proximity kill the scattered, thrown, together look
  • Repetition of type and spacing makes a product feel like one thing
  • Contrast should be strong and deliberate, not timid

It answers 3 questions

  1. I'm not a designer, how do I make my product not look terrible?
  2. How do I make a no-code app feel polished and trustworthy instead of looking like an obvious template?
  3. What are the most common design mistakes that make an early product feel amateur, and how do I avoid them?

Read with it

  1. Design tactics written specifically for developers and non-designers who need to ship good-looking UI without a design... refactoringui.com Book · ~250 pages Refactoring UI Adam Wathan & Steve Schoger
  2. Typography is the fastest way to stop looking like a template, because every no-code builder ships one default font that... fontpair.co Tool Fontpair fontpair.co
  3. A free, fast preview of the Refactoring UI mindset that you can apply this afternoon. It gives you seven fixes (use more white... Refactoring UI (Medium) Article · 10 min read 7 Practical Tips for Cheating at Design Adam Wathan and Steve Schoger
  4. Erik Kennedy writes for engineers and founders who were never taught design, and his rules are unusually memorable (light comes... Learn UI Design (Erik Kennedy) Essay · 25 min read 7 Rules for Creating Gorgeous UI Erik D. Kennedy
  5. An interactive page that improves an ugly wall of text step by step in front of you, so you feel exactly which changes matter... jgthms.com Tool · 4 min interactive Web Design in 4 Minutes Jeremy Thomas
  6. Coolors is the fastest way to lock a brand palette and walk away with the exact hex codes your site, deck, and designer all... Coolors Tool · Web tool, minutes to build a palette Coolors: The Super Fast Color Palette Generator Fabrizio Bianchi
eChai Partner Brands The partnership →