Typography - Task 2: Typographic Exploration&Communication

02.05.2023- 16.05.23 / Week 5 - Week 7
Liang Lina / 0347076 / Bachelor of Design(Honours) in Creative Meida
Typography
Task 2
 


INSTRUCTIONS

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



CLASS SUMMARY

Week 5 / Task 2:  After critiquing our work, Mr. Vinod gave us time to revise it and then briefly introduced us to the new task, typographic exploration and communication. This was a new task that combined the knowledge and skills we had learnt in Task 1 and then we downloaded the second text. mr. Vinod gave us some advice on what to consider for Task 2. We also watched a video of this task and studied the layout. Finally he showed us some examples and explained how to express the headings and the steps to complete the task.
:
Week 6:  Task 2: In the sixth week, we also worked on task 2, first posting our revised work on Facebook and getting feedback from Mr. Vinod, who explained a lot to us and gave us a lot of teaching advice and suggestions for revision. During the class, Mr. Vinod also gave us time to revise our task 2. He also told us that "the best idea is a simple idea".
 
Week 7/ Task 2:In week 7, we looked at the whole task2 assignment but did not give much feedback. And a final submission date for this project was set in class.


Task 2: Typographic Exploration&Communication

Task 2 combined what we had learnt previously and for this task we were asked to express the content given in a 2-page editorial spread (200mm X 200mm each) in a typographic way. The teacher gave us 3 texts and we only had to choose one of the 3 for the layout. No pictures are allowed in this task. However, some small elements are allowed (lines, shadows, etc.).

1. Reference
After the last week, I think my knowledge of typography layout is rather lacking, so I searched above Pinterest for some information for easy c.

Fig. 1.1 Reference (02.05.2023-Week 5)

Of the three texts below, I need to choose one for the layout.
1.The role of Bauhaus thought on culture.
2. A code to build on and live by.
3. Unite to visualise a better world.


2. Exploring expression
I did three titles, none of which I was actually too happy with, and considered them to be done generally.
Fig. 3.1 Title (09.05.2023-Week 6) 

3. Layout options and Exercies
I chose two headings from it for the layout and made two separate ones. But not happy with the final presentation.

Fig. 3.1 Typesetting (09.05.2023-Week 6)


4. Exploring expression 2
After receiving feedback and demonstrations from my teacher, I redesigned my title.
Fig. 4.1Title (16.05.2023-Week 7) 


5. Layout options and Exercies 2
In the week 6 of class, my teacher commented on my typography and I made a small change.
Also in class I redesigned my headings and typography.
Fig. 5.1 Revised Typography (09.05.2023-Week 6)
Fig. 5.2 Redesigned title and typography.(16.05.2023-Week 7)



6. Final Typographic Exploration & Communication
Fig. 6.1 Final layout without grids - JPEG (16.5.2023 - Week 7)

Fig. 6.2 
 Final layout with grids - JPEG (16.5.2023 - Week 7)

Fig. 6.3 Final layout without grids - PDF (16.5.2023 - Week 7)
<iframe src="https://drive.google.com/file/d/1LHZGcJrEV0bUE5l3ilQ4OxL3DOMml-vl/preview" width="640" height="480" allow="autoplay"></iframe>

Fig. 6.4  Final layout with grids - PDF (16.5.2023 - Week 7)
<iframe src="https://drive.google.com/file/d/1phuqa0RuYp-vMqHTKxVF-cUXnGkXeFYX/preview" width="640" height="480" allow="autoplay"></iframe>






FEEDBACK

Week 6:  
General Feedback:  Mr. Vinod also suggests that we put a black "box" at the top of the page to avoid contrasting layouts. More attention should be paid to cross-alignment.

Specific Feedback:  The title is not very good, avoiding the presence of orphans and widows, the save format must be 300dpi.


Week 7:  
General Feedback: We should pay more attention to detail.





REFLECTIONS

Experience:  I needed to take the skills and understanding I had learnt previously to complete this whole layout project. During this time, the most difficult thing for me was expressing the title. It was really difficult to choose a keyword because the word for the title usually consists of several words, but I probably learned something during the exercise.


Observations:  It was important during this project to observe how others did their layouts and extract information from them that I could use, this would give me some inspiration, some ideas to try out. When I first laid out the layout I was only concerned with the details of the body text and neglected the details of the subheadings, which is something I should improve on.


Findings:  I think the headline is the most important part of this project. The headline plays a role in attracting others, you have to show them what you are talking about in the headline, this is very important, it can let the reader know the general content of the article.




FURTHER READINGS
Fig. 7.1 

Typography is a constantly evolving discipline that provides a concise and comprehensive overview of the information, vocabulary, tools, and methods used in effective typography design practices.

This book has a total of 13 chapters, including the history of typesetting and a series of content such as Anatomy, Legibility, and Typographic Grid.

Chapter 2: The Anatomy of Typography

This chapter discusses the basic language of typesetting.

Letterforms Analyzed:  The four timelines in Chapter 1 graphically present the evolution of letterforms and typographic design from the beginning of writing to the present. Our contemporary typographic forms have been forged by this historical evolution. Typography evolved from handwriting, which is created by making a series of marks by hand; therefore, the fundamental element constructing a letterform is the linear stroke. Each letter of our alphabet developed as a simple mark whose visual characteristics clearly separated it from all the others.

Fig. 7.2 Letterforms Analyzed

The Typogarphic Font: A font is a set of characters of the same size and style containing all the letters, numbers, and marks needed for typesetting. A typographic font exhibits structural unity when all the characters relate to one another visually. The weights of thick and thin strokes must be consistent, and the optical alignment of letterforms must appear even. The distribution of lights and darks within each character and in the spaces between characters must be carefully controlled to achieve an evenness of tone within the font.

Fig. 7.3 The Typogarphic Font

Historical Classification of Typegaces: 
An infinite variety of type styles is available today. Digital typography has made the entire array of typefaces developed over the centuries available for contemporary use. Numerous efforts have been made
to classify typefaces, with most falling into the following major categories. Some classification systems add a decorative, stylized, or novelty category for the wide range of fanciful type styles that defy categorization. A selection of decorative typefaces appears on pages324 and 325.
Fig. 7.4 Historical Classification of Typegaces

Typographic Measurement: Our measurement system for typography was originally developed for the handset metal type invented by Johann Gutenberg around 1450. The rectangular metal block of type (Fig. 2-35) has a raised letterform on top, which was inked to print the image.


Fig. 7.5 Typographic Measurement

The Type Family: A type family consists of a group of related typefaces, unified by a set of similar design characteristics. Each face in the family is individual, and each has been created by changing visual aspects of the parent font. Early type families consisted of three fonts: the regular roman face, a bolder version, and an italic. The roman, bold, and italic fonts of the Baskerville family (Fig. 2-43) demonstrate that a change in stroke weight produces the bold version, and a change in stroke angle creates the italic. The bold font expands typographic possibilities by bringing impact to titles, headings, and display settings. Today, italics are primarily used for emphasis, by contrast with roman. In addition to weight and angle changes, additional members of a type family are created by changing proportions or by design elaboration.
Fig. 7.6 The Type Family





















Comments