Special Topic

Taste Engineering: Make the Output Worth Keeping

Once AI can make something usable in minutes, taste becomes the differentiator. Practice seeing hierarchy, whitespace, restraint, and consistency, then translate those judgments into instructions a model can act on.

12 notesOpen reading · no login

Special Topic12notes

THE QUESTION THIS PAGE ANSWERS

ANSWER FIRST

What will the “Taste Engineering: Make the Output Worth Keeping” AI learning path help you do?

DECISION RULE

Core themes include Taste Is the New Bottleneck, Four Handles for Recognizing Beauty, Translate Taste for AI, Build Your Own Reference Library.

TRY NEXT

Begin with “Execution Is Free. Judgment Just Got Expensive,” then choose the next note by the task in front of you.

WATCH FOR

Do not optimize for finishing the list. Explaining one trade-off with your own example matters more than opening more titles.

What this route helps you practice

Open the first note

Each chapter follows a class of real decisions. Follow the sequence, or enter at the problem you are solving today.

12notes

01Execution Is Free. Judgment Just Got ExpensiveOnce anyone can make something usable in ten minutes, "usable" starts to devalue. Vote on three interfaces by gut feel first — come back after this chapter and vote again. See if your eye changedIntro7 min↗02Where the AI Look Comes FromPurple gradient, frosted glass, rounded cards: AI defaults to the average of its training data, and average is mediocre. Tap the AI-look tells on a typical AI-generated page; collect them all to unlock whyInteractive8 min↗03Hierarchy: One Hero per ScreenEmphasize everything and you emphasize nothing. How type size, weight, and color allocate attention — and A/B spot-the-difference to catch screens that steal the sceneInteractive8 min↗04Whitespace & Alignment: Most Ugliness Is SpacingWhen you can't name what's ugly, spacing is usually why. Drag the slider to feel breathing room, then learn the 8pt grid — a lazy genius of a toolInteractive7 min↗05Restraint: Budget Your Colors and TypeOne primary, two weights, one radius set. Dump colors onto a UI until it looks like a year-end party flyer, then one-click subtract and feel the premium feel snap backInteractive6 min↗06Consistency: Where System Feel Comes FromGood-looking sites sit on a set of design variables. Open this site's real CSS: why control height, radius, and color stay one tier sitewide — change once, everywhere updatesCase Study8 min↗07A Hundred Concrete Ways to Say "Looks Good"Information density, visual noise, breathing room, contrast hierarchy… tap a taste word for its definition and do/don't cases. Name it, and you can direct the AIInteractive13 min↗08Generating UI: From Adjectives to a Spec“Make a nice page” vs “reference Linear's information density, one primary color only” — a whole tier apart. Compare three prompt levels and watch the gapHands-on8 min↗09Generating Images: The Language of Composition, Light and Shadow, ColorThe aesthetic trio for image prompts: composition, light and shadow, color. Build intuition on three compare sets, then pick the right one from four candidatesHands-on6 min↗10What It Means to Really Look at DesignBookmarking a hundred sites is useless. Tear them down in order: hierarchy, then spacing, then colors. Use this flow to dissect a good design liveMethod8 min↗11Feeding References to AIDescribing style by mouth alone is inefficient. When to use reference images, style descriptions, or design variables — plus templates — so AI ships from your reference libraryHands-on7 min↗12Acceptance Checklist: Run Through This Before You Sign OffFor AI-delivered UI and images, walk the list item by item: hierarchy, spacing, restraint, consistency, detail. Interactive checklist you can tick, plus further readingFinale8 min↗