Design for Developers
107 likes9,184 views
The document by Brian Harper emphasizes that design does not require artistic skill but rather focuses on principles such as typography, contrast, color, and animation for effective user experiences. It provides resources for typography, color, animation, and prototyping, alongside books for further learning. The goal is to help developers understand design fundamentals and improve their design skills.
Design for Developers
- 1. Design for Developers Brian Harper @bleeharper
- 5. “If you have been thinking that there is anything whatsoever in design that requires artistic skill, well, banish the thought.” — Joel Spolsky (in 2006)
- 6. Design is not Art
- 12. the HIG
- 13. Typography
- 14. DEMO!
- 15. Before After
- 16. Also, contrast is important
- 17. Also, contrast is important
- 18. Typography Resources QUICK Butterick’s Practical Typography INSPIRATION Typewolf IN DEPTH On Web Typography by Jason Santa Maria Type On Screen
- 19. Color
- 22. ANOTHER DEMO!
- 23. Pressed State
- 24. Color Resources INSPIRATION Colour Lovers Adobe Kuler clrs.cc
- 25. Transitions
- 26. Carousel
- 27. Yelp
- 28. Source: Transitional Interfaces by Pasquale D’Silva
- 29. Google Search
- 32. Linear Easing Source: Understanding Easing by Suresh V. Selvaraj
- 33. Animation Resources QUICK 12 Principles of Animation for Mobile UX Smart Transitions in UX Design IN DEPTH Designing with Animation Motion Design for iOS
- 35. SPEED FIDELITY
- 36. FLINTO DEMO
- 37. Prototyping Resources PROTOTYPING TOOLS Prototyping on Paper Flinto USER TESTING Nielsen Norman Articles
- 38. If you want to dive deeper
- 39. General Design Resources BOOKS Pixel Perfect Precision by ustwo Mobile & Multi-Device Design by LukeW Design for Hackers by David Kadavy Edward Tufte
- 40. Q&A
- 41. Thank You! Brian Harper @bleeharper