ADVANCED TYPOGRAPHY - EXERCISES

02.04.19 (Week 1) -  (Week 4)
Maisara Arissa Azahari (0332707)
Advanced Typography
Exercises


LECTURES

Lecture 1: Introduction to Advanced Typography

The first class started off with an introduction to Advanced Typography module outline, the Exercises that we'll be working on at the start of the week, along with Project 1,2 and the Final.

Aside from the brief run through, the tables in class were split into groups of 4 to start the class with week one's exercise, in which means, the groups that we were in, we were told to do a quick research, get a further understanding of the topic we were given and present it in a two slide presentation.


The following exercise presentation was 'Typographic Systems' which includes eight different topics; 
axial, radial, dilatational, random, grid, modular, transitional and bilateral.


Lecture 2: Exercise Feedbacks and Briefing

For this class, the presentation took place. My group gave a presentation on the random system. Attached below is a compilation of the lecture slides.



INSTRUCTIONS



EXERCISES



EXERCISE 1: Typographic Systems
02.04.19 - X.04.19 (Week 1-Week 2)

Instructions from Mr Vinod


At first, clicking on InDesign, I set the spreads at 200mm x 20mm with a stroke width of 0.5pt, along with the grid guidelines of 5mm. The composition had to have the information provided which is -

The Design School,
Taylor’s University

The Troublemakers Manifesto: A Design Colloquium

Open Public Lectures:
November 24, 2019
Lew Pik Svonn, 9AM-10AM
Ezrena Mohd., 10AM-11AM
Suzy Sulaiman, 11AM-12PM

November 25, 2019
Dr. Clarissa Ai Ling Li, 9AM-10AM
Professor John Sabraw, 10AM-11AM
Dr. Liyanna Khairuddin, 11AM-12PM

Lecture Theatre 12

EXERCISE 2: Digitalisation of Typographic Systems
02.04.19 - X.04.19 (Week 1-Week 2)

After sketching, we digitized in Adobe InDesign.

Screenshot of progress in Adobe InDesign


Fig 1.0 Initial composition: Axial System
Fig 1.1 Initial composition: Axial System

Fig 1.2 Initial composition: Radial System

Fig 1.3 Initial composition: Radial System

Fig 1.4 Initial composition: Dilatational System

Fig 1.5 Initial composition: Dilatational System
 
Fig 1.6 Initial composition: Random System

Fig 1.7 Initial composition: Random System

Fig 1.8 Initial composition: Grid System

Fig 1.9 Initial composition: Grid System

Fig 2.0 Initial composition: Modular System

Fig 2.1 Initial composition: Modular System

Fig 2.2 Initial composition: Transitional System

Fig 2.3 Initial composition: Transitional System

Fig 2.4 Initial composition: Bilateral System

Fig 2.5 Initial composition: Bilateral System


Thumbnail of Initial Composition

Embedded PDF of Initial Composition (Pages)





Embedded PDF of Initial Composition (Spreads)


After getting feedback from Mr Vinod, he told me to make some minor adjustments to some of the designs by fixing the leading and tracking. Other than that, he told me to redo one of the modular system design.

Fig 2.6 Final composition: Modular System
Thumbnail of Final Composition


Embedded PDF of Final Composition (Pages)


Embedded PDF of Final Composition (Spreads)



EXERCISE 2: 
Type & Play - Part 1: Finding Type
In the first part of the second exercise, we are given the task of making a selection of an image between either man-made objects, structures or even nature. Then, using the image, import it to Adobe Illustrator and trace over the lines seen. After that, we have to find shapes and identify 5 potential letterforms within the image. Colour is allowed but to minimal use and only to highlight certain aspects of the design and the size should be a square of 200x200mm.

Fig 2.6 Image of trees taken in Japan


Fig 2.7 Screenshot of process of tracing the lines seen (outline of prominent branches)

Fig 2.8 Final tracing process

Fig 2.9 Image + Tracing


Fig 3.0 Final outcome of the tracing

After I was done with the tracing, I started to dissect and identify potential letterforms with the image that has been traced over. New layers has also been added so I could organise my letterforms better and not get confused.

Fig 3.1 Process of finding letters

Fig 3.2 Letter D

Fig 3.3 Letter Y

Fig 3.4 Letter A

Fig 3.5 Letter F

Fig 3.6 Letter T

Attached below are the overviews of the alphabets that I have dissected from the photo and tracing done.
Fig 3.7 Letter D



Fig 3.8 Letter Y


Fig 3.9 Letter A



Fig 4.0 Letter F


Fig 4.1 Letter T

Fig 4.2 Refining process using guidelines and typeface reference 

Fig 4.3 Refining process with typeface reference 2

Fig 4.4 Refined Letter 'A' - Initial Attempt

