Issuu on Google+

serif

bowl

PROcess ook body weight

spine

B

counter space

stem

tail

bar finial

cap height x-height baseline

Letters

& Typography

Yessika Halim


“Nothing made by human can avoid personal expression, and nothing made for a human should avoid personal expression.�

- Hrant Papazian


Table of Contents Projects: 1. Minimal Letterforms

Investigating the unique visual characteristics of specific typeface and the aspects of composition

2. Type Hierarchy

Exploring on the various typographic elements

2.1A 2.1B 2.2A 2.2B 2.3A 2.3B

One size / one weight (15pt. Univers 45) One size / two weights (15pt. Univers 45 and Univers 65) Two sizes / two weights (15pt. and 9pt. Univers 45 and Univers 65) Two sizes / two weights / two styles (15pt. and 9pt. Univers 45, 45 Oblique, 65, 65 Oblique) Use any given rules of any length Any size, weight and style of Univers, with or without rules

3. Paul Rand Book Design

Developingand utilizing a grid system in the layout of a book


Project 1

Title: Size:

Minimal Letterforms

11.55 x 12.55 in. Font: Bodoni LT Std Color:


Letterform Study

My project started with physically tracing various letterforms of different sizes. This step gave me the opportunity to study the unique characteristics of each typefaces. It helped me closely examine letters in comparison to one another, focusing on their juxtaposition, contrast, form/counterform, symmetry, and balance.


Sketches

