Graphics Design Color Copyright Digital Advanced Graphics Series, Teaching & Learning Center Illinois Central College
We Learn Visually“…we recall approximately 10% of that information3 days later. By simply adding a visual image, wecan increase that retention rate to 65%.” http://ocio.osu.edu/elearning/toolbox/brief/visual-information/7-things-you-sho/
The supply-demand model is one of the fundamentalconcepts of economics.The price level of a good essentially is determined bythe point at which quantity supplied equals quantitydemand. This point is called equilibrium.If the quantity supplied is greater than the quantitydemanded, then there is a surplus of goods. If thequantity supplied is less than the quantity demanded,the there is a shortage of goods.
Graphics Criteria of a Good Graphic Quality Can you read the text? Can you identify what it is? Purpose Why? Function –Decorative – careful may just become a distraction to your message –Representational – –Mnemonic – –Organizational –Relational –Transformational –Interpretive
Graphics Raster Images • Image made of pixels • Image size (bits) = pixel dimension X bit depth • Dependent on resolution (quality) • The more you scale the image the blurrier it becomes
Graphics Vector Images • Image made of mathematic algorithm • Points or nodes are plotted at exact points • Can be scaled to any size • Requires special software to edit and view
Graphics Raster vs. Vector Images
Graphics Scaling Graphics • Vector graphics can be used at any size and will be of great qaulity. – Vector images can be scaled in specific software and output to a raster format • Rastor graphics do not scale well, they become blurry • Scale proportionally • Copy or save the image as close to the size you intend to use it • Consider your final use of the image, print, display on a web page or Blackboard, projection for a presentation
Design Elements of Design • Alignment • Repetition • Unity • Contrast • Proximity • Balance • Space • Hierarchy
Color Dithering • Some digital formats can only contain 256 colors maximum. (GIF) • Process of reducing image to 256 or fewer colors
Color Color Combos to Avoid • Red & Green – Any version of it • Light colored graphics with light color text – Any color combos that cause the text on it to not be legible – Why use it, if it’s not legible?
Color • CMYK (PRINT) – images printed as series of dots – dots are Cyan, Magenta, Yellow, and blacK – dpi – dots per inch is the resolution • RGB (COMPUTER) – red, green, blue – color scheme digital displays use
Color Printer Basics • Images are printed as a series of dots. Your brain interprets the dots as continuous tones. • The dots are solid colors (Cyan, magenta, yellow, black ). • The resulting color on the page is a function of dot concentration and the ratio between the different colored dots. • The conversion of your image into the series of dots is halftoning.
Example of HalftonesEnlargement illustrates what halftone would look like if thisimage was printed on the color laser writer or plotter.
Copyright FAIR USE • principle based on belief that public is entitled use portions of copyrighted materials for commentary, criticism and parody – Tricky – lots of “gray” when it comes to what is fair use and what is an infringement • also allows special guidelines for use of copyrighted material for educational purposes The 4 factors considered are: The 4 factors considered are: 1. 1. the purpose and character of your use the purpose and character of your use 2. 2. the nature of the copyrighted work the nature of the copyrighted work 3. 3. the amount and substantiality of the portion taken the amount and substantiality of the portion taken 4. 4. **the effect of the use upon the potential market. **the effect of the use upon the potential market.
Copyright Public Domain • Works no longer protected by intellectual property laws. – Old stuff – Some works by U.S. Government • Always identify the source of the image, some websites will label an as public domain when it is not. • http://pixabay.com/ - not technically the public domain, but what they are calling it, more along the lines of creative commons – love this site – great images – give credit to these photographers – Photographers are willing to submit their own images and let anyone use them for anything. You are not required like attribution with creative commons to give credit, but do give attribution, please!
Copyright Creative Commons • A structured system for creators to share their works for free but still have some protections. • http://search.creativecommons.org/
Copyright Open Educational Resources learning materials that are freely available to use, remix, and redistribute. Lots of ways to find OER resources Many online repositories for education •http://www.oercommons.org/ •http://www.teachersdomain.org/ •http://wiki.creativecommons.org/OER •Educause PDF Series 7 Things You Should Know: http:// net.educause.edu/ir/library/pdf/ELi7061.pdf
Digital File Formats • Raw images • .bmp – bitmaps • .svg – vector graphics
Digital Infographics • Data visualizations that present complex information quickly and clearly. • Great way to present data during a presentation • Examples: – http://www.mint.com/blog/ trends/hamburger-10122010/ – http://visual.ly/can-social-media-predict-election-outcomes – http://googlemobile.blogspot.com/2010/06/google-voice-for