Design for Non-Designers
summary
Shows practical shortcuts: use line things up with simple grids (CSS grid or frameworks like food strap), pick palettes from color mine IO or Google's material design, pair fonts via type wolf or font pair, and choose images from on splash or photo pin. Claims adding whitespace yields measurable lifts—20% engagement, 5% more products added, 33% more purchases. Advocates sketch → black‑and‑white mockups → build workflow, and warns ghost buttons hide actions.
AI-written summary · about
chapters (28)
- 0:00Introduction
- 1:53Presentation Overview
- 3:41Why I wrote this
- 4:50Clutter
- 6:00Line Things Up
- 6:27CSS Grid
- 7:52Colors
- 8:38Neutrals
- 10:09Alignments
- 10:40Typography
- 11:27Fonts
- 12:06Fonts Websites
- 12:21System Fonts
- 13:27White Space
- 14:54Luxury Websites
- 16:28Clean Design
- 17:00User Experience
- 18:49Banners
- 22:32Headlines
- 24:43Images
- 26:55Fiber
- 27:46Image
- 28:40Not copying
- 29:57Building ideas
- 31:50Sketching
- 33:27Mockups
- 35:02I feel like crap
- 36:16Things to remember
related talks
37mDesign for Non-Designers
38mDesign for Developers
01h 02mDesign for Developers
33mDesign hacks for the pragmatic minded
54mDesign for Non-Designers from a Non Designer
58mDesign for Developers
22mDesigned. an introduction to design for developers
35mDebugging Design: 5 simple design principles to make your UI "not look terrible".