After I examined and play around with different letterforms, I was able to study the positive and negative spaces within each letter (through their curves and straight edges. I experimented with magnifying the letterforms to a fraction of their original form - zooming in until the letters are barely recognizable, but still express the bstylistic clues that revealed which typeface was explored. After experimenting, I eventually decided to display Bodoni in my design. Bodoni is a modern serif typeface designed in the late 18th century. Bodoni features flat, unbracketed serifs that shows extreme contrast between thick and

Final Design For my design, I use the letters X, A, Q, and G. With these letters, I aim to show movement by creating a continuous flow between the letterforms. finally, by using a black background and white text, I was able to emphasize negative space. I created a nice connection by using the crossbars of X and A creating movement from the left to the right. The cropping of the Q also makes it balanced and symmetrical even when the margins are at its sides.


Project 2.1A

Title: Size:

Type Hierarchy

10 x 10 in. Font: Univers 45, 15 pt. Color:


Sketches

In the set 1A, I want to display a sense of simplicity and organization. Since this was the first set, I did a lot of experimenting on how text moves throughout the paper, by cutting and pasting five different designs. I wanted to lead the reader’s eyes from left to right so it creates a natural movement for readers to follow. I also experimented with alignment in order to decrease the figuring out time for my audience.


Digital Drafts

The next step after cutting and pasting onto tracing paper was creating a digital copy of two of our sketches. By digitalizing them on InDesign, I was able learn how to use the program and play around with formatting each line in an organized manner. Since we could only use Univers 45, I had to find others ways to portray hierarchy through movement. Throughout my digital drafting process, I also learned the importance of using words as a source of alignment and border.

Final Design After several pre-critiques, I believe that my first design ( left) expresses nice hierarchy through the stacking order and great movement through the stair stepping motion. It also had great use of white space for the readers to rest their eyes on.


Project 2.2B

Title: Size:

Type Hierarchy

10 x 10 in. Font: Univers 45 and 65 15 pt. Color:


Sketches

In the set 1B, I tried different styles of alignment to illustrate hierarchy. I focus on text movements and a;lso considered how to group sections together without distracting another section. I also experimented with creating alignment through text, as if the words themselves are borders. In this project, I played with leading and kerning to give spaces between each line.


Digital Drafts

The next step after cutting and pasting onto tracing paper was creating a digital copy of two of our sketches. Since we could use Univers 45 and 65, I took dvantage of bold typefaces to create a distinction and contrast between information. This helps me build hierarchy and distinguish which one is the most important. Digital drafting enable me to not only use lines of words as borders but also to create a continuous movement through the use of bold words throughout.

Final Design After several pre-critiques, I believe that my first design ( left) expresses nice hierarchy through the stacking order and great movement through the stair stepping motion. It also had great use of white space for the readers to rest their eyes on.


Project 2.2A

Title: Size:

Type Hierarchy

10 x 10 in. Font: Univers 45 and 65 15 pt. and 9pt. Color:


Sketches

Since there were more choices of font style and sizes, I had a hard time deciding where to use the different font sizes and styles in my design. I could not figure out the best way to implement hierarchy because I thought that we have to use 9pt. and 15 pt. font all throughout our design. Thus, I decided to make it simple and clean by making the title of the lecture bold at 15pt. and all other information 9pt. regular. I believe the simplicity of making it consistent helped me follow through the information more clearly. In addition by alternating sides, I give my design some movement for readers to follow through.

Final Design By making the title of the lectures bold at 15pt. and 9pt. alternatingly, I was able to emphasize the importance of a word compared to its counterpart. I also made my design simple and clean by consistently making the title of the lecture bold at 15pt. and all other information 9pt. regular.The simpllicity and consistency helped me determine hierarchy and allow my audience to follow through with ease.


Project 2.2B

Title: Size:

Type Hierarchy

10 x 10 in. Font: Univers 45 and 65 Univers 46 and 66 15 pt. and 9pt. Color:


Sketches

In set 2B, I was focusing on making the words “speak� through the use of italics. Throughout my sketches, I focus on using italics as a source of movement by creating grids to align the information. I also experiment with aligning the title sideways, in a position that is similar to the books in library shelves, to heighten the ease of reading sideways without having to turn your head in a sharp angle.

Final Design By making the title of the lectures in bold, italics and regular, italics at 15pt. alternatingly, I was able to experiment personifying the words as if they are speaking out of the paper. I also made a minimalist design that still carries movement, not only from top to bottom, but also from left to right by consistently making the titles of the lecture bold, italicized at 15pt. I also think that the lecturers’ names are as important, so I put that in 15pt. as well, with only the last names being bold. All other information was 9pt. regular portraying a sense of hierarchy and distinction.


Project 2.3A Title: Size:

Type Hierarchy

10 x 10 in. Font: Univers 45 and 65 Univers 46 and 66 15 pt. and 9pt.

(use given rules of any length)

Color:


Sketches

In set 3A, we had to use rules in our design, whether it was for alignment or for aesthetic purposes. For me I utilize the rule as a source to alignment the information and create separation from the rest of the other information. I believe through the use of thin rules between each set of information, I was able to bring out a nice sense of direction that guides my audience in the path that I want them to follow. Furthermore, I experimented with tonal values and thick and thin strokes to create a sense of contrast throughout. I realized that my first two designs, during the pre-critique, had abused the use of the rules, making it overcrowded and aesthetically displeasing to look at.

Final Design For my third design, I got ride of the the think and thick rules on the top and bottom because it is unneccessary for the design. I also tighten the leading in between each information to make it group together nicely. I left the last names in bold and the other date and time information as 9pt. font so that it creates contrast and separation.


Project 2.3B Title: Size:

Type Hierarchy

10 x 10 in. Font: Any size, weight, and style of Univers, with or without rules Color:


Sketches

In set 3B, we were able to use any size and weight of Univers, with or without rules. I decided to divide the the lectures into two parts, title and names/date, time, location. I use the rules with an aesthetic purpose by letting it follow through the letter “n” in content and “f” in form to create a sense of direction and border. I put the title and “language” as condensed and make the word “visible” bold and all capitalize. I tighten leading between each section of information but made sure to separate the names with the date/time information.

Final Design In this set, I took advantage of different sizes and weights to create order and hierarchy. I made sure to stress the important information in bold and to open up the kerning in the condensed form of all lecture titles. I believe it has a sense of tonal values throughout the design because I played with thick and thin, as well as regular and condensed form. In terms of improvement, I would like to open up the kerning more and reduce the type by 2pt. in the title “Orientation and disorientation”.


Project 3

Title: Size:

Paul Rand Book Design

8 x 8 in. Font: ITC Avant Garde


Thumbnail sketches

I began my book design by drawing rough thumbnail sketches. These sketches helped me to plan the display of my book. Due to the book title, I want to showcase one of the works Rand believe displayed the play instinct.



Des 115 Process Manual - Yessika Halim