狠狠撸

狠狠撸Share a Scribd company logo
Design 
for Developers 
Brian Harper 
@bleeharper
devsdoart.com
devsdoart.com
devsdoart.com
“If you have been thinking that there is 
anything whatsoever in design that requires 
artistic skill, well, banish the thought.” 
— Joel Spolsky (in 2006)
Design is not Art
Design for Developers
Design for Developers
Design for Developers
Design for Developers
Design for Developers
the HIG
Typography
DEMO!
Before After
Also, contrast is important
Also, contrast is important
Typography Resources 
QUICK 
Butterick’s Practical Typography 
INSPIRATION 
Typewolf 
IN DEPTH 
On Web Typography by Jason Santa Maria 
Type On Screen
Color
Beware the defaults!
Design for Developers
ANOTHER 
DEMO!
Pressed State
Color Resources 
INSPIRATION 
Colour Lovers 
Adobe Kuler 
clrs.cc
Transitions
Carousel
Yelp
Source: Transitional Interfaces by Pasquale D’Silva
Google Search
Design for Developers
Design for Developers
Linear Easing 
Source: Understanding Easing by Suresh V. Selvaraj
Animation Resources 
QUICK 
12 Principles of Animation for Mobile UX 
Smart Transitions in UX Design 
IN DEPTH 
Designing with Animation 
Motion Design for iOS
Prototyping 
& Testing
SPEED FIDELITY
FLINTO DEMO
Prototyping Resources 
PROTOTYPING TOOLS 
Prototyping on Paper 
Flinto 
USER TESTING 
Nielsen Norman Articles
If you want to dive 
deeper
General Design Resources 
BOOKS 
Pixel Perfect Precision by ustwo 
Mobile & Multi-Device Design by LukeW 
Design for Hackers by David Kadavy 
Edward Tufte
Q&A
Thank You! 
Brian Harper 
@bleeharper

More Related Content

Design for Developers