Page 1

TYPOGRAPHY By Kiran Kaur


Table of Contents 1.........Assignment #1: Visual Semantics

5.........Assignment #2: Letter, Space, Meaning 9.........Assignment #3: Dualitites/Dicotomies 13.........Project #1: Journeys 17..........Project #2: 2020 23..........Project #3: Type Specimen 26..........Project #4: Book Cover


Visual Semantics

ASSIGNMENT #1

This was text and placement focused collage poster. The project began as an exercise where students brought in physical forms of objects and items that have various text, typefaces and fonts on them; for example: newspapers, posters, magazines, brochures. From this, we were supposed to create a story that ties to the text and how we chose to display it.

1

The learning objective was to understand how the typographic imagery relates and connects to one another, while keeping in mind the focal point, unity, color, balance, contrast, texture, flow, and negative space. The goal that I was trying to achieve was learn more about the different typefaces and to practice the pen tool in Adobe Illustrator.


I looked around campus as well as my dorm for text heavy posters, paper, and magazines.

I cut the letter/words out and place them on a 3X3 inch grid to form a physical collage. Then I scanned my grids and moved it to Illustrator, where I began working on it digitally by outlining letters and text using the Pen Tool.

2


The concept or emotion that I was trying to evoke was curiosity. Some words do pop out, such as Cola, Ticket, and Day. The letters spell out various things one of which is “Free Ticket”, which is left up to the viewers to interpret on their own.

3

When doing the exercise portion of the project, I found that the word “free” could be spelled multiple times and decided to continue it in illustrator. Below to the left is the grid version of the first draft of the design and then a non-grid version to the right.


I believe that the focal point is the E letter in the center of the page, due to its location, geometric shape, and the contrast it displays with the black background. I tried to also balance the negative space by adding some design elements into the background, while only using text in the foreground.

I think that I was successful in better understanding how complex and different text are and what the letters can express beyond just the literal meaning of the words they spell out. For example, if text had a bolder stroke or if the text was diagonal and giving the word more movement or direction. I think there are still many areas for improvement.

4


ASSIGNMENT #2

Letter, Space, Meaning The assignment for this project was to create five 8X8 designs using two words from a list given by the professor. The words I chose were Feminine and Loud. The purpose of the assignment was to “express the meaning of a word or an idea through spacing, sizing and placement of letters on the page.�

5

With the help of my peers, I was able to expand my designs beyond my initial sketches. My personal goal for this assignment was to gain a greater understanding type and font families.


I chose to work with Helvetica. I chose these words because I resonated with them. I began by creating 30 sketches, 15 of the word Feminine and 15 of the word Loud into Illustrator, a few of them show here. After that, I chose my favorite 5 of each word and scanned the designs. Next, I moved them into Illustrator where I began recreating them digitally using the pen tool. I decided to focus on contrast within my designs, as well as repetition. I also used semiotics, for example the feminism empowerment symbol with the fist was created using the word Feminine multiple times. Most of my designs had typographic movement in them as well. The size, boldness, and scale of the letters gave the text directions and movement.

6


7


8


ASSIGNMENT #3

Dualities/ Dicotomies

The assignment for this project was to create ten 8X8 designs using two pairs of opposite words from a list. The pairs of words I was working on was Feminine and Masculine and Loud & Quiet.

9

The purpose of this was to expand on the prior assignment and to “express meanings of the words, bring out their meaning through typographic style; considering style, scale, and placement.�


I chose to work with Helvetica and began by creating 20 sketches, 10 of the word Feminine & Masculine and 10 of the word Loud & Quiet, some displayed above. After that, I chose my favorite 5 of each word, scanned them into Illustrator, and recreated them using the pen tool, shown on the next page.

I decided to use contrast for many of my designs. It helped convey the difference and strengthen the relation between the words. I also repetition multiple times during this assignment. To either create a circular ripple effect using O and repeating the words multiple times in the background. I used semiotics; for example, the feminism empowerment symbol mixed with the male gender symbol to represent empowerment and support for one another.

10


ASCULINE

FEMININEMASC LINE UL CU INE AS FE M E M IN

E LIN CU AS EM NIN MI FE

eminine

SCULINE MASCUL MA INE INE FE IN M M IN FE

11

ULINEFEMININEM AS ASC CU EM IN LIN IN E M

FEMININE NILUCSAM

FEMININEMASCULINEFEMININEMA

FEMININE

MASC ULIN E

FEMIN IN

EFEMININEMA ULIN SC SC UL MA IN EF NE I E IN

FEMININE

femininemasculinefem mininemasculinefemin imasfemininemasculin culineemininemasculin mininemasculinefemin mininemasculinefemin inemasculinefeminine iemasculinefemininem asculinefemininemasc ulinefemininemasculine


uiet

LOUD Lorem ipsum

Lorem ipsum

quiet

LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL L O U D L O U D QUIETL O U D L O U D L O U D L O U D L O U D L O U D L O U D L LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL LOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDLOUDL

