Interaction Design Style (Part 2 of 5)

5,292 views
5,220 views

Published on

Presentation by Christopher Fahey (http://www.behaviordesign.com & http://www.graphpaper.com) about the history and uses of "style" as a component of design innovation, specifically with respect to interaction design.

Published in: Technology, Education
0 Comments
35 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
5,292
On SlideShare
0
From Embeds
0
Number of Embeds
5
Actions
Shares
0
Downloads
0
Comments
0
Likes
35
Embeds 0
No embeds

No notes for slide

Interaction Design Style (Part 2 of 5)

  1. 1. <ul><li>Interaction </li></ul><ul><li>Design Style (Part 2 of 5) </li></ul><ul><ul><li>ASIS&T IA Summit </li></ul></ul><ul><ul><li>Monday, March 24, 2007 </li></ul></ul>
  2. 2. <ul><li>Style in History </li></ul>
  3. 3. <ul><li>Fashion Design </li></ul>
  4. 22. <ul><li>Music </li></ul>
  5. 26. <ul><li>Writing and Literature </li></ul>
  6. 37. <ul><li>Elements Of Style </li></ul><ul><ul><li>Place yourself in the background. </li></ul></ul><ul><ul><li>Write in a way that comes naturally. </li></ul></ul><ul><ul><li>Work from a suitable design. </li></ul></ul><ul><ul><li>Write with nouns and verbs. </li></ul></ul><ul><ul><li>Revise and rewrite. </li></ul></ul><ul><ul><li>Do not overwrite. </li></ul></ul><ul><ul><li>Do not overstate. </li></ul></ul><ul><ul><li>Avoid the use of qualifiers. </li></ul></ul><ul><ul><li>Do not affect a breezy manner. </li></ul></ul><ul><ul><li>Use orthodox spelling. </li></ul></ul><ul><ul><li>Do not explain too much. </li></ul></ul><ul><ul><li>Do not construct awkward adverbs. </li></ul></ul><ul><ul><li>Make sure the reader knows who is speaking. </li></ul></ul><ul><ul><li>Avoid fancy words. </li></ul></ul><ul><ul><li>Do not use dialect unless your ear is good. </li></ul></ul><ul><ul><li>Be clear. </li></ul></ul><ul><ul><li>Do not inject opinion. </li></ul></ul><ul><ul><li>Use figures of speech sparingly. </li></ul></ul><ul><ul><li>Do not take shortcuts at the cost of clarity. </li></ul></ul><ul><ul><li>Avoid foreign languages. </li></ul></ul><ul><ul><li>Prefer the standard to the offbeat. </li></ul></ul>
  7. 38. <ul><li>Elements Of Style </li></ul><ul><ul><li>Place yourself in the background. </li></ul></ul><ul><ul><li>Write in a way that comes naturally. </li></ul></ul><ul><ul><li>Work from a suitable design. </li></ul></ul><ul><ul><li>Write with nouns and verbs. </li></ul></ul><ul><ul><li>Revise and rewrite. </li></ul></ul><ul><ul><li>Do not overwrite. </li></ul></ul><ul><ul><li>Do not overstate. </li></ul></ul><ul><ul><li>Avoid the use of qualifiers. </li></ul></ul><ul><ul><li>Do not affect a breezy manner. </li></ul></ul><ul><ul><li>Use orthodox spelling. </li></ul></ul><ul><ul><li>Do not explain too much. </li></ul></ul><ul><ul><li>Do not construct awkward adverbs. </li></ul></ul><ul><ul><li>Make sure the reader knows who is speaking. </li></ul></ul><ul><ul><li>Avoid fancy words. </li></ul></ul><ul><ul><li>Do not use dialect unless your ear is good. </li></ul></ul><ul><ul><li>Be clear. </li></ul></ul><ul><ul><li>Do not inject opinion. </li></ul></ul><ul><ul><li>Use figures of speech sparingly. </li></ul></ul><ul><ul><li>Do not take shortcuts at the cost of clarity. </li></ul></ul><ul><ul><li>Avoid foreign languages. </li></ul></ul><ul><ul><li>Prefer the standard to the offbeat. </li></ul></ul>
  8. 39. <ul><li>Elements Of Style </li></ul><ul><ul><li>Place yourself in the background. </li></ul></ul><ul><ul><li>Write in a way that comes naturally. </li></ul></ul><ul><ul><li>Work from a suitable design. </li></ul></ul><ul><ul><li>Write with nouns and verbs. </li></ul></ul><ul><ul><li>Revise and rewrite. </li></ul></ul><ul><ul><li>Do not overwrite. </li></ul></ul><ul><ul><li>Do not overstate. </li></ul></ul><ul><ul><li>Avoid the use of qualifiers. </li></ul></ul><ul><ul><li>Do not affect a breezy manner. </li></ul></ul><ul><ul><li>Use orthodox spelling. </li></ul></ul><ul><ul><li>Do not explain too much. </li></ul></ul><ul><ul><li>Do not construct awkward adverbs. </li></ul></ul><ul><ul><li>Make sure the reader knows who is speaking. </li></ul></ul><ul><ul><li>Avoid fancy words. </li></ul></ul><ul><ul><li>Do not use dialect unless your ear is good. </li></ul></ul><ul><ul><li>Be clear. </li></ul></ul><ul><ul><li>Do not inject opinion. </li></ul></ul><ul><ul><li>Use figures of speech sparingly. </li></ul></ul><ul><ul><li>Do not take shortcuts at the cost of clarity. </li></ul></ul><ul><ul><li>Avoid foreign languages. </li></ul></ul><ul><ul><li>Prefer the standard to the offbeat. </li></ul></ul>
  9. 40. <ul><li>Elements Of Style </li></ul><ul><ul><li>Place yourself in the background. </li></ul></ul><ul><ul><li>Write in a way that comes naturally. </li></ul></ul><ul><ul><li>Work from a suitable design. </li></ul></ul><ul><ul><li>Write with nouns and verbs. </li></ul></ul><ul><ul><li>Revise and rewrite. </li></ul></ul><ul><ul><li>Do not overwrite. </li></ul></ul><ul><ul><li>Do not overstate. </li></ul></ul><ul><ul><li>Avoid the use of qualifiers. </li></ul></ul><ul><ul><li>Do not affect a breezy manner. </li></ul></ul><ul><ul><li>Use orthodox spelling. </li></ul></ul><ul><ul><li>Do not explain too much. </li></ul></ul><ul><ul><li>Do not construct awkward adverbs. </li></ul></ul><ul><ul><li>Make sure the reader knows who is speaking. </li></ul></ul><ul><ul><li>Avoid fancy words. </li></ul></ul><ul><ul><li>Do not use dialect unless your ear is good. </li></ul></ul><ul><ul><li>Be clear. </li></ul></ul><ul><ul><li>Do not inject opinion. </li></ul></ul><ul><ul><li>Use figures of speech sparingly. </li></ul></ul><ul><ul><li>Do not take shortcuts at the cost of clarity. </li></ul></ul><ul><ul><li>Avoid foreign languages. </li></ul></ul><ul><ul><li>Prefer the standard to the offbeat. </li></ul></ul>
  10. 41. <ul><li>Art </li></ul>
  11. 52. <ul><li>Graphic Design </li></ul>
  12. 55. <ul><li>Renaissance </li></ul>
  13. 56. <ul><li>Baroque </li></ul>
  14. 57. <ul><li>Romantic </li></ul>
  15. 58. <ul><li>Neoclassical </li></ul>
  16. 59. <ul><li>Realist </li></ul>
  17. 60. <ul><li>Lyrical Modernist </li></ul>
  18. 61. <ul><li>Geometric Modernist </li></ul>
  19. 62. <ul><li>Postmodernist </li></ul>
  20. 63. <ul><li>Stylepedia </li></ul>
  21. 64. <ul><li>Stylepedia </li></ul><ul><li>Agit Retro </li></ul><ul><li>American Patriotic </li></ul><ul><li>Art Deco </li></ul><ul><li>Art Deco Type </li></ul><ul><li>Art Nouveau </li></ul><ul><li>Arts and Crafts </li></ul><ul><li>Artzybasheff </li></ul><ul><li>Bass </li></ul><ul><li>Bauhaus </li></ul><ul><li>Beardsley </li></ul><ul><li>Big Book </li></ul><ul><li>Big Idea </li></ul><ul><li>Black Letter </li></ul><ul><li>Bonehead </li></ul><ul><li>Bull's-Eye </li></ul><ul><li>Camouflage </li></ul><ul><li>Cappiello </li></ul><ul><li>Chantry </li></ul><ul><li>Cheap Chic </li></ul><ul><li>Chinese Calendar Girl </li></ul><ul><li>Christmas </li></ul><ul><li>Club Flyer </li></ul><ul><li>Comics Lettering </li></ul><ul><li>Commercial Modern </li></ul><ul><li>Conceptual Illustration </li></ul><ul><li>Constructivist </li></ul><ul><li>Container Corp of America </li></ul><ul><li>Cuba </li></ul><ul><li>Dada </li></ul><ul><li>De Stijl </li></ul><ul><li>Deconstruction </li></ul><ul><li>Do-It-Yourself </li></ul><ul><li>Dwiggins </li></ul><ul><li>Emigre </li></ul><ul><li>Expressionist </li></ul><ul><li>Fascist </li></ul><ul><li>Fear </li></ul><ul><li>Fella </li></ul><ul><li>Food </li></ul><ul><li>Futura </li></ul><ul><li>Futurist </li></ul><ul><li>Generic </li></ul><ul><li>Geo-Graphic </li></ul><ul><li>Grunge </li></ul><ul><li>Halloween </li></ul><ul><li>Handlettering </li></ul><ul><li>Helvetica </li></ul><ul><li>Heroic </li></ul><ul><li>Hip Hop </li></ul><ul><li>Hohlwein </li></ul><ul><li>Instructional Guide </li></ul><ul><li>International Typographic </li></ul><ul><li>Junk Mail </li></ul><ul><li>Kodalith </li></ul><ul><li>Kruger </li></ul><ul><li>Less is More </li></ul><ul><li>Lubalin </li></ul><ul><li>Magazine Cliche </li></ul><ul><li>Massin </li></ul><ul><li>Matchbox </li></ul><ul><li>Me-Too </li></ul><ul><li>Mini-Mannequin </li></ul><ul><li>Modernist </li></ul><ul><li>Mushroom Cloud </li></ul><ul><li>Neuland </li></ul><ul><li>New Typography </li></ul><ul><li>New Wave </li></ul><ul><li>Novelty Type </li></ul><ul><li>Obey the Giant </li></ul><ul><li>Object Poster </li></ul><ul><li>Panter </li></ul><ul><li>Pastiche </li></ul><ul><li>Peignot </li></ul><ul><li>Pictogram </li></ul><ul><li>Playboy </li></ul><ul><li>Polish Poster </li></ul><ul><li>Postmodern </li></ul><ul><li>Psychedelic Poster </li></ul><ul><li>Pulp </li></ul><ul><li>Pun </li></ul><ul><li>Push Pin </li></ul><ul><li>Ray Gun </li></ul><ul><li>Razor Blade </li></ul><ul><li>Record Cover </li></ul><ul><li>Red Scared </li></ul><ul><li>Religious Message Board </li></ul><ul><li>Ripley's Believe It or Not </li></ul><ul><li>Schutzmarken </li></ul><ul><li>Screamer Type </li></ul><ul><li>Shadow Letter </li></ul><ul><li>Shock and Roll </li></ul><ul><li>Show Card </li></ul><ul><li>Skateboard </li></ul><ul><li>Socialist Realist </li></ul><ul><li>Spectacular Sign </li></ul><ul><li>Stenberg Film Poster </li></ul><ul><li>Streamline </li></ul><ul><li>Street Sign </li></ul><ul><li>Surrealist </li></ul><ul><li>Sutnar </li></ul><ul><li>Swatch Watch </li></ul><ul><li>Teen Magazine </li></ul><ul><li>Tibor </li></ul><ul><li>Tijuana Bible </li></ul><ul><li>Underground Press </li></ul><ul><li>Vegas </li></ul><ul><li>Vernacular </li></ul><ul><li>Victorian </li></ul><ul><li>Ware Lettering </li></ul><ul><li>Wendingen </li></ul><ul><li>Zanol </li></ul>
  22. 65. <ul><li>Stylepedia </li></ul>
  23. 66. <ul><li>Styles vs. Trends </li></ul>
  24. 67. <ul><li>Trends: One-Hit Wonders </li></ul>
  25. 68. <ul><li>Trends: Hemlines </li></ul>
  26. 69. <ul><li>Trends: Color of the Season </li></ul>

×