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 35

Slide 35 text

? ’s

Slide 36

Slide 36 text

tracy apps twitter: @tapps web: tracyappsdesign.com ! or just google me.