Your SlideShare is downloading. ×
5 Things Developers Need to Know About Design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

5 Things Developers Need to Know About Design

3,622

Published on

Awesome design doesn't have to come from the design department. In fact, designers often play by simple guidelines they follow fairly intuitively that anyone can learn. In this session you will learn …

Awesome design doesn't have to come from the design department. In fact, designers often play by simple guidelines they follow fairly intuitively that anyone can learn. In this session you will learn the techniques designers use as well as the things they wish every developer knew about design. Understanding these 5 things will not only make you better at design, it will help you work better with designers.

(from the 2013 HTML5 Developer Conference)

Published in: Design, Technology
0 Comments
5 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
3,622
On Slideshare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
61
Comments
0
Likes
5
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. 5 5 THINGS Every Developer Needs to Know ABOUT DESIGN @PaulTrani Monday, October 28, 13
  • 2. 5 Paul Trani Creative Cloud Evangelist, Adobe 17 years of making design mistakes 4 year-old cleverly disguised as a reasonable adult @PaulTrani Monday, October 28, 13
  • 3. 5 Why it matters... @PaulTrani Monday, October 28, 13
  • 4. Research www.jnd.org Monday, October 28, 13 5 @PaulTrani
  • 5. 5 Sexy? @PaulTrani Monday, October 28, 13
  • 6. 5 Sexy! @PaulTrani Monday, October 28, 13
  • 7. 1 5 5 Know that... YOU’RE NOT A DESIGNER* *But you are awesome and can fake it really well. Monday, October 28, 13 @PaulTrani
  • 8. 5 @PaulTrani Monday, October 28, 13
  • 9. 2 5 Know how to... LEAD THE EYE @PaulTrani Monday, October 28, 13
  • 10. 5 It’s about leading the eye... @PaulTrani Monday, October 28, 13
  • 11. 5 @PaulTrani Monday, October 28, 13
  • 12. 5 @PaulTrani Monday, October 28, 13
  • 13. 5 @PaulTrani Monday, October 28, 13
  • 14. 5 @PaulTrani Monday, October 28, 13
  • 15. 5 @PaulTrani Monday, October 28, 13
  • 16. 5 @PaulTrani Monday, October 28, 13
  • 17. 5 @PaulTrani Monday, October 28, 13
  • 18. 5 @PaulTrani Monday, October 28, 13
  • 19. 5 @PaulTrani Monday, October 28, 13
  • 20. Golden Ratio 5 @PaulTrani Monday, October 28, 13
  • 21. 5 Golden Ratio Fibonacci  Numbers @PaulTrani Monday, October 28, 13
  • 22. Golden Ratio 5 @PaulTrani Monday, October 28, 13
  • 23. Golden Ratio 5 @PaulTrani Monday, October 28, 13
  • 24. 5 Which object is easier to look at? @PaulTrani Monday, October 28, 13
  • 25. 5 Sharp corners take focus outside the rectangle. @PaulTrani Monday, October 28, 13
  • 26. 5 Rounded corners take focus inside the rectangle. @PaulTrani Monday, October 28, 13
  • 27. 5 http://www.mani.de/backstage/?p=483 Monday, October 28, 13 @PaulTrani
  • 28. 5 http://www.mani.de/backstage/?p=483 Monday, October 28, 13 @PaulTrani
  • 29. 5 Adventure Co. escape normal @PaulTrani Monday, October 28, 13
  • 30. 5 @PaulTrani Monday, October 28, 13
  • 31. 3 5 Know how to... USE COLOR & IMAGERY Monday, October 28, 13 @PaulTrani
  • 32. 5 “Use color to emphasize importance, not decorate a page.” Alexander White @PaulTrani Monday, October 28, 13
  • 33. 5 “A picture is worth a thousand words.” “Let the picture tell the story.” @PaulTrani Monday, October 28, 13
  • 34. 5 @PaulTrani Monday, October 28, 13
  • 35. 4 5 Know how to... USE TEXT & TYPOGRAPHY Monday, October 28, 13 @PaulTrani
  • 36. 5 Typography “Typography has one plain duty before it and that’s to convey information in writing.” Emil Ruder @PaulTrani Monday, October 28, 13
  • 37. 5 Choosing Fonts • Choose a font that fits the subject • Don’t use more than three @PaulTrani Monday, October 28, 13
  • 38. 5 Font Styles @PaulTrani Monday, October 28, 13
  • 39. 5 Font Awesomeness @PaulTrani Monday, October 28, 13
  • 40. 5 @PaulTrani Monday, October 28, 13
  • 41. 5 5 Always get... FEEDBACK FROM OTHERS Monday, October 28, 13 @PaulTrani
  • 42. 5 Over 1 million members... Behance.net @PaulTrani Monday, October 28, 13
  • 43. 5 5 Design Fundamentals 1. You’re not a designer. (but you can fake it really well) 2. Lead the eye with your layout. 3. Use color and imagery to capture attention. 4. Use fonts sparingly. 5. Get feedback from others. @PaulTrani Monday, October 28, 13
  • 44. 6 5 Then... MAKE IT AWESOME Monday, October 28, 13 @PaulTrani
  • 45. 5 Adventure Co. escape normal @PaulTrani Monday, October 28, 13
  • 46. 5 @PaulTrani Monday, October 28, 13
  • 47. 5 An electronic journal for mobile phones. Keep track of what you want and where you found it. @PaulTrani Monday, October 28, 13
  • 48. 5 @PaulTrani Monday, October 28, 13
  • 49. 5 @PaulTrani Monday, October 28, 13
  • 50. 5 @PaulTrani Monday, October 28, 13
  • 51. 5 @PaulTrani Monday, October 28, 13
  • 52. 5 @PaulTrani Monday, October 28, 13
  • 53. 5 Closing Remarks @PaulTrani Monday, October 28, 13
  • 54. 5 Don’t try to be great, try to be invisible. @PaulTrani Monday, October 28, 13
  • 55. 5 Don’t “put a star burst behind it.” @PaulTrani Monday, October 28, 13
  • 56. 5 Don’t use yellow text on a white background. @PaulTrani Monday, October 28, 13
  • 57. 5 Don’t use Comic Sans. @PaulTrani Monday, October 28, 13
  • 58. 5 Thank You! @paultrani ptrani@adobe.com http://www.paultrani.com http://www.behance.net @PaulTrani Monday, October 28, 13

×