Pro Yearly is on sale from $80 to $50! »

Straight-Up Design

Abe38081ff1dc9cfe239d4f06831e47e?s=47 Jen Myers
January 10, 2013
Design
1
950

Straight-Up Design

Simple ways devs can make apps look and work better.

Abe38081ff1dc9cfe239d4f06831e47e?s=128

Jen Myers

January 10, 2013
Tweet

More Decks by Jen Myers

See All by Jen Myers
Abe38081ff1dc9cfe239d4f06831e47e?s=48 jenmyers
0
140
Abe38081ff1dc9cfe239d4f06831e47e?s=48 jenmyers
0
160
Abe38081ff1dc9cfe239d4f06831e47e?s=48 jenmyers
1
200
Abe38081ff1dc9cfe239d4f06831e47e?s=48 jenmyers
0
180
Abe38081ff1dc9cfe239d4f06831e47e?s=48 jenmyers
2
250
Abe38081ff1dc9cfe239d4f06831e47e?s=48 jenmyers
0
280
Abe38081ff1dc9cfe239d4f06831e47e?s=48 jenmyers
6
350
Abe38081ff1dc9cfe239d4f06831e47e?s=48 jenmyers
8
520
Abe38081ff1dc9cfe239d4f06831e47e?s=48 jenmyers
4
730

Other Decks in Design

See All in Design
07d788425ce835a38da4ab23a537b407?s=48 gavaru
0
190
12703c2561e45c51802855707969a9b0?s=48 antondraws
0
130
41104bf685ee28d9c760ef29db690e5b?s=48 ymrl
0
750
D5e3eb191ed8781efead75efbc6eff85?s=48 sooplove
1
270
6f9c90981748adfbe77022cfb228d386?s=48 michalis_art
1
260
3936605ddd7a28da251afef2593be433?s=48 mariosakata
0
430
67b668dc2594d034dee8e25098ce6d37?s=48 juanluisbravo
0
310
5d2e1fa8c731ec227fda8adee714cc9d?s=48 ka3zu1ma10
0
250
E5c97cae0aebd09662ce8a86978e0de3?s=48 minmeiz
2
300
250494d00b2f0fdc10fb4a02f01fc7e5?s=48 tamadama
0
210
0e557ffd26105887d41ada5a5f58cad1?s=48 minamitary
2
230
8037cccadb02628e07c3c70fbfec60b3?s=48 mauricioangulo
0
270

Featured

See All Featured
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
341
26k
3ab1249be442027903e1180025340b3f?s=48 reverentgeek
26
1.8k
A9179349dd2bdc67f377719f56d85656?s=48 garrettdimon
286
110k
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
625
41k
Aebc2d07a50011e2a30d38435fde564a?s=48 jrom
114
7.1k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
94
5.1k
9375a9529679f1b42b567a640d775e7d?s=48 schacon
145
6.5k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
282
46k
E4f5d494ebdc9e7cce1aecf3ce3e8bc1?s=48 shpigford
166
19k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
70
1.3k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
116
4.8k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
87
3.3k

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

  13. None
  14. None

  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/