Typography - Task 2 / Typographic Exploration & Communication

2/5/2022 - 16/5/2022 (Week 6 - Week 8)
Anna Chin Siaw Fong / 0354370
Typography / Bachelor of Design (Honours) in Creative Media / Taylor's University
Task 2 / Typographic Exploration & Communication


LECTURES

Completed. Lectures 1 to 6 can be found in Typography - Task 1 / Exercises


INSTRUCTIONS


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

Task 2: Text Formatting and Expression

Visual Research

Before coming up with sketches, I did some visual research.

Fig 1.0 Visual Research 1

Fig 1.1 Visual Research 2

Fig 1.2 Visual Research 3

Sketches

I came out with some ideas and sketched it out using Procreate.

Fig 2.0 Sketch 1
- 6/5/2022 -

Fig 2.1 Sketch 2
- 6/5/2022 -

Fig 2.2 Sketch 3
- 6/5/2022 -

Fig 2.3 Sketch 4
- 6/5/2022 -

Layout Progress

After sketching out my ideas, I digitalized the layout using Adobe InDesign. 

Fig 3.0 Layout 1
- 9/5/2022 -

Fonts: ITC Garamond Std
Typeface: ITC Garamond Std Book, Bold, Bold Italic and Ultra
Font size: 9 pt (body text),  60 pt (heading), 18 pt (subheading)
Leading: 11 pt (body text), 64 pt (heading)
Paragraph spacing: 11 pt
Average characters per line: 30 ~ 40
Margin: 10 mm
Columns: 3
Gutter: 5 mm
Alignment: Left align

Fig 3.1 Layout 2
- 9/5/2022 -

Fig 3.2 Layout 3
- 9/5/2022 -

Fig 3.3 Layout 4
- 9/5/2022 -

Fonts: ITC Garamond Std
Typeface: ITC Garamond Std Book, Bold Italic and Ultra
Font size: 9 pt (body text),  60 pt (heading)
Leading: 11 pt (body text), 64 pt (heading)
Paragraph spacing: 11 pt
Average characters per line: 30 ~ 40
Margin: 10 mm
Columns: 3
Gutter: 5 mm
Alignment: Left align

After getting feedback from Mr.Vinod, I chose to go with layout 3. I edited the body text to remove orphans and widows. 

Fig 3.4 Layout after fixing orphans and widows
- 11/5/2022 -

Next, I ragged the text to create smooth raggings for the paragraphs.

Fig 3.5 Layout after ragging body text
- 11/5/2022 -

Fonts: ITC Garamond Std
Typeface: ITC Garamond Std Book, Bold Italic and Ultra
Font size: 9 pt (body text),  60 pt (heading)
Leading: 11 pt (body text), 64 pt (heading)
Paragraph spacing: 11 pt
Average characters per line: 30 ~ 40
Margin: 10 mm
Columns: 3
Gutter: 5 mm
Alignment: Left align

Final Submission

Fig 4.0 Final Text Formatting and Expression (PDF)
- 11/5/2022 -

<iframe src="https://drive.google.com/file/d/121FwFEaz-MCDOhay0C2RKvooF9S9qC9X/preview" width="640" height="480" allow="autoplay"></iframe>

Fig 4.1 Final Text Formatting and Expression with visible guides and baseline grids (PDF)
- 11/5/2022 -

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


Fig 4.2 Final Text Formatting and Expression (JPEG)
- 11/5/2022 -

Fonts: ITC Garamond Std
Typeface: ITC Garamond Std Book, Bold Italic and Ultra
Font size: 9 pt (body text),  60 pt (heading), 18 pt (subheading)
Leading: 11 pt (body text), 64 pt (heading)
Paragraph spacing: 11 pt
Average characters per line: 30 ~ 40
Margin: 10 mm
Columns: 3
Gutter: 5 mm
Alignment: Left align


FEEDBACK

Week 7

General Feedback:

Specific Feedback:
Placement for heading can be better. There are widows and orphans, try to find ways to adjust time. Other than that, all is good. 


REFLECTION

Experience
I have not tried designing layouts before. I get to learn and tryout different types of layouts for my design. 

Observation
I struggled to come up with design layout ideas as I was very new to it. There is not much designs that I could think of as I do not know a lot of layout types.

Findings
I found that although a book layout may look simple, it is not as easy to design a book layout. I also found more shortcut keys in Adobe InDesign which are really helpful to me when I am doing my task. It speeds up my progress. 


FURTHER READING

Letterforms: Typeface Design From Past to Future

Fig 5.0 Letterforms Book Cover

I continued reading the book by learning about the anatomy and nomenclature. I also read about the design variables and style classification.  

Fig 5.1 The Parts of Letters

Fig 5.2 Terminal Shaping and Joint Formation

Fig 5.3 Style, Weight, Contrast, Width, Posture and Case

Fig 5.4 Serif and San Serif

Fig 5.5 Slab Serif and Script

Fig 5.6 Display or 'Graphic': Embellished and Display or 'Graphic':Abstracted

Comments

Popular Posts