ADVANCED TYPOGRAPHY/ TASK 2: KEY ARTWORK AND COLLATERAL
.jpg)
13.09.2023 - 18.10.2023 (Week 03 - Week 08)
TAN JIE YING / 0353959 / BACHELOR IN DESIGN OF CREATIVE MEDIA
ADVANCED TYPOGRAPHY
TASK 2 / KEY ARTWORK AND COLLATERAL
JUMP LINK
Task 2
INSTRUCTIONS
Mood Board
.jpg)
| Figure 1.1 Mood board (17.09.23) |
Sketches
I decided to use my name "Jie Ying".
.jpeg)
Figure 2.1 Sketches (18.09.23)
After getting feedback from Mr. Vinod, I realized that my wordmark was meaningless and lacked craft.
In the following sketch, I substituted "Tan Jie" for "Jie Ying" and directed my efforts toward creating a signature-style appearance. During the sketching process, I discovered an interesting connection between the letters T and J, which brought to mind the mathematical symbol Pi (π). This symbol resonates with me because it is a subject that I love to hate。
.jpeg)
Figure 2.2 Sketches (20.09.23)
Finally, I came out with my favorite ones.
.jpeg)
Digitalization
.jpeg)
Figure 2.3 Tanjie (20.09.23)
Digitalization
I traced out the sketch workmark.
Figure 3.1 Tracing (20.09.23)
Based on the chosen sketch, I tried a few types of design.
Figure 3.2 Trail outs (20.09.23)
I presented my trials to Mr. Vinod. Following our discussion, I made the decision to concentrate on the original wordmark design, with a minor adjustment to the angle for refinement.
Figure 3.3 Trailouts (20.09.23)
Just like the number or symbol in the calculator.
Figure 4.1 First Attempt (27.09.23)
Following the instruction of Ms. Vinod:
- Create a landcape A4 artbord.
- Place the wordmark inside a big square on the left.
- Place the wordmark inside a 15mmx15mm square on the right top.
- Online search for a model who is wearing a black T-shirt, and place the wordmark on the T-shirt.
- Print and present.
Figure 4.2 Printed wordmark 01 (27.09.23)
Based on the feedback, I have adjusted the stroke and the space within the letter to make it more readable.
Figure 4.3 Printed wordmark 02 (27.09.23)
Final Key Artwork
Figure 5.1 Final key artwork (29.09.23)
Figure 5.2 Final key artwork pdf
Task 2B: Collateral
In task 2B, our task is to make an animated key artwork, design three collateral, and create a new Instagram account.
Color Pallete
Figure 6.1 Chosen color pallete
3 Collaterals
Figure 6.2 Mockup progress
Key artwork designs and collaterals after receiving feedback.
.jpg)
Figure 6.3 Progress
%20(1).jpg)
Figure 6.4 Progress
Instagram Page
My concept was to connect the posts together and form a direction within it.
Figure 7.1 Self-portrait
Figure 7.1 First attempt (09.10.23)
The collateral background doesn't fit the theme.
I decided to use more tiles to separate the color, but it ended up too much. So I went back to 9 tiles.
Figure 7.2 IG pg progress
Animated Key Artwork
My key artwork draws its inspiration from the world of mathematics. In the realm of secondary education, calculators are our trusty companions for solving mathematical equations. My concept was entering the number on the calculator.
Figure 8.1 Gif progress (18.10.23)
Attempt
Figure 8.2 Attempt 01 (18.10.23)
After receiving the feedback, I slowed down the time and added more waiting frames in the last part.
Final Key Artwork & Collateral
Figure 9.1 Final key artwork- b&w (29.09.23)
Figure 9.1 Final key artwork- b&w (29.09.23)
Figure 9.3 Final key artwork 01 (29.09.23)
Figure 9.4 Final key artwork 02 (29.09.23)
Figure 9.5 Final key artwork 03 (29.09.23)
Figure 9.6 Final key artwork 04 (29.09.23)
| Figure 9.7 Final collaterals 02 (15.10.23) |
Figure 9.8 Final collaterals 02 (15.10.23)
Figure 9.9 Final collaterals 03 (15.10.23)
Final Animated Key Artwork
Figure 7.3 Final animated key artwork (18.10.23)
Final IG Page
Click here to view
Figure 9.1 Final Instagram Page (18.10.23)
Figure 9.2 Instagram post 01 (18.10.23)
Figure 9.3 Instagram post 02 (18.10.23)
Figure 9.4 Instagram post 03 (18.10.23)
Figure 9.5 Instagram post 04 (18.10.23)
Figure 9.6 Instagram post 05 (18.10.23)
Figure 9.7 Instagram post 06 (18.10.23)
Figure 9.8 Instagram post 07 (18.10.23)
Figure 9.9 Instagram post 08 (18.10.23)
Figure 9.10 Instagram post 09 (18.10.23)
FEEDBACKS
Week 4
General Feedback: It is meaningless and lack of craft.
Specific Feedback: Need to be representative. The stroke can be thin to thicker or remain the same. Must be consistent.
Week 5
General Feedback: Can't read it clearly.
Specific Feedback: Make the space the same width as the stroke.
Week 6
General feedback: Can't distort the word mark.
Specific feedback: A bit messy. Adjust the empty space length to be the same as the stroke.
Week 7
General feedback: Overall is okay
Specific feedback: Can see that you are trying to connect them. Change the background of the mock-up if it doesn't fit.
Week 8
Independent learning week no class. Do a proposal or trail of task 3.
REFLECTIONS
Experience
I experienced exhaustion throughout the entire journey of this task. It demanded an immense amount of concentration and mental effort from me to ensure the coherence and consistency of my wordmarks, final design, and color choices.
Observation
Crafting a wordmark that truly encapsulates a personal or brand identity is a substantial endeavor. Whether it's for a modest or substantial entity, a straightforward or intricate design, it must possess a deep significance, instantly recognizable by people. Furthermore, formatting Instagram posts presents its own set of challenges. Skillful use of colors and strategic links to different image sections can enhance the overall aesthetic appeal of the design.
Findings
Through constant observation and meticulous revision of a series of processes from product creation to media integration, I successfully created an online store account that resonated with my audience. Participating in these assignments prompted me to scrutinize other Instagram posts, promotional materials, and wordmarks, and expand my design ideas.
FURTHER READINGS
 |
This book delves into the exploration of eight distinct typographic systems: Arial, Radial, Dilatational, Random, Grid, Modular, Transitional, and Bilateral.
Figure 10.2 Examples
It offers a comprehensive understanding of these systems through clear explanations and numerous visual illustrations.
Figure 10.3 Axial system
The book effectively demonstrates how these typographic systems work in practice by showcasing various printing techniques and examples. By engaging with the content and studying the provided examples, readers can swiftly grasp the core concepts and organizational principles of these diverse typographic systems.
.jpg)
.jpg)
Comments
Post a Comment