Designing Virtual Realism - AEA Chicago, 2009

1,194 views
1,121 views

Published on

The real world is rarely flat and devoid of texture, yet our virtual designs often do little to mirror what lies beyond the monitor. Tasteful use of lighting, shadows, gradients, and more traditional arts such as photography, oil, water color, pencil and charcoal can help us mimic the world around us. Learn why using realistic textures and media can make your designs leap off the screen.

Published in: Design, Technology

Designing Virtual Realism - AEA Chicago, 2009

  1. 1. Designing Virtual Realism AEA Chicago, October 2009 Dan Rubin Sidebar Creative
  2. 2. Why?
  3. 3. Because of the environment.
  4. 4. No, not that environment.
  5. 5. Look & Feel
  6. 6. Let’s relate this to UI design.
  7. 7. Interface Product design = design
  8. 8. Products are designed for intuition.
  9. 9. Photo: Luiz Fernando Pilz (http://www.sxc.hu/photo/249448)
  10. 10. Photo: Ivaylo Georgiev (http://www.sxc.hu/photo/426359)
  11. 11. Affordance
  12. 12. ...the term affordance refers to the perceived and actual properties of the thing, primarily those fundamental properties that determine just how the thing could possibly be used. Don Norman
  13. 13. Affordance isn’t guaranteed...
  14. 14. Context is important.
  15. 15. Photo: David Ritter (http://www.sxc.hu/photo/941686)
  16. 16. Photo: Craig Jewell (http://www.sxc.hu/photo/945272)
  17. 17. Aesthetic- Usability Effect
  18. 18. Attractive things work better. Donald Norman http://jnd.org/dn.mss/emotion_design_attractive_things_work_better.html
  19. 19. Good usability is inherent in good design because people think well designed things work better. Mark Boulton
  20. 20. Finding inspiration.
  21. 21. Some interfaces already do this.
  22. 22. We can create illusions.
  23. 23. http://silverbackapp.com
  24. 24. http://delicious-monster.com/
  25. 25. Classics
  26. 26. Ramp Champ
  27. 27. ConvertBot
  28. 28. Sometimes, we can also use textures.
  29. 29. Two-second texture test.
  30. 30. Photo: Peter Zelnik (http://www.sxc.hu/photo/1170873)
  31. 31. Photo: Kriss Szkurlatowski (http://www.sxc.hu/photo/1165285)
  32. 32. Photo: David Thomson (http://www.sxc.hu/photo/1172713)
  33. 33. Photo: Dedy Ong (http://www.sxc.hu/photo/1161259)
  34. 34. Photo: Roberto Ribeiro (http://www.sxc.hu/photo/1173672)
  35. 35. Photo: David Ritter (http://www.sxc.hu/photo/941686)
  36. 36. My interface doesn’t need to be pretty!
  37. 37. I beg to differ.
  38. 38. Create texture by adding noise.
  39. 39. In Photoshop: Filter → Noise → Add Noise…
  40. 40. Incorporate art and texture.
  41. 41. Shoot your own photos.
  42. 42. Use your scanner.
  43. 43. Or combine a few methods.
  44. 44. Designing Virtual Realism AEA Chicago, October 2009 fin. http://aneventapart.com/2009/chicago/slides/ twitter: @danrubin ©2009 Dan Rubin » http://sidebarcreative.com

×