Fig 4.5 Refined Letter 'D' - Initial Attempt

Fig 4.6 Refined Letter 'F' - Initial Attempt

Fig 4.7 Refined Letter 'T' - Initial Attempt

Fig 4.8 Refined Letter 'Y'- Initial Attempt

After getting feedback from Mr Vinod by personally messaging him on Facebook, he told me that he likes the look of the serifs that I have given the letters and advised me to make sure that all the serifs are equal. He also gave me an option to either further refine my letters or choose the initial attempt that I have made as my final. I chose to refine it even further as I was not completely satisfied with the overall look of the letters and wanted to make sure that the serifs are all equal to have a cleaner look. 

Fig 4.9 Screenshot of feedback given

Fig 5.0 Refined Letter 'A'- Final Attempt

Fig 5.1 Refined Letter 'D'- Final Attempt

Fig 5.2 Refined Letter 'F'- Final Attempt

Fig 5.3 Refined Letter 'T'- Final Attempt

Fig 5.4 Refined Letter 'Y'- Final Attempt


















FEEDBACK


WEEK TWO
-

WEEK THREE
General Feedback: Mr Vinod advised us to not seperate our information into different textbox and rebriefed us on the basics on inDesign yet again. He also reminded us to takenote of the leading, tracking and that to maintain the font for the information to be around 8-12pt. As for the colours, he advised us to not just highlight the largest text but also take note of the smaller texts too. He warned us against using one solid bright colour for the background.

Specific Feedback: For the typographic system exercise, I asked Mr Shamsul on advice for my Random typographic system exercise and if it is allowed to shorten the date from "November 24, 2019" to "24 NOV 2019" and he said it is fine.

WEEK FOUR
General Feedback: Mr Vinod said that some of my designs are generally conservative except for the grid system. Specific Feedback: Mr Vinod advised me to remove the lines in my dilatational system as it makes it look messy. Meanwhile for my random system, he made a remark saying that it looks too controlled and that I should make it look more not in control. As for my grid system, he commented on the way I played around with leading, tracking and kerning. Though for the first grid system, he told me to choose either to make the text all caps or all small letters in order for it to work. He complimented the way I stylized the grid system when I brought up the fact that it was referenced from online works. As for the names and time slots in the second design, he told me to make the text for the time slots smaller so it balances out. He commented on the interesting approach I took for the transitional system. Lastly, for the bilateral system, he told me to make sure the leading is good between the texts.As for the other design, the leading for the title was too tight and made the design look awkward. The font size for the time slots and name should be reduced to between 8-12pts.

WEEK FIVE 
Online Feedback: Nice. It’s coming along well. I like the serifs. Could you continue to refine (although you it may be that you may decide to choose this as final) make the lines straighter and more even.

WEEK SIX



REFLECTIONS

EXPERIENCE

WEEK ONE 
I found that class today was quite slow since it was the first class of the semester. I was also very inspired by how Mr Vinod shared his experience as a designer with the class and how our work falls under originality. He pressed on the importance of making your work stand out from the rest. I was particularly interested in the part where he talked how our work should communicate who we are as well as making sure it stands out in terms of originality.

WEEK TWO
-

WEEK THREE
When I was creating the system layouts, I felt that the layout should use appropriate spacing and guides so that everything has an hierarchy and is aligned.

WEEK FOUR

WEEK FIVE

WEEK SIX

OBSERVATIONS

WEEK ONE
I observed that it takes a lot of passion and determination for a person to succeed in this field or any of that matter. I noticed that it takes a lot of work and self-improvement.

WEEK TWO
-

WEEK THREE
I observed how important paragraph spacing and leading is used in text. It should not be divided into many text boxes. 

WEEK FOUR

WEEK FIVE

WEEK SIX

FINDINGS

WEEK ONE
I found myself inspired and motivated to dive in deeper into the world of Typography. In hopes of incorporating it into my graphic design works in the future to give it more legibility and worth as a designer who will stand out as someone who knows not only basic design but also the principles of Typography that comes with it.

WEEK TWO
-

WEEK THREE
I found that the use of maintaining the equal spacing between each element makes the overall look of the design more attractive to the viewer as well as create a good design.

WEEK FOUR

WEEK FIVE

WEEK SIX



FURTHER READINGS

An A-Z of Type Designers by Neil Macmillan (Week 1)

Chapter: Drawing Letters and Type - Initial stages in designing type


Book cover


The author highlighted the difficulties faced when designing a new type, especially in the current digital age where the designer has to be aware of the software requirements and are constrained to the outlines imposed by the computer. However, even with the pros and cons that a computer carries, what remains unchanged is the basic roots of design. Even though a type is intended to be legible and modern, it needs to function well with the intended context and to offer some degree of interest to the eye.



Comments