Straight-Up Design

Transcript

1. 1.

   Straight-Up D E S I G N simple ways for

   devs to make apps look and work better
2. 2.

   Hi. I’m Jen. I’m a designer.*

3. 3.

   Design Myths 1 Design is decoration. Design is subjective. Design

   is separate from development. 2 3
4. 4.

   Simple ways to do design? Do tell!

5. 5.

   There are no simple ways to do design.

6. 6.

   But there are some places to start.

7. 7.

   Inspiration

8. 8.

   STEAL.

9. 9.

   SEARCH AND BOOKMARK.

10. 10.

    Layout

11. 11.

    CREATE A FLOW.

12. 12.

    negative space

13. 13.

    None
14. 14.

    None
15. 15.

    USE GRIDS.

16. 16.

    WIREFRAME.

17. 17.

    WIREFRAME.

18. 18.

    USE PATTERNS.

19. 19.

    Details

20. 20.

    CHOOSE FONTS.

21. 21.

    CHOOSE FONTS.

22. 22.

    CHOOSE COLORS.

23. 23.

    CHOOSE ICONS.

24. 24.

    frameworks & helpers

25. 25.

    Twitter Bootstrap? Um ... do you have to?

26. 26.

    JEN MYERS @antiheroine jenmyers.net/speaking

27. 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/