Polishing Interfaces

5,753 views

Published on

Published in: Design, Business, Technology
2 Comments
24 Likes
Statistics
Notes
  • tes mit is show like,we must polish all my figure always
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • How Dr Ajayi solved my problems with his spell casting.
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
No Downloads
Views
Total views
5,753
On SlideShare
0
From Embeds
0
Number of Embeds
26
Actions
Shares
0
Downloads
157
Comments
2
Likes
24
Embeds 0
No embeds

No notes for slide

Polishing Interfaces

  1. Polishing Interfaces Andrew Maier August, 2009 Monday, August 10, 2009
  2. Hello, My name is... Andrew Maier Interaction & User Experience Designer andrew@uxbooth.com @andrewmaier uxbooth.com hashrocket.com Monday, August 10, 2009
  3. Follow Along http:// uxbooth.com/files/delve/ polish.zip Monday, August 10, 2009
  4. Polishing Interfaces • Artistic Interfaces • Application Interfaces • Polished Interfaces • Creating an Interface • Polishing Techniques • Next Steps Monday, August 10, 2009
  5. Artistic Interfaces Monday, August 10, 2009
  6. Monday, August 10, 2009
  7. Monday, August 10, 2009
  8. Monday, August 10, 2009
  9. Artistic Interfaces • Interface as a work of art • Influenced by graphic design, illustration • Immediately noticed: visceral reaction • The design leaves the lasting impression • Brittle: static canvas for single–serving content Monday, August 10, 2009
  10. Application Interfaces Monday, August 10, 2009
  11. Monday, August 10, 2009
  12. Monday, August 10, 2009
  13. Monday, August 10, 2009
  14. Application Interfaces • No overarching design, simple colors/shapes • Influenced by operating systems, usability • Generally unnoticed • The functionality leaves the lasting impression • Versatile: dynamic canvas for multi– dimensional content Monday, August 10, 2009
  15. Polished Interfaces Monday, August 10, 2009
  16. Monday, August 10, 2009
  17. Monday, August 10, 2009
  18. Monday, August 10, 2009
  19. Polished Interfaces • Holistic design, makes use of motifs • Influenced by operating systems & illustration • Noticed upon reflection • Functionality leaves lasting impression • Follows conventions & patterns for ease–of–use through familiarity • Versatile: dynamic canvas for multi– dimensional content Monday, August 10, 2009
  20. Creating an Interface Monday, August 10, 2009
  21. Establish a Theme • Grunge • Minimalist, Typography • Metallic, UI • Abstract/Transparency, HUD • Web 2.0 Monday, August 10, 2009
  22. Monday, August 10, 2009
  23. Minimalist Monday, August 10, 2009 Image used with permission from Collis Ta’eed
  24. Brushed Metal Monday, August 10, 2009 Image used with permission from Collis Ta’eed
  25. Abstract Monday, August 10, 2009 Image used with permission from Collis Ta’eed
  26. Web 2.0 Monday, August 10, 2009 Image used with permission from Collis Ta’eed
  27. Polish Techniques Monday, August 10, 2009
  28. Polish Techniques Lighting Effects Other Effects ‣ Drop Shadow ‣ Texture & Patterns ‣ Bevel ‣ Dither ‣ Gloss/Glare/Glow ‣ Blur/ Wet Floor ‣ Photo Effects ‣ Color/Hue (icons, etc) (dodge/burn) Monday, August 10, 2009
  29. Things to Avoid ‣ Over Polish ‣ Breaking your own conventions ‣ Over/Under–contrast ‣ Bad anti-aliasing & pixel hinting Monday, August 10, 2009
  30. Applied Monday, August 10, 2009
  31. Monday, August 10, 2009
  32. Monday, August 10, 2009
  33. Monday, August 10, 2009
  34. Monday, August 10, 2009
  35. Demo Monday, August 10, 2009
  36. Next Steps Monday, August 10, 2009
  37. Next Steps • Practice, practice, practice • Get inspired, collect inspiration • Read books, read blogs • Discuss, collaborate Monday, August 10, 2009
  38. Get Inspiration http:// http:// bestwebgallery.com abduzeedo.com Monday, August 10, 2009
  39. Collect Inspiration http:// emberapp.com Monday, August 10, 2009
  40. The Non-Designer's Design Book Robin Williams Monday, August 10, 2009
  41. Sexy Web Design Elliot Jay Stocks Monday, August 10, 2009
  42. The Visual Display of Quantitative Information Edward R. Tufte Monday, August 10, 2009
  43. http:// psd.tutsplus.com /category/tutorials http:// tutorial9.net Monday, August 10, 2009
  44. http:// istockphoto.com http:// bittbox.com /category/freebies Monday, August 10, 2009
  45. http:// iconfinder.net http:// smashingmagazine.com /category/fonts Monday, August 10, 2009
  46. Fin Monday, August 10, 2009

×