What Developers should Know about Design
summary
Practical layout rules and visual shortcuts for developers: use a consistent proportion such as 60–62% proportion for split layouts and logo geometry, size type on a simple scale (pick increments like 10/14/16 and stick to them), reserve about 17.5% whitespace blocks to center content, limit branding to one or two main colors plus greyscale, pair a readable sans for body with a distinct display font, and treat color choices as emotional signals rather than decoration. These are immediately actionable in code and CSS.
AI-written summary · about
chapters (10)
- 0:00Introduction
- 1:06Why developers should care about design
- 2:09Design in user communication
- 3:53Choosing fonts for readability
- 6:45Font pairings and sizes
- 8:11Proportion and visual balance
- 9:33Proportion in logos and layouts
- 10:15Color design and emotions
- 12:46Consistency and design tips
- 13:54Q&A
related talks
14mWhat developers should know about design
58mDesign for Developers
01h 02mDesign for Developers
38mDesign for Developers
21mHow developers can upgrade their visual design skills for better front end development
54mDesign for Non-Designers from a Non Designer
29mElements of Design: A Developer's Primer
38mDesign for Non-Designers