COMD1127 Type and Media, FA2018

A foundation course in typography with emphasis on using type for a multiple of industry related applications

Category: General (page 1 of 3)

Project #3 – Magazine Spread

The last major project of the semester is the magazine spread. During the last class, we learned about the anatomy of a magazine layout. Please download the handout if you didn’t get one in class.

Here is the assignment:

  • Design a magazine article: 4 pages, 2 spreads; design the magazine cover
  • The trim size is 8.5″x11
  • Topic
    Choice A: snowboarding – the text and photos have been provided for you.
    Choice B: a culinary topic. It can be an article about food(s), recipes or anything dealing with food or cooking. Get approval from instructor first. You will be responsible for providing the text and photos for the assignment.
    Choice C: a topic of your own, but it must be approved by the instructor first. You will be responsible for providing the text and photos for the assignment.
  •  Requirements include use of grid, headers, subheads, dropcaps, indents, columns, page numbers, images, captions, margins, gutters.

Continue reading

Project #2 – Design a Poster

We are now working on our second project. This project should be fun and give you an opportunity to incorporate all that you’ve learned so far about typography and basic graphic design. This project will be graded on those points. If you didn’t get the poster design assignment in class, download it here.

On Thursday, Nov 1, 2018, be prepared to present your initial sketch ideas. We will do this first thing when class begins, so don’t come to class and begin to do your sketches for the first time. Not having computer access will not hinder your ability to do the sketches. You should have a full page of thumbnail sketches, and then we will do another page that has 3-4 sketches of your best ideas. From those 3-4 sketches we will be able to determine which will make a better design layout for your project.

One of the main emphasis of this project will be use of the grid system and hierarchy. Here is a video what may give you more insight into developing hierarchy in your poster design.

 

In case you’re still a bit unsure about doing thumbnail sketches, here is a video that previous students have found to be helpful. Please note, the tutorial is done on a computer for the sake of recording, but you will be using pencil or pen and paper.

 

The Type Book: Assembly Instructions

If you didn’t get the handouts with the instructions for the type books, here they are again. Every type book exercise is to be included. All of the exercises are listed below and should appear in your book in this order. The titles are based on the assignment sheets. Some of those handouts included more than one exercise. Hopefully this list is clear. If you have questions, please ask for clarification. Use the handouts as a guide for the number of pages included for each exercise.

Continue reading

Class 12: Visual Hierarchy

In graphic design, visual hierarchy is when elements are arranged in such a way as to imply the order of importance. If you missed the lecture or need a refresher, you can download this slide presentation or view the following videos.

Typographic Hierarchy Explained

 

Typographic Hierarchy

 

We also viewed a view on creating contrast with type

 

Reminder: Mid-Term on Tues, Oct 16, 2018

Class 11 – Legibility, Readability, and What Not to Do

Some of the things we covered during the this class included some things we should not do when dealing with type;

  • Don’t use horizontal scaling
  • Don’t use vertical scaling
  • When using colored type on a colored background, make sure the colors of the two have a good contrast.

Continue reading

Classes 9 & 10 – Tracking, Kerning and Type on a Path

Tracking and Type Alignment

We took a look at how to digitally control tracking and the different type alignment options.  We were able to see what happens when tracking is too tight or too loose. We also took a closer look at what happens when we use justified text alignment. I discovered that one of the advantages of using justified text is that it can save space when a lot of text is used. We also saw a disadvantage that is awkward or bad word spacing that creates too much white space in paragraphs. Sometimes we see streams of this white space, which we call rivers (rivers of white space).

justified text

This is an example of what can happen when text is justified. The paragraph can end up with rivers–indicated by the red lines.

Continue reading

Class 8 – How Text and Paragraphs are Affected by Different Alignments

This class was dedicated to the variations in type styles that are available. We discussed the differences in type — width, weight, posture, stress, serifs, and contrast.

width – condensed or extended

weight – light or bold

posture – italic or oblique (fake italic)

stress – vertical or diagonal

contrast – extreme or medium or low/none

serif – bracketed or unbracketed

Continue reading

Class 6 and 7 — Multiple Pages in InDesign and a Review of the 5 Families of Type

We have discussed the five families of type since the early days of the semester.  Sometimes these are referred to as type  categories. Make sure you learn to identify the differences.

Here is quick review:

Old Style: Garamond
(15th-17th century)

  • designed in France in 1615 by Jean Jannon (Claude Garamond was
  • given credit originally)
  • designed in a time when inks and paper were coarse and type
  • technology was still rather rough
  • relatively thick strokes and heavily bracketed or curved serifs
  • emulated classical calligraphy

Continue reading

Class 5 — Introduction to the Grid, Templates and the Type Book Project

Here’s a brief recap from last Thursday’s class. We had a quick introduction to the grid system and templates as they will be used with InDesign.

A grid is a non-printing system of horizontal and vertical lines which help the designer align the elements of the layout. This system of alignment helps to create a more organized layout. In multiple page documents, the grid assists in the consistent placement of design elements. Think of the grid as the skeleton of the layout—similar to the frame that you see on the construction site when a building or house is being built. We will go more in depth with grids a little later.

In InDesign we learned how to use a template, and how to name files before submission. We did this as we were introduced to the Type Book project.

We also covered using the line tool to create rules, strokes, and arrows in InDesign.

 

Continue reading

Class 4 — Controlling Space, Leading, Tracking and Kerning

We covered three main topics during our last class that deal with spacing—tracking, kerning and leading. It is important to understand the difference between tracking and kerning.

  • Tracking deals with the adjustment of letter-space which will affect entire lines or blocks of text. By adding tracking, the letter-spacing, which is the amount of space between the characters, will be increased or decreased. The goal is to have consistently even space between all the characters
  • Kerning is often confused with tracking but kerning deals with the letter-space adjustments between a specific pair of letters. You only have to be concerned about kerning display or headline text. Certain letter pairs don’t fit well together, so the designer’s goal is to adjust the space so that letter-spacing looks consistent.
  • Leading is the amount of space between lines of text. It is measured from baseline to baseline. It is important that line-spacing is not too tight or too far apart.
  • All three of these—tracking, kerning, and leading—are important to the overall look and to make reading easier.

Continue reading

« Older posts