OUDLOUDOUDLOUD OUDLOUDOUDLOUD OUDLOUDOUDLOUD OUDLOUDOUD OUDLOUDOUD OUDLOUDOUD OUDLOUDO UD OUDLOUDOUD OUDLOUDOUD OUDLOUD OUDLOUDOUDLOUD OUDLOUDOUD OUDLOUDOUD OUDLOUDOUD OUDLOUDOUD

12


Journeys

PROJECT #1

The project was to create four 9X9 designs using nothing but the travel text that was given to us. The travel text I was given was about exploring the unique flavors of Provence, France.

The purpose of this project was to “create a series of typographic compositions that closely adhere to a more traditional grid form using a clear vertical/horizontal structure in the organization of the information.�

13


Draft #1

I chose to work with Arial for the body text and Maiandra GD for the title. The reason why I chose Arial was because it has a large font family and I was able to bold, italics, and make text narrow. I used Maiandra GD because it gave the composition a short of soft Roman countryside vibe, which I thought went well with my text. then made a few new sketches, scanned them into Illustrator and began creating them digitally.

14


Draft #2

I decided to use shadows to make the text “Provence� the focal point for most of the compositions.

15


Final I also chose to use orange, red, and yellow colors because I wanted to represent flavors of Provence. The foods there are mostly, pasta, ravioli, soup.

The purple represents the lavender fields, which Provence is known for, and blue represent the clear skies and lakes. The size, boldness, and scale of the letters were decided

16


2020

PROJECT #2

The purpose of this project was to design two unique 2020 calendars, applying our knowledge of grid systems. We also had to consider a design style, methodology of making using a designer or artist we were assigned.

I came to the idea of these two themes after constructing a mind map for what the year 2020 means to me and after researching my designer Alvin Lustig work.

17


Initial Sketches I chose my design theme to be a Throwback to the 1920s or The Roaring 20s, and a Flash Forward to the upcoming year 2020 using Social Media.

I began by sketching calendar ideas and decided on using balloons to show celebration for the Roaring 20s themed calender.

For the Social Media Calendar, I decided to use the Instagram posts feed to represent each month in the year, each having its own theme.

18


Drafts #1 Next, I moved onto digitally bringing my ideas to life. I came up with two ways to represent each theme.

For the Social Media theme, I used the Instrgram post feed layout and compared it to a general post on Instagram.

For the Roaring 20s theme, I designed a champagne bottle plus balloons to represent the month in the year through color and then a Great Gatsby movie inspired calender.

19


Drafts #2 I decided to move forward with the champagne bottle and balloons for the Roaring 20s theme calender. For the Social Media themed calender, I decided to move forward with the Instgram feed layout design.

20


Final: Roaring 20s The balloons convey the months of the year, dark gray ones have 30 days within the month. The gold represents the months with 31 days and the white on represents February with 29 days.

Their strings hold the the days in the month with Saturdays and Sundays represented in bold.

I chose to work with the typeface Arial, for the numbers, and Broadway the months and year. Broadway has a 1920s Great Gatsby vibe.

21


Final: Social Media This concept was a play on what it would be like if 2020 was a person with its own Instagram account. I tied the calendars back to my designer by the way I chose to illustrate the calendar. Lustig had a very simple way for portraying items and used a lot of contrast. So I decided to pull from that. For this design, I chose to work with Arial and Lustig. For my Social Media calendar, I decided to use the Lustig font, which is a font type that Alvin Lustig created. I also decided to use Arial because of how clear and simplistic it is.

22


PROJECT # 3

Ty�e Specimen

Booklet

We were assigned a typeface and type designer, and were asked to design a four-panel mailer that advertises the typeface. There were two parts to this project: the front side, Booklet, of the mailer which holds all of the information designed within 4 panels and the back side, Poster, of the mailer is a poster related to the font. The Typeface I worked with is Meta by Erik Spiekermann. To the left, are my inital sketches of the Booklet.

23


Poster To the left are my sketch and digital versions of the Poster design. The poster design concept came from interviews Spiekermenn did where he would bad mouth Helvetica. He believe it was an uncomplete typeface so h decided to complete it, which led to the creation of Meta. I chose to work with White, Black and & Electric Blue because I wanted to go for a computer and technology style. I made this decision because Siekermann made Meta to be the ultimate typeface to you digitally.

24


Final Booklet

STAMP GOES HERE

25

Final Poster


PROJECT # 4

Book Cover

The assignment for this project was to create a 8.5 x 11 book cover design of a book we’ve read in the past.

The purpose of this was to select a book that has a short title and is image-dominant and redesign the cover using typography only, to express the mood, concept, and/or theme of the book.

26


Sketches These are few of the rough sketches I was making base on what I tought could be done differently as compared to the orignial book covers.

27


Draft #1 After a few designs in Illustrator, I tried to get more experimental and cut out the letters IT, colored them red and placed them in different locations to I began taking pictures. I at one place point placed the letters on my window and really liked how creepy it look. So I took it a step further and took a red lipstick and wrote IT on the window, my friend’s face and my arm. Then I took more photos from different angles, on the next page.

28


Experimental Design

29


Final Front and Back Cover

30

Profile for kkaur13

Type By Kiran  

Work from Typography course at USF.

Type By Kiran  

Work from Typography course at USF.

Profile for kkaur13
Advertisement