Tweet
Tweet

Slide 1

Slide 1 text

Straight-Up D E S I G N simple ways for devs to make apps look and work better

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

Design Myths 1 Design is decoration. Design is subjective. Design is separate from development. 2 3

Slide 4

Slide 4 text

Simple ways to do design? Do tell!

Slide 5

Slide 5 text

There are no simple ways to do design.

Slide 6

Slide 6 text

But there are some places to start.

Slide 7

Slide 7 text

Inspiration

Slide 8

Slide 8 text

STEAL.

Slide 9

Slide 9 text

SEARCH AND BOOKMARK.

Slide 10

Slide 10 text

Layout

Slide 11

Slide 11 text

CREATE A FLOW.

Slide 12

Slide 12 text

negative space

Slide 13

Slide 13 text

No content

Slide 14

Slide 14 text

No content

Slide 15

Slide 15 text

USE GRIDS.

Slide 16

Slide 16 text

WIREFRAME.

Slide 17

Slide 17 text

WIREFRAME.

Slide 18

Slide 18 text

USE PATTERNS.

Slide 19

Slide 19 text

Details

Slide 20

Slide 20 text

CHOOSE FONTS.

Slide 21

Slide 21 text

CHOOSE FONTS.

Slide 22

Slide 22 text

CHOOSE COLORS.

Slide 23

Slide 23 text

CHOOSE ICONS.

Slide 24

Slide 24 text

frameworks & helpers

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

JEN MYERS @antiheroine jenmyers.net/speaking

Slide 27

Slide 27 text

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/