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
130
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
270
Abe38081ff1dc9cfe239d4f06831e47e?s=48 jenmyers
6
340
Abe38081ff1dc9cfe239d4f06831e47e?s=48 jenmyers
8
520
Abe38081ff1dc9cfe239d4f06831e47e?s=48 jenmyers
4
720

Other Decks in Design

See All in Design
61979df46e0c6b1de27d9dbc37289838?s=48 alesaenzart
0
280
95d9f37115fbb0d13135d0f77132f856?s=48 morganepeng
7
580
92151711459a4e3a191f791238f6259d?s=48 chiemitaki
1
110
4fe9c38064244b38e7cc7627135c5008?s=48 basakbuse
0
120
F3a6fc3a4f8a807f0c8632efbe4ff8ad?s=48 4mimimizu
1
3.3k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
1
21k
Cbad96d5495a9ba501d2518042c89502?s=48 kazuakiebe
2
170
Abaa70cc6ac599bb503184eb2ae03ab4?s=48 tenjuu99
3
280
3bc3afa8347565778c701967cc72bcb7?s=48 janicechun
0
110
0c6fd6a08d0f898159cda7cafcacf07f?s=48 afnizarnur
2
130
De642d97312a719bcb273476a53a2f29?s=48 justmichaelajayi
0
360
Cf3645811bcc4a1996c8915b3de9f950?s=48 masakioka
2
180

Featured

See All Featured
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
60
2.4k
78b475797a14c84799063c7cd073962f?s=48 holman
447
130k
5f50f94346fbcb23706f0707169317a4?s=48 aarron
254
36k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
436
28k
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
94
5k
7559f6cff1f5efc2d210965febd4d71c?s=48 bermonpainter
340
26k
0bce06bd06ee7a2c4f5500f25dcf7f18?s=48 paulrobertlloyd
69
1.3k
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
204
6.7k
Fde6c3a50ca518a909ef35c22c0ee0e4?s=48 destraynor
222
46k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
345
20k
9cde37f47e4a800ea081ea42de8d749a?s=48 dougneiner
119
7.7k
3d6ace9554821d552146413bcdf874f6?s=48 trishagee
13
690

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/