How to not design like a developer (2014 version)

Slide 1

Slide 1 text

How to Not Design Like a Developer tracy apps - @tapps owner, designer, developer, toilet cleaner tracy apps design, LLC

Slide 2

Slide 2 text

obligatory “WHO IS THIS PERSON TALKING” slide tracy apps (yes. my last name is apps) @tapps

Slide 3

Slide 3 text

enough about me though...

Slide 4

Slide 4 text

No content

Slide 5

Slide 5 text

contrast contrast contrast contrast

Slide 6

Slide 6 text

contrast contrast contrast contrast

Slide 7

Slide 7 text

subtlepatterns.com

Slide 8

Slide 8 text

color

Slide 9

Slide 9 text

kuler.adobe.com

Slide 10

Slide 10 text

color meanings

Slide 11

Slide 11 text

happiness, optimism, enlightenment, creativity, sunshine, spring, deity (Hinduism), cowardice, betrayal, egoism, madness, caution, physical illness, courage (Japan), adult movies (China), insane asylum (Russia)

Slide 12

Slide 12 text

balance photo (CC) Danielle deLeon

Slide 13

Slide 13 text

symmetrical

Slide 14

Slide 14 text

asymmetrical

Slide 15

Slide 15 text

alignment/layout photo (CC) Kathy McEldowney

Slide 16

Slide 16 text

the grid is your friend

Slide 17

Slide 17 text

thisisdallas.github.io/Simple-Grid

Slide 18

Slide 18 text

responsivegridsystem.com

Slide 19

Slide 19 text

plan ahead. photo by James Gregory

Slide 20

Slide 20 text

No content

Slide 21

Slide 21 text

less > more

Slide 22

Slide 22 text

No content

Slide 23

Slide 23 text

less > more

Slide 24

Slide 24 text

seek inspiration

Slide 25

Slide 25 text

no, seriously. try going outside.

Slide 26

Slide 26 text

icons. fonts. icon fonts.

Slide 27

Slide 27 text

google.com/fonts

Slide 28

Slide 28 text

fontawesome.io

Slide 29

Slide 29 text

icomoon.io

Slide 30

Slide 30 text

cheat

Slide 31

Slide 31 text

css3generator.com

Slide 32

Slide 32 text

getbootstrap.com

Slide 33

Slide 33 text

No content

Slide 34

Slide 34 text

creative commons photos used • “US Statutes at Large” by Wikipedia user: Coolcaesar   en.wikipedia.org/wiki/United_States_Statutes_at_Large • “Asymmetry” by Danielle deLeon   flickr.com/photos/danielledeleon • “All my worldly possessions…” by Kathy McEldowney   flickr.com/photos/k2d2vaca • “Fail Drain” by James Gregory   flickr.com/photos/21139223@N02

Slide 1

Slide 1 text

Slide 2

Slide 2 text

Slide 3

Slide 3 text

Slide 4

Slide 4 text

Slide 5

Slide 5 text

Slide 6

Slide 6 text

Slide 7

Slide 7 text

Slide 8

Slide 8 text

Slide 9

Slide 9 text

Slide 10

Slide 10 text

Slide 11

Slide 11 text

Slide 12

Slide 12 text

Slide 13

Slide 13 text

Slide 14

Slide 14 text

Slide 15

Slide 15 text

Slide 16

Slide 16 text

Slide 17

Slide 17 text

Slide 18

Slide 18 text

Slide 19

Slide 19 text

Slide 20

Slide 20 text

Slide 21

Slide 21 text

Slide 22

Slide 22 text

Slide 23

Slide 23 text

Slide 24

Slide 24 text

Slide 25

Slide 25 text

Slide 26

Slide 26 text

Slide 27

Slide 27 text

Slide 28

Slide 28 text

Slide 29

Slide 29 text

Slide 30

Slide 30 text

Slide 31

Slide 31 text

Slide 32

Slide 32 text

Slide 33

Slide 33 text

Slide 34

Slide 34 text

Slide 35

Slide 35 text

Slide 36

Slide 36 text