Project One
Airport Code

The Objective

Create a compelling recognizable logotype for an airport using only the three letter airport code. 

A logomark is an identifying mark or symbol that doesn’t contain the business name. Think of the Nike ‘tick’, Shell, WWF, Mercedes or Adidas for examples.

A logotype refers to words or the name of a business that is designed in a special way. Examples include: Pinterest, eBay, Yahoo, Coca-Cola, Google, CNN, Kodak, FedEx... You are creating a logotype not a logomark.

The Problem

How you do create a customized logotype for an airport? The logotype must be easily recognizableand work at multiple sizes. Your task is to find interesting ways to combine and customize three letters—into one (memorable) typographic mark/logotype. The solution should rely exclusively on typography -- no icons, no symbols of the city, no planes or no travel icons etc –- only the 3 letters can be used. Pick your airport code International Air Transport Association airport codes.

Project Learning Objectives

  1. explore the potential of letterform combinations to create symbols
  2. explore how to customized letterforms based on other letterforms
  3. understand primary and secondary font combinations
  4. understand and create a clear hierarchy

Deliverables

DELIVERABLES:


Process Book (Digital PDF) (Keep file size under 100 MB) (Keep and organize all handouts lecture notes, sketching and process.)

Brand Board logotype, color palette, design attributes, secondary font, swag. (11x17) (Digital PDF)

Brand Board logotype, color palette, design attributes, secondary font, swag. (11x17) (Mounted)

Animated GIF 

SCHEDULE:

1 / 18 / 22 

IN CLASS

Introduce Project One
Syllabus / Class Info

HOMEWORK

Find Three Character Airport Code (National or International)
Research your city and it’s history
-Create a word list of (25-30) words about your city/place 

Choose one and build a one page document (11”x17”) that presents your research for your classmates. What is important to communicate here? 

Do not just throw all your research onto one page. Think about how you can distill this information down and design it to make it digestible. 

Create a second 11x17 with images based on your research that you can use to inform your designs going forward. Think type and shapes that you can  use later on to inform your design language. 

1 / 20 / 22  

IN CLASS

Review Research / History of your Airport
Parts of the Letter Lecture


http://ku-viscom.com/VISC200/TypeAnatomy.html



HOMEWORK

Bring in a minimum of (5) 11x17 pages with font choices. Type your letters out in Upper and lower case. Try multiple weights if you font has them.

PLEASE BRING TRACING PAPER FOR CLASS! 

Choose at least one serif / and one sans serif out of your five choices. (3) of your choices should come from this list: 

LIST


Think about what fonts make sense based on your research. Is there a typeface from your country or famous type designer from your location? What is your city famous for and how can you express that with a typeface choice?

EXAMPLE

Take notes on the following logotypes. How have they been customized? Use your knowledge from your lecture today.

LINK

1 / 25 / 22  

IN CLASS

Monogram / Logotype Lecture 
In-Class Start HW

HOMEWORK

For this first round of sketches they have to be done by hand start each prompt in class so you have an idea of what is expected and then finish them as homework. Use the given font sheets for your sketches. You are tracing and manipulating (customizing) the letters on the font sheets. It should be faster to come up with different ideas by hand. You are expected to create 45 analog (hand drawn/ traced) typographic marks. No computer (for this round).


PROMPT 1 (30 Sketches)

Use parts of the letter to create part of the next letter. How can you make the round letters more square and/or the square parts more round. Please use only one font the logotype.

You can different styles in the same font family – reg, light, bold, italic – but only one font) to create an airport code logotype of the 3 letter forms.
Each study has to remain in one font family (reg, light, bold, italic...) 

PROMPT 2 (15 sketches)

10 sketches use the gestalt principle of closure or form and counterform/ negative space to work out your solution.You can use 2 or 3 different fonts (you can use different styles light reg bold italic) to create your 3 letterforms. You can draw your own letterforms. Yon’t have to use the full letter maybe through “closure” we see the part of the letter without it being there?

Take risks. Not everything has to be legible or perfect – there are hundreds of solutions you could do. You are trying to come up with 45 different solutions. Explore. Take risks. Work neatly.. If you workin pencil fill in with a black pen so we can see your ideas clearly. Label sketches Prompt 1 or Prompt2. 

Grid for Prompt 2

1 / 27 / 22

IN CLASS

Review Sketches
Illustrator Introduction

HOMEWORK

