The document provides tips for how not to design like a developer. It recommends focusing on contrast, balance, alignment and layout using a grid system. It also suggests seeking inspiration from nature and using tools like Google Fonts, Font Awesome, and Iconmoon for fonts and icons. The document emphasizes planning ahead, including fewer rather than more elements, and using photos from Creative Commons.

1. How to Not Design Like a
Developer
tracy apps - @tapps
owner, designer, developer, toilet cleaner
tracy apps design, LLC

2. obligatory
“WHO IS
THIS PERSON
TALKING”
slide
tracy apps
(yes. my last name is apps)
@tapps

3. enough about me though...

5. contrastcontrast contrast contrast

6. contrastcontrast contrast contrast

7. subtlepatterns.com

8. color

9. kuler.adobe.com

10. color meanings

11. happiness, optimism, enlightenment, creativity,
sunshine, spring, deity (Hinduism), cowardice,
betrayal, egoism, madness, caution, physical
illness, courage (Japan), adult movies (China),
insane asylum (Russia)

12. balance
photo (CC) Danielle deLeon

13. symmetrical

14. asymmetrical

15. alignment/layout
photo(CC)KathyMcEldowney

16. the grid is your friend

17. thisisdallas.github.io/Simple-Grid

18. responsivegridsystem.com

19. plan ahead.
photo by James Gregory

21. less > more

23. less > more

24. seek inspiration

25. no, seriously.
try going outside.

26. icons. fonts. icon
fonts.

27. google.com/fonts

28. fontawesome.io

29. icomoon.io

30. cheat

31. css3generator.com

32. getbootstrap.com

34. creative commons photos used
• “US Statutes at Large” by Wikipedia user: Coolcaesar
en.wikipedia.org/wiki/United_States_Statutes_at_Large
• “Asymmetry” by Danielle deLeon
flickr.com/photos/danielledeleon
• “All my worldly possessions…” by Kathy McEldowney
flickr.com/photos/k2d2vaca
• “Fail Drain” by James Gregory
flickr.com/photos/21139223@N02

35. ’s

36. tracy apps
twitter: @tapps
web: tracyappsdesign.com
or just google me.