Visual Language Week 2 Typography & Expression

For my boarding pass design, I first created a hierarchy of the most important elements. This helped me choose which details to make more readable and attract the eye.

  1. Destination & Origin
  2. Flight time & boarding time
  3. Seat & Gate
  4. Name

I used the font Bely which I found in the adobe typekit. Based on our discussions in class, I wanted to use one font. That way I could use size and capitalization to differentiate. I also chose to use the red and blue colors that are found in the graphics to help. With the color changes and capitalization, I thought two different fonts would actually confuse the viewer as opposed to help guide the eye.

I capitalized the most important sections like DESTINATION, ORIGIN, GATE, BOARDING, DEPARTS, SEAT, and NAME. These are all a 40pt size. I also made all of these red and am using a left to right viewing design across the board. The most important elements are on the left, capitalized and one color. The information contained in these sections is done in blue at the same size without capitalization. The second tier of information, mainly used for the airlines purposes are all at half of the size (20pt) with no capitalization and in black. I also kept the box around the seat number because it is definitely one of those things you are constantly checking and you need to find it quickly in the moment. I stole this from the original design as it was the only thing I really liked about it.

The only text that is floating/not in a section is TSA Prechk. This isn’t very important information but I think it is still a little more important as it is something the passenger might want to see and the airline will be checking for. I made it the same blue as the rest of the text but kept it at 20pt font size.

For the tab that gets ripped off, I realized there was too much vertical space. This would be hard to read and make things crammed. I flipped it 90 degrees in order to not confuse the customer. It is essentially repeating the same information so there’s no need to read it until it gets ripped off. The size of the tab forced me to change the dimensions of the font size to 30pt with the smaller words being 15pt. This allowed me to keep the same ratio while fitting everything in properly.

Expressive Type

For my first expressive word, I chose home. While I was typing the word home, it struck me that the ‘H’ itself could look like a house. I chose a very stylized and blocky font called Flegrei. This allowed me to accentuate the ‘H’ to make it look more like a home.

For my next word, I started to make elongated edges on the word slow-mo. I began to realize it looks more like dripping, so I began work on ‘Drippin’. I lost the ‘g’ in order to give it more of an edgy feel, and started with the tilda font, which i also got from the adobe typekit.

For my last expressive word, I chose hug. I wanted to do something simple but powerful. I think it also works well because I realized that hug has three letters. This way I could bring in both of the outside letters in to simulate a hug on the U. I also rotated the ‘U’ in order to give add another human element to it.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s