📖 Book
✓ Link checked
Paid
Beginner
Why we picked it
Design tactics written specifically for developers and non-designers who need to ship good-looking UI without a design background. The most practical 'make it not ugly' resource there is.
From
refactoringui.com
by Adam Wathan & Steve Schoger
~250 pages
- Use spacing, hierarchy, and font weight, not just color, for visual hierarchy.
- Start with too much whitespace, then remove.
- Design in grayscale first to nail hierarchy before adding color.
Open
refactoringui.com →
✍️ Essay
✓ Link checked
Free
Beginner
Why we picked it
Erik Kennedy writes for engineers and founders who were never taught design, and his rules are unusually memorable (light comes from the sky, double your white space, only use good fonts). Each one targets a specific amateur tell, so you can audit your own screens against them. The updated version reflects current UI conventions, not 2015 skeuomorphism.
From
Learn UI Design (Erik Kennedy)
by Erik D. Kennedy
25 min read
- Pick from a short list of proven fonts instead of the tool default
- Doubling white space is the fastest credibility upgrade
- Text over images needs a scrim or overlay to stay readable
Open
learnui.design →
📄 Article
✓ Link checked
Free
Beginner
Why we picked it
A short, illustrated checklist of rules that are safe to follow when you have no design intuition yet. Never use pure black or pure white, saturate your grays, keep contrast high on important elements, and make every choice deliberate. It is the kind of list you keep open in a tab while you work.
From
anthonyhobday.com
by Anthony Hobday
15 min read
- Use near-black and near-white instead of pure black and white
- Give your grays a hint of your accent hue so they feel cohesive
- Every spacing and alignment choice should be intentional, not accidental
Open
anthonyhobday.com →
📄 Article
✓ Link checked
Freemium
Beginner
Why we picked it
Mismatched and default fonts are one of the loudest amateur tells, and this fixes them in ten minutes. Butterick gives you point size, line spacing, line length, and font rules that instantly make text look considered. Pick one good font, follow these numbers, and your text stops fighting the reader.
From
Butterick's Practical Typography
by Matthew Butterick
~10 min read
- Body text wants 45 to 90 characters per line
- Line spacing around 120 to 145 percent reads best
- Avoid default system fonts like Times New Roman and Arial
Open
practicaltypography.com →
📖 Book
✓ Link checked
Paid
Beginner
Why we picked it
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.
From
Robin Williams (Peachpit)
by Robin Williams
240 pages
- 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
Open
amazon.com →
📄 Article
✓ Link checked
Freemium
Beginner
Why we picked it
Generous whitespace is half of the short answer, and this explains both macro and micro space clearly. You learn why breathing room around elements and between lines makes a product feel premium rather than crowded. Good for understanding why "just add more space" actually works.
From
Interaction Design Foundation
- Macro space sets hierarchy between big sections
- Micro space between lines drives readability
- More space around an element draws more attention
Open
ixdf.org →
📄 Article
✓ Link checked
Free
Beginner
Why we picked it
If you want to understand why a font pairing works rather than just copying one, this is the clearest primer, straight from the source most no, code tools pull fonts from. It teaches contrast, hierarchy, and mood so you can make confident choices. Pair it with Fontpair: one gives you options, this gives you the judgment.
From
Google Fonts Knowledge
by Google Fonts
12 min read
- Pair fonts by contrast in weight or style, not similarity
- Establish clear hierarchy between heading and body type
- Fewer, well, chosen typefaces beat a crowded font stack
Open
fonts.google.com →
📄 Article
✓ Link checked
India
Free
Intermediate
Why we picked it
Obvious is one of India's most respected product design studios, and their blog distills over a decade of building simple, well loved products with Indian startups. The essays on early product choices, design systems, and simplicity ground these principles in the context many founders here build in. A strong India relevant read on keeping a first product simple and consistent.
From
Obvious (India product design studio)
- Simplicity and focus matter more than features early
- Consistency comes from a small system, not one off screens
- Written from Indian product context, not just Western examples
Open
obvious.in →
📄 Article
✓ Link checked
Freemium
Beginner
Why we picked it
Polish is mostly restraint, and this lays out practical ways to strip a design down. It helps you resist the urge to add more styles, colors, and elements, which is exactly what makes early products feel busy and amateur. A useful counterweight when you are tempted to decorate.
From
Interaction Design Foundation
- Remove elements before adding them
- Fewer styles read as more intentional
- Simplicity shortens the path to value
Open
ixdf.org →
📄 Article
✓ Link checked
Free
Intermediate
Why we picked it
Users judge attractive products as more usable, which is why polish matters and also why it can hide real problems. As a founder this cuts both ways: a clean look buys goodwill, but it can mask issues that surface once users hit a real task. Read it so you know when to trust a good looking demo and when not to.
From
Nielsen Norman Group
by Kate Moran
8 min read
- People perceive attractive interfaces as easier to use
- A pretty design forgives small usability flaws but not large ones
- Good looks can hide problems during your own testing
Open
nngroup.com →
Why we picked it
A free, fast preview of the Refactoring UI mindset that you can apply this afternoon. It gives you seven fixes (use more white space, add a hint of color, use fewer borders, think outside the box) that instantly lift a default no-code layout. If you only read one thing before your next design pass, read this.
From
Refactoring UI (Medium)
by Adam Wathan and Steve Schoger
10 min read
- Extra white space alone makes a cramped screen feel considered
- Accent color and soft shadows replace heavy borders and boxes
- Emphasize by de, emphasizing everything else, not by making one thing louder
Open
medium.com →
📄 Article
Free
Intermediate
Why we picked it
The most common amateur tell is inconsistent, random spacing, and a spacing scale is the cure. This explains how sizing every margin and padding in multiples of eight forces consistency without you having to eyeball it. Adopt one scale and cramped, uneven padding largely disappears.
From
Built to Adapt (Medium)
by Elliot Dahl
~8 min read
- Size all spacing in multiples of a base unit
- A scale removes guesswork from padding decisions
- Consistent spacing is what reads as polished
Open
medium.com →
✍️ Essay
Free
Intermediate
Why we picked it
Facebook's former head of product design on what separates good design from decoration, which reframes polish as clarity and intent rather than prettiness. It backs our point that users forgive a simple product but distrust a sloppy one. A short read that changes how you decide what to polish.
From
The Year of the Looking Glass (Julie Zhuo)
by Julie Zhuo
8 min read
- Good design is intentional and clear, not merely decorated
- Simplicity done well signals competence and care
- Decide what matters most, then make that unmistakably clean
Open
medium.com →
