Design For Developers

36
DESIGN FOR DEVELOPERS Kris Khaira

description

 

Transcript of Design For Developers

Page 1: Design For Developers

DESIGN FOR DEVELOPERSKris Khaira

Page 2: Design For Developers

WHAT IS DEsign?

Page 3: Design For Developers

formfunction

Page 4: Design For Developers

IPHONE

Page 5: Design For Developers

juicy Salif

Page 6: Design For Developers

ANGKOR WAT

Page 7: Design For Developers

VOLKSWAGEN

Page 8: Design For Developers

what is a web 2.0 website?

Page 9: Design For Developers

GRADIENTS?CURVES?

BIG FONTS?

Page 10: Design For Developers

USER-GENERATED CONTENT

FUNCTIONALITYINTERACTIVITY

Page 11: Design For Developers

HOW DESIGN HELPS

Page 12: Design For Developers

GET ATTENTIONATTRACT USERS

ATTRACT DEVELOPERS

Page 13: Design For Developers

WHERE DO I START?

Page 14: Design For Developers

YOUR SENSE OF AESTHETICS

YOUR “DESIGN EYE”

Page 15: Design For Developers

PHOTOGRAPHYEMOTION

Page 16: Design For Developers

PHOTOGRAPHYCOMPOSITION

Page 17: Design For Developers

PHOTOGRAPHYCOMPOSITION

Page 18: Design For Developers

SCRATCH. DRAW. PAINT.LINES, SPACE, SHAPES, COLOR

Page 19: Design For Developers

SCRATCH. DRAW. PAINT

Page 20: Design For Developers

OBSERVE

Page 21: Design For Developers

EXPRESS YOURSELF

Page 22: Design For Developers

EXPRESS YOURSELF

Page 23: Design For Developers

RE-evaluate YOUR INFLUENCES

Page 24: Design For Developers

the way you liveEMBRACE ALTERNATIVE LIFESTYLES

Page 25: Design For Developers

YOUR SURROUNDINGSMusic

TVPeople

Page 26: Design For Developers

POPULAR CULTURECulture of the people

Page 27: Design For Developers

MASS CULTURECulture capitalised and marketed upon the

people

Page 28: Design For Developers

myths

Page 29: Design For Developers

bad design helps traffic

“Look at Craiglist”

“Look at Google”

Other factors - engine, tech, etc

Design still helps

Page 30: Design For Developers

DESIGN PROCESS

Page 31: Design For Developers

RESEARCHMOCKUPSHARE

ITERATE

Page 32: Design For Developers

TOOLS

Page 33: Design For Developers

ILLUSTRATION

Usually vector

For logos, fliers, etc

e.g. Adobe Illustrator, Inkscape

Page 34: Design For Developers

LAYOUT

For layout

e.g. Adobe Photoshop, Adobe Fireworks

Page 35: Design For Developers

QUICK STARTS

Use Adobe Illustrator for logos

Use Photoshop’s Actions

Use grids and guides in Photoshop

Make your own template PSDs

Page 36: Design For Developers

TERIMA KASIH