Design For Developers

1,446 views

Published on

Published in: Business, Technology
  • Be the first to comment

  • Be the first to like this

Design For Developers

  1. 1. DESIGN FOR DEVELOPERS <ul><li>Kris Khaira </li></ul>
  2. 2. WHAT IS DEsign?
  3. 3. form function
  4. 4. IPHONE
  5. 5. juicy Salif
  6. 6. ANGKOR WAT
  7. 7. VOLKSWAGEN
  8. 8. what is a web 2.0 website?
  9. 9. GRADIENTS? CURVES? BIG FONTS?
  10. 10. USER-GENERATED CONTENT FUNCTIONALITY INTERACTIVITY
  11. 11. HOW DESIGN HELPS
  12. 12. GET ATTENTION ATTRACT USERS ATTRACT DEVELOPERS
  13. 13. WHERE DO I START?
  14. 14. YOUR SENSE OF AESTHETICS YOUR “DESIGN EYE”
  15. 15. PHOTOGRAPHY <ul><li>EMOTION </li></ul>
  16. 16. PHOTOGRAPHY <ul><li>COMPOSITION </li></ul>
  17. 17. PHOTOGRAPHY <ul><li>COMPOSITION </li></ul>
  18. 18. SCRATCH. DRAW. PAINT. <ul><li>LINES, SPACE, SHAPES, COLOR </li></ul>
  19. 19. SCRATCH. DRAW. PAINT
  20. 20. OBSERVE
  21. 21. EXPRESS YOURSELF
  22. 22. EXPRESS YOURSELF
  23. 23. RE-evaluate YOUR INFLUENCES
  24. 24. the way you live <ul><li>EMBRACE ALTERNATIVE LIFESTYLES </li></ul>
  25. 25. YOUR SURROUNDINGS <ul><li>Music </li></ul><ul><li>TV </li></ul><ul><li>People </li></ul>
  26. 26. POPULAR CULTURE <ul><li>Culture of the people </li></ul>
  27. 27. MASS CULTURE <ul><li>Culture capitalised and marketed upon the people </li></ul>
  28. 28. myths
  29. 29. bad design helps traffic <ul><li>“ Look at Craiglist” </li></ul><ul><li>“ Look at Google” </li></ul><ul><li>Other factors - engine, tech, etc </li></ul><ul><li>Design still helps </li></ul>
  30. 30. DESIGN PROCESS
  31. 31. RESEARCH MOCKUP SHARE ITERATE
  32. 32. TOOLS
  33. 33. ILLUSTRATION <ul><li>Usually vector </li></ul><ul><li>For logos, fliers, etc </li></ul><ul><li>e.g. Adobe Illustrator, Inkscape </li></ul>
  34. 34. LAYOUT <ul><li>For layout </li></ul><ul><li>e.g. Adobe Photoshop, Adobe Fireworks </li></ul>
  35. 35. QUICK STARTS <ul><li>Use Adobe Illustrator for logos </li></ul><ul><li>Use Photoshop’s Actions </li></ul><ul><li>Use grids and guides in Photoshop </li></ul><ul><li>Make your own template PSDs </li></ul>
  36. 36. TERIMA KASIH

×