- Date: Thursday, Nov 4, 2021
- via ZOOM
Topic
- Project 2 Due today
- Final File Submissions due today
- Presentations Project 2 today
- Using color in typography
Objectives
COLOR AND TYPOGRAPHY
- Learn and understand the importance of color, as it relates to typography and legibility.
- Type Hierarchy
- Content Hierarchy
- Intro to Grids
- Contrast and the relationship of foreground and background
Activities
In Class presentation
To-Do After Class
- SCAVENGER HUNT
DUE:
- Before class Tues, Nov 9
- Post to OpenLab and upload PDFs to Google Drive in 15. Scavenger Hunt
One example of problematic color with typography is the foreground vs. background relationship. For example: a busy background and text placed over it, or light type on a light background.
GOAL:
Look for imagery that has obvious typographical color conflicts. Take 5 photos and add them to your existing Scavenger Hunt on OpenLab.
- Add information that describes
- Where you found the image
- What the image is
- What is the color conflict that you are experiencing?
TIPS:
- Look for posters that have busy backgrounds — making it hard to read text
- Look for signage that has awkward color combinations – light color type on light color BGs or dark type on dark BGs
- Look for posters, flyers, and snipes, that have difficult to read type placed over photos
- Your main goal is looking for imagery that has obvious typographical color conflicts.
- DO NOT take imagery from the internet.
PHOTO TAKING TIPS:
Take your time setting up each photo – remember photography is a form of design.
Don’t just take a photo to get it over with – take your photos with thought, and focus. Enjoy the process.
- Focus on the composition and placement of your subject matter, in your camera app
- Use the F-stop and Exposure settings, in your camera app
- Wide shot or up close?
- Be aware of lighting and time of day
- Try to take all your photos from a similar angle and vantage point
- Use a photo retouching app, on your phones, to add a little flair to your photos – correcting exposure, highlights, shadows, etc. I like Snapseed, and Lightroom.
- Think ahead about your PDF presentation – photographing for a project requires a little planning
- What shape will you use to add your photos? Square? 4:3 or 16:9? They should all be the same.
- What orientation will you use? Landscape? Portrait?
- All your photos should be the same orientation and aspect ratio.
2. BACKGROUND SHADES
DUE:
- Before class Tues, Nov 9
- Post to OpenLab and upload PDFs to Google Drive in 16. Background Shades
GOAL:
Create 10 mini-type layouts on 10 shades of black, from 100% down to 10%. Using the tools of type variation that you learned in Project 1 and 2, produce your typography layouts, focusing on color conflicts as you design.
- Here is the brief
- Here is the raw copy you should use, for each of your 10 boxes
- Here are ten typefaces, that you can choose from
- Use InDesign or Illustrator–the choice is yours
TIPS:
Use a mix of ALL the tools you learned in Project 1 and 2:
- Font weight pairing
- Typeface pairing
- Type pt. size
- Tracking
- Leading
- Position
- Alignment
- Color
- Upper case
- Lower case
- Indenting
Research MOMA and gallery posters, online.
- Research is an important process of design – it connects you to the client’s market
and the design world - It can inspire, but don’t copy
We may save this for next class.
TYPE TALK
Look at the work of these 2 lettering artists:
Seb Lester
https://www.seblester.com/category/lettering
@seblester
David Carson
http://www.davidcarsondesign.com/
@davidcarson
- Select three (3) pieces from each artist
- Take a screenshot, or right-click and use Save As,
- The Brief:
- Write the name of the artist
- Write the name of the pieces
- Add a source (direct URL) for each of the pieces you chose
- What do you like about each piece? One paragraph each
- What do you like about the style of this artist? One paragraph
- Why are the artists important to the graphic design industry? One paragraph each
- Post it to Open Lab
- Create a new Open Lab post: YourLastName_TypeTalk_Letteringartist.pdf
- Give it Categories:
- Student Post
- Student Post Type Talk