1.9.2023 - 21.9.2023 (Week 1 - Week 4）
SongYang /0355576/Bachelor of Design (Honours) in Creative Media
Advanced Typography
Task 1 - EXERCISE 1 & 2
INSTRUCTIONS
LECTURE
Week 1
In the first week we were tasked with completing 8 different types of typesetting, and our Mr.Vinod recorded a video for us to help us understand the assignment. In the video, the teacher explained 8 different types of typography to us, and we also saw some excellent works. This knowledge gave me a better understanding of the task and inspired me with some new ideas
 |
1.1 Typography Systems
- Axial Systems：all elements are organised to the left or right of a single axis
- Radial System: All elements are extended from a point of focus
- Dilatational System: All elements expand from a central point in a circular fashion
- Random System: Elements appear to have no specific patten or relationship
- Grid System: A system of vertical and horizontal divisions
- Transitional system: An informal system of layered banding
- Modular System: A series of non-objective elements that are constructed in as a standardised units.
- Bilateral System: All text is arranged symmetrically on a single axis
Many designers focus primarily on the grid system for design and are unaware of the potential that other systems hold. An understanding of the systems organisation process allows the designer to break free from the "rigid horizontal and vertical grid systems of letter press". It allows designers to use more fluid means to create typographic messages.
Week 2 Typographic Composition
1) Principles of Design Composition: Emphasis, Isolation, Repetition, Symmetry and Asymmetry, Alignment and Perspective.
2) The Rule of Thirds: Photographic guide to composition. A frame that can be divided into 3 columns and 3 rows, intersecting lines are used as guide to place points of interest.
3) Environmental Grid: Based on the exploration of an existing structure or numerous structures combined. An extraction of crucial lines both curved and straight are formed. Designer then organizes his information around the super-structure, which includes non-objective elements to create a unique and exciting mixture of texture and visual stimuli.
4) Form and Movement: Based on the exploration of an existing Grid System. To explore the multitude of options the grid offer, to dispel the seriousness surrounding the application of the grid system, and to see the turning of pages in a book as a slowed-down animation in the form that constitutes the placement of image, text and colour.
1) Principles of Design Composition: Emphasis, Isolation, Repetition, Symmetry and Asymmetry, Alignment and Perspective.
2) The Rule of Thirds: Photographic guide to composition. A frame that can be divided into 3 columns and 3 rows, intersecting lines are used as guide to place points of interest.
3) Environmental Grid: Based on the exploration of an existing structure or numerous structures combined. An extraction of crucial lines both curved and straight are formed. Designer then organizes his information around the super-structure, which includes non-objective elements to create a unique and exciting mixture of texture and visual stimuli.
4) Form and Movement: Based on the exploration of an existing Grid System. To explore the multitude of options the grid offer, to dispel the seriousness surrounding the application of the grid system, and to see the turning of pages in a book as a slowed-down animation in the form that constitutes the placement of image, text and colour.
Task 1
Task 1: Exercise 1- Typographic Systems
In this first exercise, we are to explore the 8 typographic systems learned from our first lecture which includes: Axial, Radial, Dilatational, Random, Grid, Transitional, Modular and Bilateral. The content that we have to include is given in the MIB and we have to pick one out of the 3 titles provided.
- Size 200 x 200mm
- Mainly black colour with an additional colour
- Minor graphic elements such as lines and dots
Week 1 Progress
1) Axial System
 |
Fig. 1.1 Axial system |
After watching the lecture and reading the book on typographic systems, I found axial system to be the most straightforward one out of all 8 systems. However, there were still some complications as to keeping the text balanced on both sides of the axis.
2) Radial system
 |
Fig. 1.2 Radial system |
3) Dilatational system
 |
Fig. 1.3 Dilatational system |
While doing dilatational system, I learned that we could make a circle and type on the path. At first I struggled with it because my text kept disappearing, but after trying a few more times, I got it solved. On the left, I wanted to attempt the concept of a dandelion whereby the information detaches from the main body and flows out.
4) Random system
 |
Fig. 1.4 Random system |
For random system, I really tried to make it as chaotic as possible but still keeping some sort of order in it. I used almost all the 10 typefaces given and tried to make it look so bizarre yet interesting enough to make people want to read it.
5) Grid system
 |
