1. Midterm Test, 11:30 - 12:00

2. Graphic Design: Layout and Composition (video, 5 min)

1. Design Process:
1. Research
- Subject matter
- Good design
2. Thumbnail sketches – exploring ideas and working on them
3. Roughs – refining ideas between initial exploratory thumbnail sketches and polished comprehensive layouts (comps)
4. Comps – final deliverables
Examples of Thumbnails, Roughs and Comp of a Type Poster
Video Design Process by Example

2. Typographic hierarchy
Typographic hierarchy (hierarchy of information) allows the reader to understand at a glance the order of importance of the information, what to look at first, second, and third.
It can be achieve with the following:
- Size
- Weight
- Color
- Space
- Type contrast

1. Compare two examples: the headline, subheading and body copy

2. Compare two examples of business cards:
Example 1
Example 2

3. Compare two examples of the same poster:
Without hierarchy
With hierarchy

3. Grid in Illustrator
1. View>Show Grid
2. To modify grid: Preferences>Guides&Grid
Video Tutorial
The second approach Split Into Grid command as an alternative:
Create a Rectangle, Top Menu >Object> Path> Split Into Grid
It creates tangible squares that can be manipulated with much more freedom than the hard Illustrator background grid.

4. Project TYPOGRAPHY POSTER

TO STUDY

Layout and typography

Thumbnails, Roughs and Comps
Understanding Typographic Hierarchy
The Hierarchy of Text in Design
Typography: Grid Hierarchy
15 reasons to use grid

TO DO

Typography Poster project

1. Thoroughly read the project text (several times if needed)
I don’t want to hear: "I did not know, I did not realize, I did not read that part", etc.

2. Choose a typeface for your poster and do necessary research 
a) Research your typeface's history as well as the typeface designer. Type out a paragraph in a Word doc. about your typeface, its designer and other information that you will use as copy on your poster.
Dropbox submission

b) Look at and analyze plenty of good typographical examples to use for your design guide and inspiration. Choose several (or as many as you want) posters that you like the most and copy the links into your Word doc. 
Note: several examples are in the project and you can google more, for example Type Specimen Posters.

3. Finish working on thumbnails:
(10% of the project grade)
Thumbnails are your blueprints, they stimulate your mind, and brainstorming on paper is the natural result. When you think visually with thumbnails, you will eventually solve the problem.
Sketch a minimum of 4 thumbnails for your poster, which will highlight concepts and ideas.

Requirements:
- The size of each sketch should be no smaller than 5×7 inches (therefore, you need 2 sheets of paper or pages in your sketchbook)
- These sketches are not for yourself, but for the discussions; therefore, they have to be visually comprehensible, clear and accurate
- The letters and words should have proportions of a chosen typeface, including width and weight
Thumbnail sketch example
More examples

1. Color
1. Additive and Subtractive Color Systems
2. Illustrator Colors and Swatches
Colors and how to deal with them (in Illustrator, InDesignand and Photoshop):
RGB vs CMYK: What’s the difference?

2. Working on the TYPOGRAPHY POSTER project
- Checking 4 thumbnails, grading, choosing the best one to create a rough
- Start working on the rough

TO STUDY

Colors. Graphic design and typography

1. Study class materials
2. Colors (short and useful videos):

The Difference Between Additive and Subtractive Color Systems

Subtractive Color Mixing with Filters

What is the difference between RGB and CMYK?

RGB and Additive Color Systems for ABSOLUTE BEGINNERS
3. Read this chapter about research, thumbs, roughs, comps and presentation, as well as about the design jobs and freelance. It defines the field of graphic design and describes its processes. Graphic Design Process and Fields
4. Smart Typography in Poster Design (till 6:35)

ILLUSTRATOR

Learn and practice Illustrator

Color Picker and color Palette Tutorial
Create and Save Swatches In Illustrator
How To Replace Every Instance of a Color In Illustrator - very useful

TO DO

Typography Poster project

Continue working and finish the chosen rough for grading
(10% of the project grade)
Reminder:
Roughs are the real size elaborated sketches with as many details as possible.
This is where you think through all the small details. You can use markers, color pencils, computer (then you have to print them in color),or combinations. 

Requirements:
- The size of this rough is 11x17 inches (Tabloid media size if you print it)
- Focus on basic shapes, proportions, and layout.
- Maintain enough detail for constructive feedback
Type specimen Poster Rough example (partually done on computer):
Poster (not type specimen) rough in pencil examples:
Example 1
Example 2
Example 3