logos icons descriptive graphics l.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Logos, Icons, & Descriptive Graphics PowerPoint Presentation
Download Presentation
Logos, Icons, & Descriptive Graphics

Loading in 2 Seconds...

play fullscreen
1 / 29

Logos, Icons, & Descriptive Graphics - PowerPoint PPT Presentation


  • 363 Views
  • Uploaded on

Logos, Icons, & Descriptive Graphics Susan Sabiston Overview Logos Define, History, Design Icons Define, History, Design Descriptive Graphics Define, History, Design Logos A logo is a name, symbol or trademark designed for easy recognition . Beginnings

loader
I am the owner, or an agent authorized to act on behalf of the owner, of the copyrighted work described.
capcha
Download Presentation

PowerPoint Slideshow about 'Logos, Icons, & Descriptive Graphics' - oshin


An Image/Link below is provided (as is) to download presentation

Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author.While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server.


- - - - - - - - - - - - - - - - - - - - - - - - - - E N D - - - - - - - - - - - - - - - - - - - - - - - - - -
Presentation Transcript
overview
Overview
  • Logos
    • Define, History, Design
  • Icons
    • Define, History, Design
  • Descriptive Graphics
    • Define, History, Design
logos
Logos

A logo is a name, symbol or trademark designed for easy recognition.

Beginnings

  • 13th century: Trademarks for merchant, blacksmith, masons, also watermarks and crests
  • 19th century: Industrial manufacturing
    • Products manufactured at a higher rate and shipped nationally
    • New competition
    • Illiteracy
logos today
Logos Today
  • Too many logos
    • Every company, corporation, product, service, agency….. Has a logo
  • Name design
logo design
Logo Design

A Good Logo should:

  • Be unique
  • Be Reproducable
    • Resizable
    • Color, B&W, fax, on fabric
  • Follow basic design principles
    • Space, color, form, clarity
  • Represent the company appropriately
  • Speak to the target audience
icons
Icons
  • Icons are small signs standing for objects, processes, structures, or data.
  • A computer icon is a small graphic, usually ranging from 16 pixels by 16 pixels up to 128 pixels by 128 pixels, which represents a file, folder, application or device on a computer operating system.
history of icons
History of Icons
  • 1960’s - Ivan Sutherlands Sketchpad
  • 1973 - The concept of the computer “icon” formalized by David Smith.
  • 1976 - Icons were revised and developed as a tool for making computer interfaces easier for novices by Xerox Palo Alto Research Center for the Xerox Star 8010.
  • 1981 - The Xerox Star 8010 was the first computer to implement the metaphors “desktop,” “window,” and “icon.”
apple lisa
Apple Lisa
  • Lisa 7/7
    • LisaWrite
    • LisaCalc
    • LisaGraph
    • LisaList
    • LisaProject
    • LisaDraw
    • LisaTerminal
icons today
Icons Today
  • Virtually every major computer operating system has the ability to use an icon-based graphical user interface (GUI) to display information.
  • The creation of a good function icon can be considered as an art form in itself
icon types
Icon Types
  • Application Icons
  • Hardware Icons
  • Utility Icons
  • Removable Media Icons
  • Toolbar Icons
  • Document Icons
  • Printer Icons
  • Viewer Icons
  • Player Icons
  • Accessory Icons
icon design
Icon Design

An Icon should:

  • Meet the needs of the audience
  • Implement the appropriate perspective
  • Use shadow and single light source
  • Use universal imagery that people will easily recognize
  • Be Simple
  • Use color smartly
descriptive graphics
Descriptive Graphics
  • A Descriptive Graphic is visual representation of information or data.
  • Also known as an information graphic, infogram.

Common types of descriptive graphics are:

  • Chart
  • Graph
  • Diagram
  • Topographic Map
  • Map
  • Signage System
history
History
  • 7500 BC Prehistory - Maps
  • 1786 - W.Playfair developed first known graphs
  • 1876 - first chemical bond representation by James J. Sylvester

Dr John Snow Cholera Map, 1854

A contaminated water pump in Broad Street

proved to be the source for the spread of cholera in London.

today
Today
  • Information graphics are specialized forms of depiction that represent their content in sophisticated and often abstract ways.
  • Fundamental decoding skill must be applied for individual elements such as graphics and icons.
  • Commonly used forms: Schedules, road maps, daily weather charts, transport system
design of descriptive graphics
Design of Descriptive Graphics
  • Organize
  • Reveal the Data
  • Focus on the content
  • Several levels of detail
  • Purpose
  • Make large data comprehensible
slide27
Web links

Map of creativity

http://www.ngf.org.uk/map/map.html

Huricane Katrina

http://www.nytimes.com/packages/html/national/2005_HURRICANEKATRINA_GRAPHIC/index.html?adxnnl=1&adxnnlx=1129435560-xjHq+2bbTGgN66jhTJjKFw

Travel time

http://www.princeton.edu/~ina/maps/non_geographic/index.html

references

References

Books

Marcus, Aaron (1992). Graphic design for electronic documents and user interfaces. New York, N.Y. Addison-Wesley.

RAJAMANICKAM, VENKATESH (2005) Infographics Seminar Handout. National Institute of Design. Ahmedabad.

Rosenfeld, L., & Morville, P. (2002). Information Architecture for the World Wide Web (2nd ed.). Cambridge ; Sebastopol, CA: O'Reilly.

Sassoon, Rosemary, & Albertine Gaur (1997). Signs, symbols and icons : pre-history to the computer age. Exeter : Intellect.

Tufte, Edward R. (1983) Visual Display of Quantitative Information. Cheshire, Conn. : Graphics Press

Tufte, Edward R. (1991) Envisioning information.Cheshire, Conn.: Graphics Press

Van Duyne, D. K., Landay, J. A., & Hong, J. I. (2002). The Design of Sites. Addison-Wesley.

references29
References

Websites

Apple Human Interface Guidelines Copyright

http://developer.apple.com/documentation/UserExperience/

Conceptual/OSXHIGuidelines/index.html

GUIdebook by Marcin by Marcin Wichary

http://www.guidebookgallery.org/

EdwardTufte.com

http://www.edwardtufte.com

Wikipedia

http://www.wikipedia.org/

Tube Graphics

http://www.tubegraphics.co.jp