Class Info

  • Date: TK
  • Meeting Info: via zoom at link here

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

Discussion/Lecture

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 five principles of design I’d like you to keep in mind when designed your postcard concepts:

•Contrast

• Alignment

• Proximity

• Repetition

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/

Labwork

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

To-Do After Class

See Assignments/ Week Four for homework