31.8.2022 - 5.10.2022 (Week 1 - Week 6)
Loh Qiao Yin/ 0348923
Advanced Typography / Bachelor of Design in Creative Media / Taylor's
University
Task 1/ Exercises
[Exercise 1- Typographic Systems]
[Exercise
2- Type & Play]
LECTURES
Week 1
Structural System (like 'shape grammars')
- Axial: Elements organised to the left or right of a single axis
- Radial: Elements extended from the point of focus
- Dilatational: Elements expand from a central point in a circular fashion
- Random: Elements have no specific pattern or relationship
- Grid: A system of vertical and horizontal divisions
- Modular: A series of non-objective elements constructed in standardised
units
- Transitional: An informal system of layered banding
- Bilateral: Text is arranged symmetrically on a single axis
Week 2
Ad_Typography: Typographic Composition
Environmental Grid
Ad_Typography: Context & Creativity
Handwriting
Week 4
Ad_Typography: Designing Type
General process of Type Design:
1. Research
- examine existing fonts for inspiration
- understand type anatomy/ terminologies
- know the type's purpose
2. Sketching
- traditionally/ digitally
3. Digitization
- Fontlab/ Glyphs App
- craft in Adobe Illustrator then import into said platforms
4. Testing
- refining and correcting aspects of the typeface
5. Deploy
- even after deploying, issues like teething might exist as they were not noticed during the testing phases. Revisions might still be required
Week 5
Ad_Typography: Perception and Organisation
1) Contrast
2) Form
INSTRUCTIONS
/>
Made 4 to 9 thumbnails of different compositions for each system. My motive is to grind out as many variations as possible so I can have a fresher idea and wider choices.
Axial System
This system is the one when I have a hard time creating more unique ideas but it all turned out common. Thus, I just focus on adhering to the system correctly.

Fig 2.2 Axial system tryouts #1, 7 September 2022
Radial System
Imagining rays of sunlight when doing radial system. This is when I start to focus on having more variations in the font size.
Playing with rhythm.
Arranging chaos in a well-thought way.
The safest system for creating a composition, in my opinion. Not necessarily easier as more effort is needed to make it look interesting.
Layout with a formula.
Playing stacking with words, creating a rhythm.
A spine with muscle supporting it.
Axial System
Most of my texts are sitting on the left side of the canvas, thus, the circle is used to balance the composition. I was glad when Mr Vinod noticed that because initially I was worried that the horizontal line might be known as disrupting the axial system, making the design not work.
Fonts:
- Serifa Std (56 Italic, 55 Roman)
- Univers LT Std (55 Oblique)
- ITC Garamond Std (Ultra Narrow)
Radial System
*deep inhale* This is not the design I showed for feedback. I was too hesitant with that choice so in the end, I decided to go with my gut feeling which is choosing this version. I did have some discussions with my peer for constructive feedback and the suggestion was to have the big circle from #2 at the corner, I tried but it did not work as imagined. I settled on this one instead.
Fonts:
- Univers LT Std (73 Black Extended Oblique, 55 Oblique, 75 Black Oblique, 55 Roman)
- Gill Sans Std (Bold Italic, Shadowed)
Dilatational System
I was unable to figure out a unique composition I can do with my existing technical skills in Indesign. Hence, I at least try to have some variations on the thickness of the words and keep in mind the hierarchy of information by font size.
Fonts:
- Univers LT Std (85 Extra Black Oblique, 85 Extra Black, 67 Bold Condensed, 73 Black Extended, 75 Black Oblique, 57 Condensed)
- Gill Sans Std (Bold)
Random System
The idea came from me wanting to be a bit playful with my design concept. I purposely arranged the words in a way they are falling into a corner and just jumbling up. I limited the design to only one typeface as the focus should be on the idea itself.
Fonts:
- Gill Sans Std (Bold, Regular, Condensed, Light shadowed, Shadowed)
Grid System
The composition was somewhat inspired by how elevators work, one goes up and one goes down. I fixed some minor alignment issues and reduced the font size of am/pm. I was very focused on establishing the grid composition and put less attention to the variation of the font. This design is meant to be a simple one I guess.
Font:
- Univers Lt Std (55 Oblique)
Modular System
The leftmost yellow circle is meant to be out of the canvas to avoid too much symmetry. The larger number of circles on the left part of the canvas is mostly balanced by the big black circle on the right.
Fonts:
- Gill Sans Std (Light, Light Italic, Bold Italic)
- Univers LT Std (75 Black Oblique, 55 Extended Oblique, 45 Light Oblique)
Transitional System
The non-objective element (lines) on the top were removed after Mr Vinod's feedback. The bottom text boxes are not sitting on the lowest guide to avoid everything looking too heavy and 'sinking' at the bottom.
Fonts:
- Serifa Std (55 Roman, 56 Italic)
- Janson Text Lt Std (75 Bold, 55 Roman)
Bilateral System
Playing with shapes and negative space. I am more explorative with the main headline by including different font sizes by words in it.
- ITC Garamond Std (Book Condensed)
- Futura Std (Heavy, Extra Bold Oblique, Bold, Medium)
iv. FINAL SUBMISSION
Task 1: Exercise 1 [Typographic Systems]

Fig 4.2 Final radial system, 8 September 2022

Fig 4.3 Final dilatational system, 8 September 2022

Fig 4.4 Final random system, 8 September 2022

Fig 4.5 Final grid system, 8 September 2022

Fig 4.6 Final transitional system, 8 September 2022

