1 / 13

Tuesday, 9/30/14

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

lesley-schneider
Download Presentation

Tuesday, 9/30/14

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. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. JRN 302: Introduction to Graphics and Visual Communication- Design Principle: Contrast, Exam 1 Review Tuesday, 9/30/14

  2. 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!)

  3. 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.

  4. Color Contrast • If they are very similar then they have low contrast. • Harmonizing color = adjacent to each other on the color wheel (analogous)

  5. Color Contrast • If two colors are different to each other they have high contrast • Complementary colors • B/W

  6. Color contrast • Adding a spot of color • Makes a design less costly to professionally print

  7. 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

  8. 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

  9. 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

  10. Shape Contrast • Can be in terms of • Runaround of image by text • Or shape of text box itself

  11. 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

  12. Contrast of images: Photographs or illustrations

  13. 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!

More Related