How to Not Design Like a
Developer
tracy apps - @tapps
owner, designer, developer, toilet cleaner
tracy apps design, LLC
obligatory
“WHO IS
THIS PERSON
TALKING”
slide
tracy apps
(yes. my last name is apps)
@tapps
enough about me though...
contrastcontrast contrast contrast
contrastcontrast contrast contrast
subtlepatterns.com
color
kuler.adobe.com
color meanings
happiness, optimism, enlightenment, creativity,
sunshine, spring, deity (Hinduism), cowardice,
betrayal, egoism, madness, ...
balance
photo (CC) Danielle deLeon
symmetrical
asymmetrical
alignment/layout
photo(CC)KathyMcEldowney
the grid is your friend
thisisdallas.github.io/Simple-Grid
responsivegridsystem.com
plan ahead.
photo by James Gregory
less > more
less > more
seek inspiration
no, seriously.
try going outside.
icons. fonts. icon
fonts.
google.com/fonts
fontawesome.io
icomoon.io
cheat
css3generator.com
getbootstrap.com
creative commons photos used
• “US Statutes at Large” by Wikipedia user: Coolcaesar
en.wikipedia.org/wiki/United_States_St...
’s
tracy apps
twitter: @tapps
web: tracyappsdesign.com
or just google me.
how to not design like a developer -- WordCamp Chicago 2014
how to not design like a developer -- WordCamp Chicago 2014
how to not design like a developer -- WordCamp Chicago 2014
how to not design like a developer -- WordCamp Chicago 2014
Upcoming SlideShare
Loading in...5
×

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

1,294

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
1,294
On Slideshare
0
From Embeds
0
Number of Embeds
1
Actions
Shares
0
Downloads
13
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.
  1. A particular slide catching your eye?

    Clipping is a handy way to collect important slides you want to go back to later.

×