DESIGN FOR DEVELOPERSKris Khaira

WHAT IS DEsign?

formfunction

IPHONE

juicy Salif

ANGKOR WAT

VOLKSWAGEN

what is a web 2.0 website?

GRADIENTS?CURVES?

BIG FONTS?

USER-GENERATED CONTENT

FUNCTIONALITYINTERACTIVITY

HOW DESIGN HELPS

GET ATTENTIONATTRACT USERS

ATTRACT DEVELOPERS

WHERE DO I START?

YOUR SENSE OF AESTHETICS

YOUR “DESIGN EYE”

PHOTOGRAPHYEMOTION

PHOTOGRAPHYCOMPOSITION

PHOTOGRAPHYCOMPOSITION

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

SCRATCH. DRAW. PAINT

OBSERVE

EXPRESS YOURSELF

EXPRESS YOURSELF

RE-evaluate YOUR INFLUENCES

the way you liveEMBRACE ALTERNATIVE LIFESTYLES

YOUR SURROUNDINGSMusic

TVPeople

POPULAR CULTURECulture of the people

MASS CULTURECulture capitalised and marketed upon the

people

myths

bad design helps traffic

“Look at Craiglist”

“Look at Google”

Other factors - engine, tech, etc

Design still helps

DESIGN PROCESS

RESEARCHMOCKUPSHARE

ITERATE

TOOLS

ILLUSTRATION

Usually vector

For logos, fliers, etc

e.g. Adobe Illustrator, Inkscape

LAYOUT

For layout

e.g. Adobe Photoshop, Adobe Fireworks

QUICK STARTS

Use Adobe Illustrator for logos

Use Photoshop’s Actions

Use grids and guides in Photoshop

Make your own template PSDs

TERIMA KASIH