Class Info

  • Date: February 24th
  • Meeting Info: In-person in room 115 Pearl

Topic

Design Principles/Bitmap vs. Vector Images

Objectives

  • Recognize Bitmap Images and the Programs that create them
  • Recognize Vector Images and the Programs that create them
  • Understand how both types of images are imported into an InDesign postcard template for your visually enhanced quotation project.
  • Analyze designs for the following principles: contrast, alignment, repetition, symmetry and proximity.
  • Understand the distinction between Native Applications Formats and Standard Image file formats such as JPEG
  • Study material for test Week 6.

Discussion/Lecture

Test Material to Study for Test

See homework #4

Screen Shot 2015-09-25 at 1.42.22 PM

Today, we will be reviewing  Pentagram Typographic Conundrums (riddles) at https://www.pentagram.com/news/conundrums and http://jaced.com/2009/12/04/for-the-love-of-nonsense/. In these riddles, Pentagram just uses type, lines, and color to create effective references to well-known phrases. See how many of these well-known sayings you can guess. These are an extreme form of visually enhanced quotes and they can inspire you in your own work, as can looking through the rest of Pentagram’s site as Pentagram is one of the leading design companies in the world.

After reviewing as many as you can in 15 minutes, pick your favorites and write a brief post on our discussion board describing how the designer manipulated the type and layout to get the message across.

Let’s discuss six principles of design I’d like you to keep in mind when designed your postcard concepts:

• Research

•Contrast

• Alignment

• Proximity

• Repetition

• Balance

https://maddisondesigns.com/2009/03/the-5-basic-principles-of-design/

The Two Types of Images You will Use to Design Your Postcard

Now, let’s watch this brief video of the differences between vector and raster imagery before we go into Photoshop and Illustrator.

Vistaprint’s Raster Vs. Rector Video

The University of Michigan Library has an excellent site for covering the key ideas on File formats that cross all digital applications.

Definition of Raster Images
https://guides.lib.umich.edu/c.php?g=282942&p=1885352
Definition of Vector Images
https://guides.lib.umich.edu/c.php?g=282942&p=1885352

Let’s Look at the following site for even more detail about Pixels vs. Paths

Comparison of Key features of Raster vs. Vector
https://www.psprint.com/resources/difference-between-raster-vector/

https://www.powtoon.com/c/dcO950kv52y

Common Graphic Design File Formats

https://www.bourncreative.com/common-graphic-design-file-formats-explained/

Lab Work

We will be reviewing the Image size menu in Photoshop and saving an image out as a JPEG, TIFF, PNG and GIF and comparing them for file size and quality. We will be using different compression methods as well.

We will also resize an image, taking note of how to do this properly to maintain existing resolution.

Work on Exercises from Chapter 10, Repetition & Cloning in your text Digital Foundations

Inspirational Quotes from Women’s Day

https://www.womansday.com/life/g2078/short-inspirational-quotes/

To-Do After Class

See Assignments/ Week Four for homework