how to not design like a developer -- WordCamp Chicago 2014

2,146 views

Published on

Have you got enough WordPress hacking “skillz” to make your own custom themes, but they still look like crap? Don’t worry, there’s some simple steps and tools that can help you design less like a developer.

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

No Downloads
Views
Total views
2,146
On SlideShare
0
From Embeds
0
Number of Embeds
14
Actions
Shares
0
Downloads
15
Comments
0
Likes
3
Embeds 0
No embeds

No notes for slide

how to not design like a developer -- WordCamp Chicago 2014

  1. 1. How to Not Design Like a Developer tracy apps - @tapps owner, designer, developer, toilet cleaner tracy apps design, LLC
  2. 2. obligatory “WHO IS THIS PERSON TALKING” slide tracy apps (yes. my last name is apps) @tapps
  3. 3. enough about me though...
  4. 4. contrastcontrast contrast contrast
  5. 5. contrastcontrast contrast contrast
  6. 6. subtlepatterns.com
  7. 7. color
  8. 8. kuler.adobe.com
  9. 9. color meanings
  10. 10. happiness, optimism, enlightenment, creativity, sunshine, spring, deity (Hinduism), cowardice, betrayal, egoism, madness, caution, physical illness, courage (Japan), adult movies (China), insane asylum (Russia)
  11. 11. balance photo (CC) Danielle deLeon
  12. 12. symmetrical
  13. 13. asymmetrical
  14. 14. alignment/layout photo(CC)KathyMcEldowney
  15. 15. the grid is your friend
  16. 16. thisisdallas.github.io/Simple-Grid
  17. 17. responsivegridsystem.com
  18. 18. plan ahead. photo by James Gregory
  19. 19. less > more
  20. 20. less > more
  21. 21. seek inspiration
  22. 22. no, seriously. try going outside.
  23. 23. icons. fonts. icon fonts.
  24. 24. google.com/fonts
  25. 25. fontawesome.io
  26. 26. icomoon.io
  27. 27. cheat
  28. 28. css3generator.com
  29. 29. getbootstrap.com
  30. 30. 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
  31. 31. ’s
  32. 32. tracy apps twitter: @tapps web: tracyappsdesign.com or just google me.

×