Fig 4.7 Final modular system, 8 September 2022

Fig 4.8 Final bilateral system, 8 September 2022
/>
Fig 4.9 Task 1: Exercise 1 [Typographic Systems] in PDF, 8 September 2022
/>
Fig 4.10 Task 1: Exercise 1 [Typographic Systems] w/ grids and guides in PDF, 8 September 2022
Part 1: Finding Type
i. CHOSEN SUBJECT
I was looking around my house to find objects that I can see patterns of alphabet in. The creases of unironed shirt and the cluttery phone cables that annoys me became inspirations for my chosen subjects.
Traced the alphabets I can see in Adobe Illustrator.
iii. SKETCH & REFERENCE
Decided to go with the top ones (letterforms from the shirt) as there is more room for me to explore and I am usually inclined to like sharper strokes. In the 1st row, I mimic as much as possible the feeling of the original strokes while keeping letter proportion in mind. In the 2nd row, I tried to apply more consistency in the thickness of strokes and make the letters more balanced, especially in T, A and V.
A reference is required in developing our typeface and we are encouraged to choose it out of the 10 provided typefaces. I am going for a sans-serif font and Gill Sans Std seemed like a solid base for my typeface.
iv. DIGITALISATION
Four attempts of digitalisation, without and with guides.
Attempt #1
Followed the original shapes as close as possible while mildly keeping in mind the proportion of letters by taking reference from Gill Sans Std.
Next, I worked on making sure the letters are more well-balanced. Changes on the stem of Y, T, F, the apex of A and the bottom part of V can be seen.
Attempt #3
It lacks a sense of refinement so I tried smoothening out the strokes but also not too much so the letters do not lose their distinguished look. The jagged part on the stem of 'F' was removed.
Attempt #4
However, I still think that more can be done. Thus, I have smoothened the strokes even much more in this attempt. I am careful with the letter V as I do not want it to look like a 'U'. It is very difficult to make the 'Y' look balanced while maintaining its original extracted shape.
v. LETTERFORM EXTRACTION #2
After receiving my feedback, I started from a wobbly place as my extraction was not precise and there are more shapes that could have been extracted. I tried to be more precise this time.
Fig 7.5 Second attempts with guides, 15 September 2022
Attempt #1- #3
Figuring out a proportion that makes sense and removing shapes/ strokes that look too harsh.
Balancing the thickness of strokes and standardising the slant direction of the letters to the right. Further smoothened parts that are too pointy. Made the stem of 'E' almost similar to the stem of 'F' in the last attempt.
Task 1: Exercise 2 [Type & Play]
Fig 8.3 Final type design, 24 September 2022
Fig 8.4 Letter E, 24 September 2022
Fig 8.5 Letter N, 24 September 2022
Fig 8.6 Letter M, 24 September 2022
Fig 8.7 Letter F, 24 September 2022
Fig 8.8 Letter J, 24 September 2022
Fig 8.9 Type showcase, 24 September 2022
/>
Fig 8.10 Final Part 1: Finding Type in PDF, 24 September 2022
Part 2: Type & Image
i. VISUAL RESEARCH
Looking at the possibilities of intertwining text with image.
ii. CHOSEN IMAGES
All photos were taken in Sandakan this year, during Chinese New Year. The lantern can be related to prosperity whereas the other two can be related to the renewal of life, both are themes for the Honours design competition.
Just slamming different typefaces on the images to see whichever suits the context and feeling.
Idea #1
I went with Century Schoolbook (Regular) because it has rounder and slightly thicker strokes which I think suits the shape of the lantern.
I went with Kalam (Regular) as it has a handwriting style that can complement the organic shapes of leaves in the trees.
Idea #3
I went with Century Schoolbook (Regular) because the strokes have a wavy motion to them which I think suit the motion of waves. However, I got a feedback afterwards that it is too decorative.
iv. DEVELOPMENT
Idea #1
I changed the text layer to overlay mode to enable a see-through effect. Then, I used mesh to tweak the shape of the texts to fit the roundness of the lantern. I should have chosen the word 'culture' instead of 'prosperity'.
Idea #2
I tried to explore 3D effects in this idea as well as notice the direction of the light. I only knew afterwards that renewal does not directly mean nature.
This was made with the roughen tool and some parts are erased to create the look of a bush. It was not easy to balance the tone with readability.
I decided to progress with idea #1, change the word and create a shadow for the word to show that the lights are shining through the words embedded in the lantern. Both overlay mode and colour dodge are used in a low percentage amount. The shadow was created using gaussian blur.
v. FINAL SUBMISSION
Task 1: Exercise 2 [Type & Play]
Part 2: Type & Image
/>
FEEDBACK
Week 5 [Ex2: Type & Play- Type & Image]
General feedback
- think if you will use it as wallpaper or not
- for Idea #1, it is not memorable as the context and word interplay are suffering, and the words embedded need more work
General feedback
Specific feedback
- The letter 'J' is a bit disconcerting, the tail needs some refinement
Week 3 [Ex 2: Type & Play- Finding Type]
General feedback
Random- Inclined to accept it and interesting
Grid- Good with exception of the widow on the bottom right text box
Modular- Acceptable
REFLECTION
Experience
FURTHER READING
The usage of a literal circle shape in controlling the hierarchy of the
text placement by placing emphasis and tension to guide the eyes. It adds
an interesting flare to the composition.

Fig 6.2 The circle and composition, 2 September 2022
Comments
Post a Comment