Move your best (5) explorations into the computer and create them in illustrator. Do not use live trace, you need to be creating these from scratch. Start with the font, outline it and use the pen tool, easer tool, pathfinder to re-create your logotype.

Create three variations of your (5) for a total of 15 explorations (minimum). Push yourself here how can you make these read better (without using color, shadows, or textures)? Everything must initially work in black and white. What can you customize? How can you make the letters look more the same? What can you take away and have it still read as your letters?

Print in B/W on 8.5x11 (2-4) per page

2 / 1 / 22  

IN CLASS

Review Logotype Studies 


Lecture on how to use secondary fonts / Font Pairings

HOMEWORK

Refine your top/favorite digital mark 

Make 8-10 different variations and studies (Big shifts and think about how you can improve)

(5) Font Pairings (How can these compliment or contrast one another?)

Font Pairing Template

Print out all refinements in B/W 

2 / 3 / 22

IN CLASS

How to Align Taglines (Proportion / Scale / Alignment) 

Using photoshop mock ups Intro

Brand Board Examples

Creating a color palette RGB, CMYK, Pantones 

Brand Boards Must Include:

Your Name
Airport Name
Logotype B/W 3in tall or wide
Logotype B/W 1in tall or wide
Color Palette 3 colors + black
3 - 5 Key Words
Swag

HOMEWORK

Add secondary type at least 10 ways. Pay attention to scale and alignment.

Create 1 - 3 pieces of swag

Brand Board Template

Color Resources:

- Adobe Color

- ColourLovers

- Pigment

- Coolors

Mock Up Resources:

- Graphic Burger

- MckUps

-Pixel Buddha 

-Mr. Mockup

2 / 8 / 22

IN CLASS

Brand Board Example / Logotype Finalizing Demo

Review Swag, secondary type explorations and final critiques on logotypes

Animated GIF 

 

HOMEWORK

Finalize your logotype based on the in-class demo today.

Begin to build brand board based on feedback from class. Use your final mark or refine tagline and then finalize. 

Begin Animated GIF 
-Build at 700 x 300 Pixels @ 150 DPI
-Build Frames as layers in AI 700 x 300 Pixels
-Export Frames as PNGS / JPEGS IN Photoshop using timeline
-If you copy over frames make sure you have a rectangle with no stroke and no fill at the back to maintain your frame position.
-Create keyframes and let Photoshop make the motion happen in between.
-Use motion tween
-Focus on elements coming on and off screen and showing how your letters have been customized. 

2 / 10 / 22

IN CLASS

Review In-Progress Brand Boards

Review Animations

Demo Cutting and Mounting

Export GIF Demo

Final Brand Board Example

 

HOMEWORK

Please bring scissors, and clear tape / Glue stick for next class. Along with the type sheets we talked about in class today. Make sure you include the name of the band or the artist, potentially the opening act / artist, location, and date. Print in B/W on 8.5 x 11. Feel free to bring as many as you want so you have variety. 

Songkick.com is good resource for tour dates both past and present.

PROJECT DUE NEXT CLASS!

1. Full Color Brand Board

Mount your 11 x 17 Brand Board flush onto white foam core.
Do not spray mount inside or right outside the building
Do not use double sided tape it will look BAD.
Craft 10% of your grade, straight edges, not mangled, securely attached to the board, and clean edges

2. Digital Process PDF*

*Process is 50% of your grade. (all of it neatly organized in chronological order best if you label each step of your process) you may need to copy or scan in your tracing papers and irregular papers onto 8.5 x 11 sheets. The easier it is to see the process the easier it is to get full points.

In-Class Acitvity 2/15/22

You will be creating a collage style gig poster for any band or artist. You gig poster should contain the information listed below. Focus on hierarchy how can you use typography and composition to tell the viewer what to see first. When we use found imagery remember that you give the imagery context and meaning. Don’t let the imagery tell you what it means, you get to tell it what it means as the designer. Think about how to pull imagery out of context or combine images that don’t necessarily go together. 

Final Size 8.5x11

Must include:
-Must contain Band / Artist Name
-Date
-City / Venue

 
Rules:
B/W on Paper 
Must include information above
Only can use found imagery and type from the provided materials

https://www.truegrittexturesupply.com/blogs/news/tutorial-get-analog-digital-with-kludge
https://mikemcquade.com
https://www.brentmccormick.com/gig-posters-2020