Fig. 1.5 Grid system |
Surprisingly, grid system was one of the more difficult systems for me. Since there is also a modular system, I was worried that I would mix the both of them up. For this system, I made use of the rows and columns in InDesign so that it could guide my eyes and layout to look like it follows the grid system.
6) Transitional system
 |
Fig. 1.6 Transitional system |
For transitional system, I understood it to be layered information so I tried to layer all my text so that some of them are really close together but still readable.
7) Modular system
Fig. 1.7 Modular system
After watching the tutorial for modular system, it was quite clear to me how I should structure my information. I had to use boxes for the layout on the right because without it, it might look like grid system.
8) Bilateral system
 |
Fig. 1.8 Bilateral system |
After Feedback on Week 2
 |
Fig. 2.1 Grid system |
The feedback Mr.Vinod gave me was that the size of the grid should be kept evenly distributed, rather than some being big and some being small.
The feedback Mr. Vinod gave me was that the design of this poster did not meet the requirements of the module system. I needed to re-watch the lecture video to clarify what a module system poster is.
The feedback Mr. Vinod gave me is that the poster design of this random system can be designed to be more random. All fonts are horizontal, and some slanted fonts can be added to show a sense of randomness.
Fig 3.8 Final Grid system
Task 1: Exercise 2- Type and Play
 |
| Fig. 2.2 Modular system |
The feedback Mr. Vinod gave me was that the design of this poster did not meet the requirements of the module system. I needed to re-watch the lecture video to clarify what a module system poster is.
 |
| Fig. 2.3 Random system |
The feedback Mr. Vinod gave me is that the poster design of this random system can be designed to be more random. All fonts are horizontal, and some slanted fonts can be added to show a sense of randomness.
Final Task 1 - Exercise 1: Typographic Systems
 |
Fig. 3.1 Final Axial System |
 |
| Fig. 3.2 Final Dilatational System |
 |
Fig. 3.3 Final Transitional System |
 |
Fig. 3.4 Final Radial system |
 |
| Fig. 3.5 Final Bilateral System |
 |
Fig 3.6 Final Random system |
 |
Fig 3.7 Final Modular system |
 |
Part 1: Finding Type
We are tasked to select images between man-made objects, structures and nature to analyse, dissect and identify potential letterforms within the dissected image. The forms will then be explored and digitized.
- Uppercase or lowercase only
- Choose reference from the 10 typefaces provided
1) Chosen image
.jpeg) |
Fig. 4.1 Chosen image - stone Mr. Vinod told me not to use the gaps in the stones to extract letters, but to try to use the stones to form different letters.  Fig 4.2: Extracted letter forms |
 |
Fig 4.3: Stages of refinement |
 |
Fig 4.4 Reference font |
 |
Fig 4.5 Adobe Illustrator workspace |
Poster attempts
 |
Fig 4.6 First poster attempt |
After the first try I was not satisfied with the occlusion effect of the letter "Y"
 |
Fig 4.7 The occlusion effect of the letter "Y" |
I want to try to make the letter "Y" hide behind the stone, so that the stone in front blocks part of the letter "Y".
 |
Fig 4.8 Effect diagram |
 |
Fig 4.9 Final Poster |
FEEDBACK
week 1: One part of axial's poster design does not follow the path.
week 2: 1.bilateral poster design is wrong, "4" should not correspond to "5".
2. The design of random poster is not random enough, it can be more random.
3. The red curve of the transition poster can be omitted.
4.modular poster needs to be improved.
week 3: The shape of the font should be determined by the shape of the stone, not the shape of the gaps in the stone. The choices of letters "B" and "D" are not appropriate and a more suitable shape should be found to summarize the shape of the letters.
week 4: The film cover should be watermarked, and the font color is too close to the poster color to highlight the font.
REFLECTION
Experience: In this week's study, I learned how to combine fonts. In using adobe illustrator, I found that as long as the basic shape remains unchanged, I can try to express the details and personality of the font, and combine the two to get a new and creative font.
Observations: In this week's study I carefully observed and studied the details on the pictures, I analyzed every line contained in the font, which made me more familiar with the font and allowed me to better integrate with it
Finding: After the teacher's comments, I had a clearer understanding of what I had learned this week. I learned that I need to enlarge the details in the font, because if the details in the font are too small, then when the font is enlarged the details in the font will not be visible. I also realized in other students' works that it is very important to keep the characteristics of the font itself. I am also learning to feel my progress
Comments
Post a Comment