Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

2,288 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
  • Be the first to comment

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.

×