jrn 302 introduction to graphics and visual communication design principle contrast exam 1 review n.
Download
Skip this Video
Loading SlideShow in 5 Seconds..
Tuesday, 9/30/14 PowerPoint Presentation
Download Presentation
Tuesday, 9/30/14

Loading in 2 Seconds...

play fullscreen
1 / 13

Tuesday, 9/30/14 - PowerPoint PPT Presentation


  • 92 Views
  • Uploaded on

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

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 'Tuesday, 9/30/14' - lesley-schneider


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
jrn 302 introduction to graphics and visual communication design principle contrast exam 1 review

JRN 302: Introduction to Graphics and Visual Communication- Design Principle: Contrast, Exam 1 Review

Tuesday, 9/30/14

class objectives
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
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
Color Contrast
  • If they are very similar then they have low contrast.
    • Harmonizing color = adjacent to each other on the color wheel (analogous)
color contrast1
Color Contrast
  • If two colors are different to each other they have high contrast
    • Complementary colors
    • B/W
color contrast2
Color contrast
  • Adding a spot of color
    • Makes a design less costly to professionally print
color contrast with value
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
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 contrast1
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
Shape Contrast
  • Can be in terms of
    • Runaround of image by text
    • Or shape of text box itself
shape contrast1
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
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!