130 likes | 256 Vues
This introduction focuses on the design principle of contrast in graphics and visual communication. Understanding contrast is crucial for enhancing visual interest, emphasizing key elements, and guiding the viewer's attention. Effective contrast can be achieved through variations in color, size, and shape. This review covers concepts such as color harmonization, typographic scale, and the effective use of white space. Additionally, students are encouraged to explore reading materials and resources that further illustrate these important design elements, ensuring a well-rounded understanding of contrast.
E N D
JRN 302: Introduction to Graphics and Visual Communication- Design Principle: Contrast, Exam 1 Review Tuesday, 9/30/14
Class Objectives • Lecture • Design Principle: Contrast • Exam 1 Review • Homework assignments • Book chapter 5 • Also read this webpage: http://benjaminclancy.com/visual-art/elements-and-principles-of-design/ (read it!)
Contrast • Occurs when two elements are different • The greater the difference the greater the contrast – book says “Don’t be a wimp!” • Goal is to add interest to a design, show what’s most important and direct the reader’s eye • On a design without contrast, the viewer doesn't know where to look first or what is important.
Color Contrast • If they are very similar then they have low contrast. • Harmonizing color = adjacent to each other on the color wheel (analogous)
Color Contrast • If two colors are different to each other they have high contrast • Complementary colors • B/W
Color contrast • Adding a spot of color • Makes a design less costly to professionally print
Color Contrast with Value • The further apart the values of shades and tints, the greater the contrast. • In PS Color picker, change the “B” value (in HSB) 0-100 • Also on Kuler wheel
Size Contrast • Big and small type • http://www.madebywater.com/ (notice yellow text) • Big and small images • “White space” with another element of the design
Size Contrast • Big and small images • Big and small type • Also called Typographic Scale • Newspapers are best at this... • http://typecast.com/blog/contrast-through-scale
Shape Contrast • Can be in terms of • Runaround of image by text • Or shape of text box itself
Shape Contrast • Difference in comparison to other shapes in a design • https://www.healthcare.gov/ • Circles and color contrast • http://carbonmade.com/ • Illustrations and unique shapes
Contrast and your project • Often the easiest way to tell an amateur designer from a professional one is to look at their use of contrast. • On logo • Large type and small type, type spacing • Colors and b/w • On b materials • For b card, contrast the text that is important • Contrast typefaces • Avoid all decorative!