how to not design like a developer -- wordcamp chicago 2014

36
How to Not Design Like a D eveloper tracy apps - @tapps owner, designer, developer, toilet cleaner tracy apps design, LLC

Upload: tracy-apps

Post on 25-Jan-2015

1.135 views

Category:

Design


0 download

DESCRIPTION

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.

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.