Advanced Typography: Task 1- Exercises 1 & 2
21/4/25 - 14/5/25 // Week 1 - Week 4
Fig 1.2, First Attempt (23/4/25)
Fig 1.4, Axial First Attempt (26/4/25)
Fig 2.1, Random system final (23/4/25)
Fig 2.2, Bilateral system final (23/4/25)
Fig 2.3, Modular system final (23/4/25)
Chuah Shu En // 0368157
Bachelor of Design (Honors) in Creative Media
Advanced Typography // Task 1: Exercises (Typographic Systems, Type & Play)
Table of Contents
Lectures
Typographic systems goes against the usual vertical-horizontal way of
presenting information and does it in a way that grabs the viewer WHILE still
depending
on communication (hierarchy, legibility, contrast etc.)
on communication (hierarchy, legibility, contrast etc.)
All design is based on a structural system. There are eight major variations;
- Axial
- Radial
- Dilational
- Random
- Grid
- Modular
- Transitional
- Bilateral
Fig 1.0, Typographic systems notes (21/4/25)
Fig 1.1, Typographic systems notes #2 (21/4/25)
Instructions
<iframe
src="https://drive.google.com/file/d/1a18J2Y5__-fb7ZeJafUWLvu-Q3yz3KG6/preview"
width="640" height="480" allow="autoplay"></iframe>
Task
Exercise 1
For this exercise, we had to understand and explore the 8 typographic
systems we learned using the content provided by Mr Vinod. This was my
selection;
"The Design School,
Taylor's University
Russian Constructivism and Graphic Design
Open Public Lectures:
June 24, 2021
Lew Pik Svonn, 9AM-10AM
Ezrena Mohd., 10AM-11AM
Suzy Sulaiman, 11AM-12PM
June 25, 2021
Lim Whay Yin, 9AM-10AM
Fahmi Reza, 10AM-11AM
Manish Acharia, 11AM-12PM
Lecture Theatre 12"
Digitization
As I was digitizing my work, I noticed that I actually forgot the second
half of the title and had to retrace my steps to redo some of my work.
Fig 1.3, Random First Attempt (26/4/25)
For random system, I got feedback from Mr Vinod that it wasn't random
enough, so I searched Pinterest for more references for a better
understanding. Furthermore, there needed to be more balance in my axial
system.
Fig 1.5, Dilatational First Attempt (26/4/25)
For the dilatational typographic system, I had some trouble getting the
circles to look consistent in shape.
Fig 1.6, Transitional First Attempt (26/4/25)
For the transitional system, I was a bit confused on how to get the text to
conform to the wave shape but OpenAI helped me with that.
Final
Fig 1.7, Axial system final (23/4/25)
Fig 1.8, Radial system final (23/4/25)
Fig 1.9, Dilatational system final (23/4/25)
Fig 2.0, Grid system final (23/4/25)
Fig 2.4, Transitional system final (23/4/25)
Fig 2.5, Final typographic systems without grid (23/4/25)
<iframe src="https://drive.google.com/file/d/1gzG6ncOkzeZp3zGTi4Pcks7UY_sWpXM8/preview" width="640" height="480" allow="autoplay"></iframe>Fig 2.6, Final typographic systems with grid (23/4/25)
<iframe src="https://drive.google.com/file/d/1ZRZVuX-NlcEjS0Nl-ovJFErEJKV-5adT/preview" width="640" height="480" allow="autoplay"></iframe>
Fig 2.9, Reference font (3/5/25)
Fig 2.9, Final Poster (15/5/25)
Exercise 2- Type & Play
I decided to pick fire as my image for extraction because I liked how the
swirls allowed letterforms to form.
Final
Fig 2.7, Image and extraction (3/5/25)
Fig 2.8, Extracted letterforms (3/5/25)
Fig 3.0, Outcome (3/5/25)
Fig 2.8, Final Letterforms (4/5/25)
Feedback
Week 1: Mr Vinod introduced the module and assigned our first task.
Week 2: Mr Vinod gave feedback on the class' typographic system
designs.
Personal Feedback- My axial and grid designs needed to be more
balanced and my random design wasn't really random.
Week 3: Mr Vinod reviewed our letterforms and asked us to work on our
poster.
Personal Feedback- My letterforms didn't really communicate the flow
of fire so he suggested to add outlines.
Week 4: Mr Vinod reviewed everyone's posters and also gave us advice
such as keeping equilibrium with our feelings and time management tips.
Reflection
Experience:
Mr Vinod mentioned that people with more organized minds tend to struggle with executing the random typographic system and I definitely resonated with that statement since I did struggle with it. As for the second task, it was a bit challenging trying to communicate what fire looked like through my design but luckily Mr Vinod gave me good feedback and taught me Adobe Illustrator shortcuts to make my life easier.
Mr Vinod mentioned that people with more organized minds tend to struggle with executing the random typographic system and I definitely resonated with that statement since I did struggle with it. As for the second task, it was a bit challenging trying to communicate what fire looked like through my design but luckily Mr Vinod gave me good feedback and taught me Adobe Illustrator shortcuts to make my life easier.
Observation:
There are many different ways to experiment with type formatting. Furthermore, extracting shapes and turning them into letterforms was very interesting.
Findings:
There are many different ways to experiment with type formatting. Furthermore, extracting shapes and turning them into letterforms was very interesting.
Findings:
I learned that there's more to type formatting that just the basic linear formatting, but also unique ways such as the random system or the dilatational system. This inspires me to keep experimenting with how I arrange my text in my own personal work.
Further Reading
Mr Vinod gave us an article to read before starting our finding type
exercise. ( https://kreatifbeats.com/2023/08/06/finding-type-a-novel-typographic-exercise/ )
Finding type can be broken down into six steps;
1. Finding an image
2. Deconstructing an image
3. Identifying letterforms
4. Extracting letterforms
5. Identify a reference
6. Refining letterforms
Comments
Post a Comment