Interaction Design Style
Total Page:16
File Type:pdf, Size:1020Kb
Interaction Design Style ASIS&T IA Summit Monday, March 24, 2007 A last minute addition with no title as yet. ASIS&T IA Summit Monday, March 24, 2007 Christopher Fahey graphpaper.com Fashion = Style “As for fashion, it is change for its own sake –a constant unbalancing of the status quo, cruelest perhaps to buildings, which would prefer to remain just as they are, heavy and obdurate, a holdout against the times. Buildings are treated by fashion as big, difficult clothing, always lagging embarrassingly behind the mode of the day.” - Stewart Brand, How Buildings Learn Fashion = Style = Art “Art is radical, but buildings are inherently conservative. Art experiments, experiments fail, art costs extra. Art throws away old, good solutions.” - Stewart Brand, How Buildings Learn What is Style? What is Style? “A style is the consequence of recurrent habits, restraints, or rules invented or inherited, written or overheard, intuitive or preconceived.” - Paul Rand, Good Design is Good Will, 1987 (as quoted in Steven Heller’s Stylepedia, 2007) Why Style is a Dirty Word Style is superficial, incomplete Style diverts focus from functionality Style-based solutions are impermanent Style is exclusionary and elitist Style provokes “the anxiety of influence” Why Style is Good Style encourages innovation Style normalizes practices Style is inspiring Style has emotional impact Style sells Style happens anyway Style in History Fashion Design Music Writing and Literature Elements Of Style Place yourself in the Do not construct awkward adverbs. background. Make sure the reader knows who is Write in a way that comes speaking. naturally. Avoid fancy words. Work from a suitable design. Do not use dialect unless your ear Write with nouns and verbs. is good. Revise and rewrite. Be clear. Do not overwrite. Do not inject opinion. Do not overstate. Use figures of speech sparingly. Avoid the use of qualifiers. Do not take shortcuts at the cost of Do not affect a breezy manner. clarity. Use orthodox spelling. Avoid foreign languages. Do not explain too much. Prefer the standard to the offbeat. Elements Of Style Place yourself in the Do not construct awkward adverbs. background. Make sure the reader knows who is Write in a way that comes speaking. naturally. Avoid fancy words. Work from a suitable design. Do not use dialect unless your ear Write with nouns and verbs. is good. Revise and rewrite. Be clear. Do not overwrite. Do not inject opinion. Do not overstate. Use figures of speech sparingly. Avoid the use of qualifiers. Do not take shortcuts at the cost of Do not affect a breezy manner. clarity. Use orthodox spelling. Avoid foreign languages. Do not explain too much. Prefer the standard to the offbeat. Elements Of Style Place yourself in the Do not construct awkward adverbs. background. Make sure the reader knows who is Write in a way that comes speaking. naturally. Avoid fancy words. Work from a suitable design. Do not use dialect unless your ear Write with nouns and verbs. is good. Revise and rewrite. Be clear. Do not overwrite. Do not inject opinion. Do not overstate. Use figures of speech sparingly. Avoid the use of qualifiers. Do not take shortcuts at the cost of Do not affect a breezy manner. clarity. Use orthodox spelling. Avoid foreign languages. Do not explain too much. Prefer the standard to the offbeat. Elements Of Style Place yourself in the Do not construct awkward adverbs. background. Make sure the reader knows who is Write in a way that comes speaking. naturally. Avoid fancy words. Work from a suitable design. Do not use dialect unless your ear Write with nouns and verbs. is good. Revise and rewrite. Be clear. Do not overwrite. Do not inject opinion. Do not overstate. Use figures of speech sparingly. Avoid the use of qualifiers. Do not take shortcuts at the cost of Do not affect a breezy manner. clarity. Use orthodox spelling. Avoid foreign languages. Do not explain too much. Prefer the standard to the offbeat. Art Graphic Design Renaissance Baroque Romantic Neoclassical Realist Lyrical Modernist Geometric Modernist Postmodernist Stylepedia Stylepedia •AgitRetro •Dada •Lubalin • Red Scared • American Patriotic •De Stijl • Magazine Cliche • Religious Message Board •Art Deco •Deconstruction • Massin • Ripley's Believe It or Not •Art Deco Type • Do-It-Yourself •Matchbox • Schutzmarken •Art Nouveau •Dwiggins •Me-Too •Screamer Type • Arts and Crafts • Emigre • Mini-Mannequin • Shadow Letter •Artzybasheff • Expressionist •Modernist • Shock and Roll •Bass •Fascist • Mushroom Cloud •Show Card •Bauhaus •Fear •Neuland •Skateboard • Beardsley • Fella • New Typography • Socialist Realist • Big Book •Food •New Wave • Spectacular Sign •Big Idea • Futura •Novelty Type • Stenberg Film Poster •Black Letter • Futurist •Obey the Giant •Streamline • Bonehead •Generic • Object Poster • Street Sign •Bull's-Eye •Geo-Graphic •Panter •Surrealist •Camouflage •Grunge •Pastiche •Sutnar • Cappiello • Halloween •Peignot •Swatch Watch • Chantry •Handlettering •Pictogram • Teen Magazine • Cheap Chic •Helvetica •Playboy •Tibor • Chinese Calendar Girl •Heroic •Polish Poster •Tijuana Bible • Christmas •Hip Hop • Postmodern • Underground Press •Club Flyer •Hohlwein • Psychedelic Poster •Vegas •Comics Lettering • Instructional Guide •Pulp •Vernacular • Commercial Modern • International Typographic •Pun •Victorian • Conceptual Illustration •Junk Mail •Push Pin • Ware Lettering • Constructivist •Kodalith •Ray Gun •Wendingen • Container Corp of America •Kruger • Razor Blade •Zanol •Cuba • Less is More •Record Cover Stylepedia Styles vs. Trends Trends: One-Hit Wonders Trends: Hemlines Trends: Color of the Season Design and Commerce The New Culture of Style The New Culture of Style “We are just on the threshold of creating a new world on top of our modern industrial efficiency, a world in which it is possible through the much criticized machines to replace the beauty that the machines displaced. We demand beauty with our utility, beauty with our amusement, beauty in the things in which we live.” - Earnest Elmo Calkins, “Beauty the New Business Tool” , 1927 The New Culture of Style “We are just on the threshold of creating a new world on top of our modern industrial efficiency, a world in which it is possible through the much criticized machines to replace the beauty that the machines displaced. We demand beauty with our utility, beauty with our amusement, beauty in the things in which we live.” - Earnest Elmo Calkins, “Beauty the New Business Tool” , 1927 Obsoletism Styling Donald Norman: Emotional Design “Affect” as a Functional Benefit “Attractive things work better” Architecture Architecture: House Styles •A-frame •New Old House •Adirondack •Octagon •American Craftsman •Pacific lodge •Bungalow • Palladian • California bungalow • Portuguese Baroque •Cape Cod •Post-modern •Catslidecottage • Prairie style • Châteauesque • Pueblo style • Colonial revival • Queen Anne •Dingbat • Queenslander •Dutch Colonial •Ranch • Federal •RichardsonianRomanesque • Federation •RumahGadang • French Colonial •Saltbox • French-Canadian colonial •Second Empire • Georgian Colonial • Semi-detached • Garrison • Sod dug-out •Georgian •Sod house •Gothic revival • Shingle style •Greek Revival Style • Shotgun House • International • Southern plantation •Italianate • Spanish colonial • Lanai • Split-level garrison •Log house • Split level home / split-level ranch • Longhouse •Stick style •McMansion • Swiss chalet • Mobile home (or trailer home) • Tudor Elizabethan •Moderne •Tudor Jacobean • Neo-classical revival •Tudor revival • Neo-colonial revival •Victorian house Architecture: Styles through History • Neolithic 10,000 BC-3000 BC • Egyptian Revival 1809–1820s, 1840s • Expressionist 1910–ca. 1924 • Ancient Egyptian 3000 BC–373 AD • American Empire 1810 • Amsterdam School 1912–1924 • Sumerian 5300 BC–2000 BC • Tudorbethan 1835–1885 • Spanish Colonial Revival style 1915–1940 • Classical 600 BC-323 AD • Victorian 1837 and 1901 •Bauhaus 1919–1930s • Ancient Greek 776 BC-265 BC •Jacobethan1838 • Mediterranean Revival Style 1920s–1930s • Roman 753 BC–663 AD • Queenslander 1840s–1960s • Art Deco 1925–1940s • Byzantine 527–1520 • Australian architectural styles • List of Art Deco architecture • Romanesque 1050-1100 • Romanesque Revival 1840–1900 • Modern movement 1927–1960s •Norman 1074-1250 • Neo-Grec 1848 and 1865 • International style 1930–today •Gothic • Second Empire 1865 and 1880 • Streamline Moderne 1930–1937 • Early English Period c.1190—c.1250 • Queen Anne Style 1870–1910s • Nazi 1933-1944 • Decorated Period c.1290–c.1350 • National Park Service Rustic 1872–1916 • Constructivism 1925–1932 •Perpendicular Period c.1350–c.1550 • Shingle Style or Stick style 1879-1905 • Postconstructivism 1930–1935 • Brick Gothic c.1350–c.1400 • Chicago school 1880s and 1890 • Stalinist 1933–1955 • Tudor style 1485–1603 • Neo-Byzantine 1882–1920s •Bauhaus 1919–1930s • Manueline 1495 to 1521 • Jungenstil 1888 to 1911 •Usonian1936–1940s • Spanish Colonial style 1520s–c.1550 • Modernisme 1888 to 1911 • New towns 1946-1968 • Elizabethan 1533 – 1603 • American Craftsman 1890s–1930, • Mid-century modern 1950s • Palladian 1616–1680 • Richardsonian Romanesque 1880s •Googie1950s • English Baroque 1666–1713 • City Beautiful movement 1890–1900s • Brutalist 1950s–1970s • Sicilian Baroque 1693 earthquake– • Early Colonial Revival 1890s–1915 • Metabolist Movement 1959 c.1745 •Mission Revival Style 1894-1936 • Arcology 1970s-today • Gothic Revival 1760s–1840s • Pueblo style 1898-1990s • Postmodern 1980s • Neoclassical •Prairie Style 1900–1917