Design for Developers

• 1. Designfor DevelopersBrian Harper@bleeharper

2. devsdoart.com 3. devsdoart.com 4. devsdoart.com 5. If you have been thinking that there isanything whatsoever in design that requiresartistic skill, well, banish the thought. Joel Spolsky (in 2006) 6. Design is not Art 7. the HIG 8. Typography 9. DEMO! 10. Before After 11. Also, contrast is important 12. Also, contrast is important 13. Typography ResourcesQUICKButtericks Practical TypographyINSPIRATIONTypewolfIN DEPTHOn Web Typography by Jason Santa MariaType On Screen 14. Color 15. Beware the defaults! 16. ANOTHERDEMO! 17. Pressed State 18. Color ResourcesINSPIRATIONColour LoversAdobe Kulerclrs.cc 19. Transitions 20. Carousel 21. Yelp 22. Source: Transitional Interfaces by Pasquale DSilva 23. Google Search 24. Linear EasingSource: Understanding Easing by Suresh V. Selvaraj 25. Animation ResourcesQUICK12 Principles of Animation for Mobile UXSmart Transitions in UX DesignIN DEPTHDesigning with AnimationMotion Design for iOS 26. Prototyping& Testing 27. SPEED FIDELITY 28. FLINTO DEMO 29. Prototyping ResourcesPROTOTYPING TOOLSPrototyping on PaperFlintoUSER TESTINGNielsen Norman Articles 30. If you want to divedeeper 31. General Design ResourcesBOOKSPixel Perfect Precision by ustwoMobile & Multi-Device Design by LukeWDesign for Hackers by David KadavyEdward Tufte 32. Q&A 33. Thank You!Brian Harper@bleeharper