DESIGN FOR DEVELOPERS Kris Khaira

Kris Khaira

WHAT IS DEsign?

form function

IPHONE

juicy Salif

ANGKOR WAT

VOLKSWAGEN

what is a web 2.0 website?

GRADIENTS? CURVES? BIG FONTS?

USER-GENERATED CONTENT FUNCTIONALITY INTERACTIVITY

HOW DESIGN HELPS

GET ATTENTION ATTRACT USERS ATTRACT DEVELOPERS

WHERE DO I START?

YOUR SENSE OF AESTHETICS YOUR “DESIGN EYE”

PHOTOGRAPHY EMOTION

EMOTION

PHOTOGRAPHY COMPOSITION

COMPOSITION

PHOTOGRAPHY COMPOSITION

COMPOSITION

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

LINES, SPACE, SHAPES, COLOR

SCRATCH. DRAW. PAINT

OBSERVE

EXPRESS YOURSELF

EXPRESS YOURSELF

RE-evaluate YOUR INFLUENCES

the way you live EMBRACE ALTERNATIVE LIFESTYLES

EMBRACE ALTERNATIVE LIFESTYLES

YOUR SURROUNDINGS Music TV People

Music

TV

People

POPULAR CULTURE Culture of the people

Culture of the people

MASS CULTURE Culture capitalised and marketed upon the people

Culture 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

“ Look at Craiglist”

“ Look at Google”

Other factors - engine, tech, etc

Design still helps

DESIGN PROCESS

RESEARCH MOCKUP SHARE ITERATE

TOOLS

ILLUSTRATION Usually vector For logos, fliers, etc e.g. Adobe Illustrator, Inkscape

Usually vector

For logos, fliers, etc

e.g. Adobe Illustrator, Inkscape

LAYOUT For layout e.g. Adobe Photoshop, Adobe Fireworks

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

Use Adobe Illustrator for logos

Use Photoshop’s Actions

Use grids and guides in Photoshop

Make your own template PSDs

TERIMA KASIH