How to not design like a developer (2014 version)

Presented at WordCamp Chicago 2014

Transcript

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. contrast
   contrast contrast contrast
6. contrast
   contrast 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) Kathy McEldowney
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.