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 Application Interfaces • No overarching design, simple colorsshapes • Influenced by operating systems, usability • Generally unnoticed • The functionality leaves the lasting impression • Versatile: dynamic canvas for multi–dimensional content
Trang 5Artistic Interfaces
Monday, August 10, 2009
Trang 9Artistic 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
Trang 10Application
Interfaces
Monday, August 10, 2009
Trang 14Application Interfaces
• No overarching design, simple colors/shapes
• Influenced by operating systems, usability
Trang 15Polished Interfaces
Monday, August 10, 2009
Trang 19• Holistic design, makes use of motifs
ease–of–use through familiarity
dimensional content
Polished Interfaces
Monday, August 10, 2009
Trang 20Creating an
Interface
Monday, August 10, 2009
Trang 23Minimalist Image used with permission fr
Monday, August 10, 2009
Trang 24Br ushed Metal Image used with permission fr
Monday, August 10, 2009
Trang 26Web 2.0 Image used with permission fr
Monday, August 10, 2009
Trang 27Polish Techniques
Monday, August 10, 2009
Trang 28‣ Blur/ Wet Floor
‣ Color/Hue (icons, etc)
Polish Techniques
Monday, August 10, 2009
Trang 30Monday, August 10, 2009
Trang 35Monday, August 10, 2009
Trang 36Next Steps
Monday, August 10, 2009
Trang 37Next Steps
• Practice, practice, practice
• Get inspired, collect inspiration
• Read books, read blogs
• Discuss, collaborate
Monday, August 10, 2009
Trang 39Collect Inspiration
http://
emberapp.com
Monday, August 10, 2009
Trang 40The Non-Designer's Design Book
Robin Williams
Monday, August 10, 2009
Trang 41Sexy Web Design
Elliot Jay Stocks
Monday, August 10, 2009
Trang 42The Visual Display of Quantitative Information
Edward R Tufte
Monday, August 10, 2009
Trang 43psd.tutsplus.com /category/tutorials
http://
tutorial9.net
Monday, August 10, 2009
Trang 44istockphoto.com
http://
bittbox.com /category/freebies
Monday, August 10, 2009
Trang 45iconfinder.net
http://
smashingmagazine.com /category/fonts
Monday, August 10, 2009
Trang 46Monday, August 10, 2009