Straight-Up Design

Simple ways devs can make apps look and work better.

Transcript

1. Straight-Up D E S I G N simple ways for devs to make apps look and work better
2. Hi. I’m Jen. I’m a designer.*
3. Design Myths 1 Design is decoration. Design is subjective. Design is separate from development. 2 3
4. Simple ways to do design? Do tell!
5. There are no simple ways to do design.
6. But there are some places to start.
7. Inspiration
8. STEAL.
9. SEARCH AND BOOKMARK.
10. Layout
11. CREATE A FLOW.
12. negative space
15. USE GRIDS.
16. WIREFRAME.
17. WIREFRAME.
18. USE PATTERNS.
19. Details
20. CHOOSE FONTS.
21. CHOOSE FONTS.
22. CHOOSE COLORS.
23. CHOOSE ICONS.
24. frameworks & helpers
25. Twitter Bootstrap? Um ... do you have to?
26. JEN MYERS @antiheroine jenmyers.net/speaking
27. RESOURCES http://www.austinkleon.com/steal/ http://pinboard.in/u:jenmyers/t:inspiration/ http://pinterest.com/deliberatepixel/web-app-design/ http://dribbble.com http://inspectelement.com/articles/the-principles-of-good-web-design-part-1-layout/ http://balsamiq.com http://ui-patterns.com/ http://www.google.com/webfonts http://typekit.com http://youtu.be/BMP5cuAYG_Q http://www.colourlovers.com/ http://www.colorschemer.com/online.html http://cs.nyu.edu/courses/fall02/V22.0380-001/color_theory.htm http://css-tricks.com/examples/IconFont/