ADVANCE TYPOGRAPHY - Task 2

20/09/2023 - 07/11/2023
Week 3 - Week 11
Lee Jia Rou / 0363293
Advanced Typography / Bachelor of Design (Hons) in Creative Media
Task 2 (A) Key Artwork
Task 2 (B) Collateral

✧✧Contents✧✧  

~Lectures 1 to 4 can be referred in Task 1~
~Lecture5: AdTypo_5_PerceptionAndOrganisation~
~Task 2 (A) / Key Artwork~
~Task 2 (B) / Collateral~
~Feedback~
~Reflections~
~Further Reading~

✧✧Lectures ✧✧

AdTypo_5_Perception & Organisation
Fig 1.1 Contract
Perception 
Addresses the reader's visual navigation and interpretation through contrast, form, and organization of content in Typography.
Fig 1.2 Contract / Size
Fig 1.3 Contrast in Line weight
Fig 1.4 Contrast in Structure
Fig 1.5 Contrast in Direction
Fig 1.6 Contrast in Colour
Contrast/Size
a technique that directs the reader's attention to a specific point.
Fig 1.7 Gestalt theory for organization
Gestalt: Perceptual Organisation/Groupings
Law of Similarity
Law of Proximity
Law of Closure
Law of continuation
Law of Symmetry

✧✧Instructions ✧✧


Task 2 (A) Key Artwork
In this task we need to explore and compose our name or pseudonym with minimum of  4-5 characters to created a wordmark. The final key artwork must be an elegant solution, well balanced and composed, not complicated or confusing that leads to a functional and communicable key artwork. This key artwork will subsequently be used in Task 2(B) collateral.

1.Reference 
Before design a wordmark, I research on Pinterest of what a wordmark look like and also look on the style that I like to start on for my design. On the research I found out that are different between wordmark and monogram. Wordmark visualizes the full brand name but a monogram is a logo composed entirely of letters rather than words. This is a small mistake that I done when found a reference but it not to affect the style I decided to do.

Fig 2.1 wordmark References 
Fig 2.2 font References 
2.Sketches
Before starting to design a wordmark, I try out drawing some sketches with different combination. I created several ideas before deciding on the wordmark design, arranging and refining my work in various combinations to get the ideal outcome.
Fig 2.3 Sketches (Week 4: 19/09/2023)
Fig 2.4 Sketches (Week 4: 21/09/2023)
3.Progress
At first, my wordmark looked bold and unobtrusive. Mr. Vinod gave me some advice on how to make my design better. He advised me that in order to communicate well a message through text design, it must be easily understood and simple. Readability must be given the most importance while creating information. I take care to focus on the font design itself rather than letting excessive typing damage the font arrangement. The balance between readability and personalising is important to my wordmark design. Create the ideal balance between making sure that message is received clearly. So after the first version wordmark, I refine it and sketch the (fig 2.4) wordmark with refer to the simple font that I found which is the font call 'Henri Didot' (fig2.2) and digitalize it in Adobe illustrator.(fig 2.6)The next week, I get feedback that the thin stroke is to thin and can't be see from far away, so some of the stroke I make it thicker and some of it I just remove it.
Fig 2.5 Digitalize 1 (Week 4: 20/09/2023)


Fig 2.6 Digitalize 22 (Week 4: 22/09/2023)
Fig 2.7 Final  (Week 5: 28/09/2023)
Fig 2.8 Final-pdf (Week 5: 28/09/2023)
back to top 
Task 2 (B) / Collateral
In this task, we have to design a t-shirt, lapel pin, an animated key artwork and an Instagram account (or as instructed in class) transforming the key artwork into a brand. Students will work on the animated key artwork first and fine-tune the outcomes before going on to the and other collateral material: t-shirt, lapel pin and finally an Instagram account. 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.
1.Progress
At first, I put my wordmark in the central of the canva to see how to extent the design in to shape or word and I play out with some circular and the word 'A' with different combination. 
Fig 3.1 expand wordmark - out line (Week 6: 03/10/2023)

Fig 3.2 expand wordmark  (Week 6: 03/10/2023)
 
Applying colours :
After finishing the design, I started picking out some color palettes and put it in the collateral.
Fig 3.3 different color palette  (Week 6: 03/10/2023)
Fig 3.4 work in progress (Week 6: 03/10/2023)
Fig 3.5 collateral- business card(Week 7: 09/10/2023)
Fig 3.6 collateral-small cloth bag (Week 7: 09/10/2023)
Fig 3.7 collateral-t-shirt (Week 7: 09/10/2023)
Fig 3.8 Print out-t-shirt (Week 8: 20/10/2023)


Instagram:
Instagram Link @carol_jrl
Fig3.8   Instagram- phone screen (Week8: 18/10/2023)

Fig3.9  Instagram- desktop screen (Week8: 18/10/2023)
Animation: 
 animation wordmark learn 
Fig3.10  wordmark gif work in progress (Week8: 18/10/2023)
Fig3.11  wordmark gif (Week8: 18/10/2023)

Fig3.12  wordmark gif (Week8: 18/10/2023)

Final Submission:
Fig3.13  Final wordmark 1 (Week8: 18/10/2023)

Fig3.14  Final collateral 1 (Week8: 18/10/2023)
Fig3.15  Final wordmark 2 (Week8: 18/10/2023)
Fig3.16  Final collateral 2 (Week8: 18/10/2023)
Fig3.17  Final self portrait (Week8: 18/10/2023)
Fig3.18  Final collateral 3 (Week8: 18/10/2023)
Fig3.19  Final wordmark 3 (Week8: 18/10/2023)
Fig3.20  Final self portrait (Week8: 18/10/2023)
Fig3.21  Final wordmark 4 (Week8: 18/10/2023)

 Fig3.22  Final- pdf (Week8: 18/10/2023)
back to top

✧✧Feedback ✧✧

Week 4
General Feedback: The wordmark need to be easy to read and remarkable.
Specific Feedback :Don't do it to complex, come out with something clear, simple and readable.

Week 5
General Feedback: The thin lines stroke need to be bold to easily distinguish each letter from a distance.

Week 6
General Feedback: Do not scale wordmarks to avoid inconsistent strokes. Palettes must have different color themes to avoid similarities. Expand the identity in different position and compose.

Week 7
General Feedback: Avoid unnecessary duplication. Try out more collaterals.

✧✧Reflections ✧✧
Experience : 
As I've always been interested by the wordmark design, I had no idea where to begin. I first couldn't really figure out how to really represent myself through design, as I found as I looked further into my work. When I began creating, I wasn't even sure what I wanted. After that, you will continuously understand the elements and design ideas of word marks with the lecturer's help.

Observation:
This assignment provides a valuable opportunity for self-discovery and expression of our creative ideas. The use of color to express emotions gives the entire work a different texture and identity.

Findings:
I’ve learned the difference between a wordmark, monogram, and logo design. In this assignment, discovery is important to make a simple yet creative wordmark design even better.

✧✧Further Reading✧✧

The Vignelli Canon



In a Corporate Identity Program enough diversity must be provided to avoid sameness and to increase attention. Too much diversity creates fragmentation - a very common disease of badly designed communication. Visual intensity should not be confused with mere visual impact, as it represents intellectual elegance and is essential to effective design. Therefore, achieving visual power deserves serious attention during the design process.