logos, icons and descriptive graphics
DESCRIPTION
Logos, Icons and Descriptive Graphics. Walter Moczygemba October 16, 2007. Overview. Historical Perspective Logos Definition Usage Examples Icons Definition Usage Examples Descriptive Graphics Definition Usage Examples. http://commons.wikimedia.org/. Historical Perspective. - PowerPoint PPT PresentationTRANSCRIPT
![Page 1: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/1.jpg)
Logos, Icons andDescriptive Graphics
Walter Moczygemba
October 16, 2007
![Page 2: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/2.jpg)
Overview
Historical Perspective Logos
Definition Usage Examples
Icons Definition Usage Examples
Descriptive Graphics Definition Usage Examples
http://commons.wikimedia.org/
![Page 3: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/3.jpg)
Historical Perspective
Three Rivers PERQ, 1979 http://digibarn.com/
![Page 4: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/4.jpg)
In The Beginning. . .
DOS for Apple, 1978 http://www.granneman.com/
![Page 5: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/5.jpg)
Along came GUI
Xerox Star1981
Desktopmetaphor
Point andclick
http://www.guidebookgallery.org/
![Page 6: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/6.jpg)
The Information Superhighway
Mosaic1993
First popularweb browser
Hypertext
http://www.nsf.gov/
![Page 7: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/7.jpg)
State of the Art
Motorola Razr2 – Gondry’s Dream http://direct.motorola.com/
![Page 8: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/8.jpg)
Logos
http://www.educa.fmf.uni-lj.si/Logo/
![Page 9: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/9.jpg)
Logos: Definition
Logo /ləʊɡəʊ/ n.,
a symbol or emblem that acts as a trademark or a means of identification of an institution or other entity
–Wiktionary
http://commons.wikimedia.org/
![Page 10: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/10.jpg)
Logos: Usage
Branding Prominent placement Consistent presence
Navigation Link to homepage Other uses . . .?
after http://www.sitepoint.com/
![Page 11: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/11.jpg)
Logos: Examples
Homestar Runner http://www.homestarrunner.com/
Sears http://www.sears.com/
RE/MAX http://www.remax.com/
Usability Net http://www.usabilitynet.org/
![Page 12: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/12.jpg)
Icons
http://commons.wikimedia.org/
![Page 13: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/13.jpg)
Icons: Definition
Icon /aɪkɑːn/ n.,
A small picture which represents something (such as an icon on a computer screen which when clicked performs some function.)
–Wiktionary
http://www.edbqhs.org/
![Page 14: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/14.jpg)
Icons: Usage
Navigation Aesthetic effect Some established symbols Others recognizable to returning visitors Labels are a good thing!
http://www.nickjr.com/
blacklightbottles.com
![Page 15: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/15.jpg)
Icons: Usage
Adobe CS3 Icons http://blogs.adobe.com/Yahoo! Icons http://www.yahoo.com/
Branding Consistent style Favicons– a special case
![Page 16: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/16.jpg)
Icons: Examples
Amazon http://www.amazon.com/
Favourite Favicons http://www.deltatangobravo.com/
Wikipedia Userboxes http://en.wikipedia.org/
Shulman Fleming & Partners http://www.sap8.com/
![Page 17: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/17.jpg)
Descriptive Graphics
http://igs.indiana.edu/
![Page 18: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/18.jpg)
Descriptive Graphics:Definition
Graphic /græfɪk/ n.,
An example of the graphic arts or of graphic design; also, a diagram, pattern, picture, etc., produced by means of a computer
—Oxford English Dictionary
Yi Syllabary http://www.unicode.org/
![Page 19: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/19.jpg)
Descriptive Graphics: Usage
Navigation Thumbnails Visual metaphor Image map
Illustration Maps Diagrams & Charts Anything else!
http://hubblesite.org/
![Page 20: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/20.jpg)
Descriptive Graphics:Examples
LibraryThing http://www.librarything.com/
Flags of the World http://www.flagspot.net/
Human Anatomy Online http://www.innerbody.com/
JODI Web Map http://map.jodi.org/
![Page 21: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/21.jpg)
http://www.falloutcentral.com/
![Page 22: Logos, Icons and Descriptive Graphics](https://reader036.vdocument.in/reader036/viewer/2022062518/56813fef550346895daafde2/html5/thumbnails/22.jpg)
References Beaird, Jason. "The Principles of Beautiful Web Design." SitePoint. 2 Apr. 2007. 14 Oct. 2007
<http://www.sitepoint.com/print/principles-beautiful-web-design>. "Favicon." Wikipedia. 13 Oct. 2007. Wikimedia Foundation. 14 Oct. 2007
<http://en.wikipedia.org/wiki/Favicon>. Flanders, Vincent. "The 10 Worst Web Sites to Navigate in 2006." Web Pages That Suck. 8 Oct.
2007. 14 Oct. 2007 <http://www.webpagesthatsuck.com/10-worst-mystery-meat-navigation-sites-featured-on-web-pages-that-suck-in-2006.html>.
————. "The Worst Web Sites of 2007 (Part One)." Web Pages That Suck. 25 Sept. 2007. 14 Oct. 2007 <http://www.webpagesthatsuck.com/worst-web-sites-of-2007.html>.
"Graphic (noun)." Def. 3. Oxford English Dictionary. Ed. John Simpson. 3rd ed. Oxford: Oxford University Press, 2002. Oxford English Dictionary Online. 2007. Oxford UP. 14 Oct.
2007 <http://dictionary.oed.com.ezproxy.lib.utexas.edu/>. "Icon." Def. 1. Cambridge Advanced Learner's Dictionary. Ed. Elizabeth Walter. 2nd ed.
Cambridge: Cambridge University Press, 2005. Cambridge Dictionaries Online. 2007. 14 Oct. 2007 <http://dictionary.cambridge.org.ezproxy.lib.utexas.edu/>.
"Icon." Wiktionary. 5 Oct. 2007. Wikimedia Foundation. 14 Oct. 2007 <http://en.wiktionary.org/wiki/icon>.
Lineback, Nathan. "The Xerox Star." Nathan's Toasty Technology Page. 1 Oct. 2007. 14 Oct. 2007 <http://toastytech.com/guis/star.html>.
"Logo." Wiktionary. 1 Oct. 2007. Wikimedia Foundation. 14 Oct. 2007 <http://en.wiktionary.org/wiki/logo>.
Morville, Peter, and Louis Rosenfeld. Information Architecture for the World Wide Web. 1998. 3rd ed. Sebastopol, CA: O'Reilly, 2007.
"Mosaic Web Browser Celebrates 10th Birthday." National Science Foundation Newsroom 25 Apr. 2003. 14 Oct. 2007 <http://www.nsf.gov/od/lpa/news/03/pr0343.htm>.
Subramanian, Subha. "An Introduction to Information Architecture." SitePoint. 21 June 2004. 14 Oct. 2007 <http://www.sitepoint.com/article/information-architecture>.