Typography Task 2 / Typographic Exploration and Communication (Text Formatting and Expression)

3.10.2022 - 16.10.2022 (Week 6 - Week 7)
Edwin Choo Quan Rong 0348305
Typography / Bachelor Of Design (Hons) In Creative Media
Task 2: Typographic Exploration and Communication (Text Formatting and Expression)

---

INSTRUCTIONS



<iframe src="https://drive.google.com/file/d/1jnZU-vDz6zcPKPNAe8TqkVh2IIPNYjcq/preview" width="640" height="480" allow="autoplay"></iframe>

---

Task 2: Typographic Exploration and Communication (Text Formatting and Expression)

Fig 1.0 - Editorial Text Option

Chosen text no.2: Follow The Code

---

Fig 1.1 -  Layout Sketches (3/10/2022)

I proceeded with the first layout.

---

Fig 1.2 - Headline expression (4/10/2022)

The expression was first designed in Adobe Illustrator, then later refined in InDesign.

---

Fig 1.3 - Edited Layout (9/10/2022)

Details

Font:

• Heading - Serifa Std 55 Roman
  
• Sub-heading - Adobe Caslon Pro Bold
• Body text - Adobe Caslon Pro Regular

Type Size: 

• Heading - 95 pt
• Sub-heading - 9pt
• Body text - 9pt

Leading: 

• Heading - 11pt
• Sub-heading - 11pt
• Body text - 11pt

Paragraph Spacing:

• 3mm

Characters per line:

• Average 55-65 words

Alignment:

• Left alignment for all
  

Margins:

• Bottom: 40mm, the rest is 12.7mm
  

Columns:

• 2 columns

Gutter:

• 5mm

---

Fig 1.4 - Adding details (10/10/2022)

The arrows lead from each sub-heading to the next to show the "route" they have to follow, with each sub-heading representing a "code".

---

Fig 1.5 - JPEG with grids Final (10/10/2022)

Fig 1.6 - JPEG without grids Final (10/10/2022)



Fig 1.7 - PDF with grids Final (10/10/2022)

<iframe src="https://drive.google.com/file/d/1NvTLR3HdTfEMdy70lx8W4pV2wiQhTW5N/preview" width="640" height="480" allow="autoplay"></iframe>

Fig 1.8 - PDF without grids Final (10/10/2022)

<iframe src="https://drive.google.com/file/d/149uL6k8GW-kJf04JefAFwbERX5xUOWI2/preview" width="640" height="480" allow="autoplay"></iframe>

---

FEEDBACK

Week 6
Specific Feedback: Make sure the text columns fit with the required layout of two pages.
General Feedback: Use serifs and sans serifs alternatively for heading and text.

Week 7
Specific Feedback: Public Holiday
General Feedback: Public Holiday

---

REFLECTIONS

Experience

After finishing Task 1: Exercises, Task 2 was easier to do as I already had the knowledge from Task 1. Although I had better knowledge, it wasn't easy as we have restrictions to work around such as no images allowed to fill in the blank spaces in our layout.

Observations

One thing that was challenging was creating an expression for the headline. Unlike Task 1 where we can choose a select few of words suitable to work with, we are given limited options and we got to make something out of it.

Findings

I looked through old books and magazines I own to receive inspiration for designing my layout. Through that, I found various ways each page was designed with that goes away from the basics of two columns of body text for each page.

---

FURTHER READING

Fig 1.9 - The Vignelli Canon by Massimo Vignelli (2010)

Fig 2.0 - The Vignelli Canon, Page 20

Ambiguity is usually referred to as a lack of clarity or specific meaning, something that shouldn't be in a design. But I learned that ambiguity can have multiple meanings expressed with the same design. Although one must be careful in using ambiguity as the design be understood well or it can fail to produce the desired effect.

Fig 2.1 - The Vignelli Canon, Page 40

I learned that grids are a helpful guideline to work with in any design. It helps create the basic foundation and help with providing consistency and accuracy in our design. Some people may think of grids as restrictive, but through this page, I learned that using the right kind of grids with proper edits aims to achieve the desired result with utmost efficiency.

Fig 2.2 - The Vignelli Canon, Page 74

This page talks about scale and the importance of its usage in design. An object can be scaled to be larger or smaller than it's original size to express each a different meaning. The manipulation of scale would aim to achieve the desired results in design work. Scale can be applied to anything, in typography, that can be the size of the headline in contrast with the body text.