9. Leveling up (p. 216)
Look for decision you wouldn't have made.
Look for decisions you wouldn't have made
Ask yourself: did the designer do anything here that I never would have thought to do?
- inverted the background color on a datepicker
- how they positioned a button within a text input instead of on the outside
- using two different font colors for a headline
Rebuild your favorite interfaces
Discover tricks like:
- reduce your line height for headings (line-height: 1.2;)
- add letter-spacing to uppercase text (letter-spacing: 0.8rem;)
- combine multiple shadows (box-shadow: 0 4px 6px hsla(0,0%,.7) 0 5px 15px hsla(0,0%,.1);)
- crop the image (overflow: hidden)
By continually studying the work that inspires you with a careful eye, you'll be picking up design tricks for years to come.