Typography - Task 2: Typographic Exploration and Communication

on

22/9/2021 - 29/9/2021 / Week 5 - Week 7
Loke Yeanne Tung / 0343853
Typography / Bachelor of Design (Hons) in Creative Media / Taylor's University
Task 2: Typographic Exploration and Communication (Text Formatting and Expression) (20%)


LECTURES

Lecture 7 - Task 2 Process Demo


Fig. 1 Task 2 process demo video by Mr. Vinod

We had only one lecture video to watch before starting Task 2. Mr. Vinod allowed us to create the headlines of the text given in Adobe Illustrator. He showed us how he executed the task. After the layout execution, he encouraged students to cover the text with patches so that we can see the division between the white areas and the grey areas to determine if the layout is systematic.


INSTRUCTION




Task 2: Typographic Exploration & Communication

1. Selection of text

Fig. 1.1 Editorial text options

We had three selection of text we would like to work with in the Typography group in Facebook. The second editorial text stood out to me in an instance, I thought I could make something out of the word "code".


2. Sketches & Reference




Fig. 1.1 Layout sketches, Week 5 (22/9/2021)


Fig. 1.2 Reference


Fig. 1.3 Type exploration, Week 5 (22/9/2021)


Fig. 1.4 Font exploration, Week 5 (22/9/2021)

We could only work with 10 typefaces Mr Vinod provided so I laid it out on Adobe Illustrator and chose the most suitable typeface I could work with. Since the overall theme of the selected editorial text I've chosen is CODE, Serifa looked the most "code" fixed width coding typeface to me so I continued to choose the font within the typeface, Serifa Roman was a good choice, but I thought it lacked the impact I was going for, so the next best choice would be Serifa Italic, which could help emphasize the title.


2. Week 6 Progress
Fig. 2.1 Layout #1, Week 6 (28/9/2021)

Fig. 2.2 Layout #2, Week 6 (28/9/2021)


Week 7 Progress
I did a few layout sketches, however, I did not manage to follow exactly what I had in mind because I did something wrong from the start. I should have figured out what the type expression for my title text is and do the layout instead of the layout of text. So, I straight away started experimenting in Adobe Indesign.

Mr Vinod approved of my designs in Week 6, I just needed to make a few tweaks here and there but I liked layout #2 more from Week 6 so I decided to continue with that theme that I had. For layout #2, instead of having the matrix element happening at the top, I separated it into two pages, placing at the top in the first page and placing it at the bottom for the second page which gives it a beginning and an end. Because in coding, you need to end the code to look at the final product. So that is what I did.


Fig. 3.1 Experimenting layouts in Adobe Indesign, Week 7 (4/10/2021)

 
Fig. 3.2 Layouts, Week 7 (4/10/2021)


Fig. 3.3 Layouts blocked out, Week 7 (4/10/2021)


Prefinal Layouts

Fig. 4.1 Prefinal layout #1

Fonts: Serifa (Roman and Italic) and Future Hv BT (Heavy Italic)
Point size: 8.5 pt (text), 10 pt (subtext),  19 pt (subheadings)
Leading: 11 pt (text and subtext), 22 pt (subheadings)



Fig. 4.2 Prefinal layout #2

Fonts: Serifa (Roman and Italic) and Future Hv BT (Heavy Italic)
Point size: 8.5 pt (text), 10 pt (subtext),  19 pt (subheadings)
Leading: 11 pt (text and subtext), 22 pt (subheadings)


Final Task 2: Typographic Exploration and Communication

Fig. 5.1 Final Task 2: Typographic Exploration and Communication - JPEG, Week 7 (4/10/2021)


Fig. 5.2 Final Task 2: Typographic Exploration and Communication - PDF, Week 7 (4/10/2021)


FEEDBACK

Week 6
General Feedback: If there's not lectures left to watch for Task 2, link Task 1 to the lectures. Headline expression should be figured out first before planning the text layout. Placement of text can't be in the middle of the fold.
Specific Feedback: Both layouts are good, the first one was interesting. Just amend the text placement that is in the middle of the folds. Good use of coding elements in the subheadings.

Week 7
Specific Feedback: Line-length is TOO long. If you watched the lecture I make reference to long line-lengths being bad for reading rhythm. There is idea visible not very well infused as part of the headline. Good Progress on E-portfolio! Keep it up!


REFLECTION

Experience
We had only one lecture for this project, which is the process demo. It is honestly the best when there are very little lectures, and more hands-on type of assignment, which I love. This assignment is pretty fun but I had a hard time experimenting with the text placement, placing the text everywhere seemed very boring and static. I had passed the hurdle and found what works best for my layout.

Observation
I observed that watching short lecture videos can increase my focus span because I know that the shorter the video, the more details and information it holds.

Findings
I found that the sketches we attempt should be as close as possible to our final product, because what is the point of sketching when you don't bring your sketch to life, so think carefully what has to be done on the sketch in order to bring the product to life.


FURTHER READING

Typographic Design: Form and Communication

Fig. 1.1 256-unit grid of smaller squares


Fig. 1.2 Spatial divisions

A square subdivided into a 256-unit grid of smaller squares displays an enormous range of proportional possibilities. Selectively removing lines from the grid to discover new spatial divisions is a process that trains the eye for proportional possibilities. The golden rectangle is revealed in the example with the diagonal orange line.

Comments

Post a Comment