Advanced Typography - Task 2: Key Artwork and Collateral
SHIMANLIN,（0375858)
Advanced Typography / Bachelor of Design (Hons) in Creative Media
Task 2: Key Artwork and Collateral
JUMP LINK
LECTURE
Lecture 5 - AdTypo_5_PerceptionAndOrganisation
- Contrast Creation
Designers use contrast to differentiate information, using methods such as size, weight, and color to guide the reader's eye.
- Gestalt Principles
Laws such as similarity and proximity help to visually organize content, influencing how viewers perceive and interpret the design.
- Typographic Form
Typefaces help create visual impact and memorability through strategic placement and alignment, balancing form and function.
- Directional Contrast
Angles and directions within text create dynamic layouts, enhancing visual interest and engagement.
- Texture in Typography
Combining different sizes and weights can create texture, adding depth and visual appeal to typographic compositions.
- Social Responsibility
Properly organized typography ensures effective knowledge transfer, fulfilling the designer's responsibility to the author and the reader.
- Practice and Application
Understanding theoretical principles requires practical application and continuous learning to perfect design skills.
|
|
|
INSTRUCTIONS
TASK
Task 2A: Key Artwork
For Task 2A we are to design a key artwork, which behaves as a logo and
artwork. We are to use our name/initials. This key artwork will
subsequently be used in Task 2B on various collateral.
- Not necessarily legible
- Artwork made from type
- Explore options - compositions etc
- Almost monogram-ish
- Certain level of simplicity
- Elegant solution, visual communication
- Artwork needs to be scalable
Week 5
Ideation
Fig. 1.0 Inspiration sourced from Pinterest
Mindmap
Fig. 1.1 About Me Mindmap(18/5/2025)
I plan to make my alias SHIRAE
I want to make a theme related to childishness, because I think I am a
very childish person.
Digitalization
Fig. 1.2 Version 1 Attempt(22/5/2025)
Fig. 1.3 Version 2 Attempt(23/5/2025)
Week 6
To make the font look more childlike, I rounded each corner and added
butterflies to make it look cuter.
Fig . 2.1 Modify the font(29/5/2025)
After final revision ：
Fig . 2.1 Final enhanced wordmark after feedback
corrections(29/5/2025)
Fig. 2.0 Corrected enhanced wordmark after feedback，color (29/5/2025)
To create a GIF animated wordmark ：
Fig 2.1 Screen capture of the process of making a wordmark GIF frame
(30/5/2025)
Final result ：
|
|
Fig 2.2 GIF (30/5/2025) |
FINAL TASK 2A - KEY ARTWORK:
All JPEG Sizes: 1080px x 1350 px, 300ppi, Portrait (New IG post
size)
Fig. 3.1 Final Key Artwork, Black on White Background(29/5/2025)
Fig. 3.3 Final Colour Palette (29/5/2025)
Fig. 3.4 Final Wordmark in actual colours on lightest shade of
colour palette (29/5/2025)
Fig. 3.5 Another color combination (29/5/2025)
Fig. 3.6 Final Wordmark animated GIF, square(30/5/2025)
Fig. 3.7 Final Task 2A Compilation, PDF(30/5/2025)
Task 2B：Collateral
- Design 3 collaterals of any 3 objects with out wordmark and design
on it, and a GIF an animated key artwork and an Instagram account,
transforming the key artwork into a brand. The output must result
from in-depth exploration and must communicate both visually and
textually the desired message and mood set by the key artwork and
its function.
- Collateral: Animated Key Artwork (1080px x 1359 px, 300ppi ,
height and width; Gif format)
Week 7
I enlarged the butterfly that was originally hidden in the letters
and tried to make it into an icon.
Fig. 4.0 Butterfly icon (1/6/2025)
I also tried making an emoji with the letter A upside down, which I
thought looked funny.
Fig. 4.1 Emoticon icon (1/6/2025)
In addition, I also made an icon full. I think this kind of logo is
very versatile and beautiful. In order to make it look not monotonous,
I used three colors.
Fig. 4.2 Full Icon (1/6/2025)
Fig. 4.2 All produced (1/6/2025)
FINAL TASK 2B - KEY COLLATERAL:
Instagram Link:
Fig. 4.3 Final Collateral IG Posts Screenshot(4/6/2025)
All JPEG Sizes: 1080px x 1350 px, 300ppi
Fig. 5.0 Final Collateral Portrait Photo JPG(4/6/2025)
Fig. 5.1 Final Collateral wordmark 1 JPG(4/6/2025)
Fig. 5.2 Full icon JPG (4/6/2025)
Fig. 5.3 Final Collateral 1 (4/6/2025)
Fig. 5.4 Emoticon icon (4/6/2025)
Fig. 5.5 Final color(4/6/2025)
Fig. 5.6 Final Collateral 2 (4/6/2025)
Fig. 5.7 Final Collateral 3 (4/6/2025)
Fig. 5.8 Final Collateral wordmark 2 JPG(4/6/2025)
Fig. 5.9 Final 2B, Collaterals Compiled, PDF(4/6/2025)
FEEDBACK
Week 5
- General feedback : In this week, Mr. Vinod reviewed our assignments.
- Specific feedback : Mr. Vinod said that I have done too little content and need to do more.
Week 6
- General feedback: Mr. Vinod commented on our work and stressed that the design should not be too complicated.
- Specific feedback: He suggested that I simplify the logo to make the design more concise and clear.
Week 7
- General feedback: He suggested that we try to expand the logo design to increase diversity.
- Specific feedback: Mr. Vinod said that my promotional pictures and animated pictures are well done, and the visual effects are also OK.
Week 8
- General feedback: Task 2 is coming to an end this week.
- Specific feedback: Mr. Vinod said that my IG is generally good, and the visual expression is also OK.
REFLECTIONS
Experience
Overall, this task has become the most fulfilling learning experience of
this semester. The task not only gave me the opportunity to practice the
knowledge of font design I learned, but also allowed me to find a way to
express myself. Incorporating personal style into design and then
expanding it through practical application is both challenging and
interesting.
At first, I did feel a little confused and unsure how to accurately
express my personality through visual language. Fortunately, in the
communication with Mr. Vinod and my classmates, I received a lot of
valuable advice and gradually clarified the direction. Compared with the
previous tasks, I feel that we have more creative freedom this time,
which also makes me more engaged.
Observation
In the process of designing the flyer, I gradually realized that simply
repeating the core wordmark cannot form an interesting visual effect.
The key to making the overall work more layered and attractive is how to
extend the main design creatively. By disassembling elements from the
wordmark and recombining or deriving new forms, the entire visual system
can be more vital and changeable.
Discoverie
This assignment made me realize that designing a meaningful wordmark is
much more complicated than I thought. It not only requires a unique
form, but also must effectively convey the brand image. I gradually
realized that there must be clear concepts and thinking behind an
excellent brand design.
FURTHER READING
Fig. 6.1 Paula Scher designs for New York's Atlantic Theater Company
(week 6)
Fig. 6.2 Arts & Culture (week 6)
Pentagram's "Arts & Culture" section showcases a diverse array of design
projects that intersect with the arts, culture, and public engagement. This
portfolio highlights the studio's commitment to creating impactful visual
identities and campaigns for cultural institutions, festivals, and artistic
initiatives.
Comments
Post a Comment