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

  • 1,095 views
Uploaded 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 …

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.

More in: Design , Technology , Business
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Be the first to comment
No Downloads

Views

Total Views
1,095
On Slideshare
0
From Embeds
0
Number of Embeds
1

Actions

Shares
Downloads
12
Comments
0
Likes
2

Embeds 0

No embeds

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
    No notes for slide

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...
  • 4. contrastcontrast contrast contrast
  • 5. contrastcontrast contrast contrast
  • 6. subtlepatterns.com
  • 7. color
  • 8. kuler.adobe.com
  • 9. color meanings
  • 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. balance photo (CC) Danielle deLeon
  • 12. symmetrical
  • 13. asymmetrical
  • 14. alignment/layout photo(CC)KathyMcEldowney
  • 15. the grid is your friend
  • 16. thisisdallas.github.io/Simple-Grid
  • 17. responsivegridsystem.com
  • 18. plan ahead. photo by James Gregory
  • 19. less > more
  • 20. less > more
  • 21. seek inspiration
  • 22. no, seriously. try going outside.
  • 23. icons. fonts. icon fonts.
  • 24. google.com/fonts
  • 25. fontawesome.io
  • 26. icomoon.io
  • 27. cheat
  • 28. css3generator.com
  • 29. getbootstrap.com
  • 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. ’s
  • 32. tracy apps twitter: @tapps web: tracyappsdesign.com or just google me.