Table of Contents
Advanced Typography Task 2 Key Artwork & Collateral
Lectures
Perception and Organisation
Figure 1.1 Lecture AdTypo_5_Perception and Organisation. (Week 5
22/05/25)
Instructions
Module Information Booklet
Figure 2.1 Module Information Booklet. (Week 1 22/04/25)
Exercises
Key Artwork
Process Work
Task 2 Exercise 1: Key Artwork
1. Gather Information of what you interest
2. Extract letters from image
3. Create a word mark with first name
4. Find a colour palette through Colour Hunt
ദ്ദി(｡•̀ ,<)~✩‧₊ Mindmap
Figure 3.1.1 Mind Map About Me. (Week 5 27/05/25)
This mind map displays my hobbies, with a particular emphasis on
games, dance, and music. These components gave me the idea to create
a delicate, flowing wordmark.
Exercises
Key Artwork
Process Work
Task 2 Exercise 1: Key Artwork
1. Gather Information of what you interest
2. Extract letters from image
3. Create a word mark with first name
4. Find a colour palette through Colour Hunt
ദ്ദി(｡•̀ ,<)~✩‧₊ Mindmap
This mind map displays my hobbies, with a particular emphasis on games, dance, and music. These components gave me the idea to create a delicate, flowing wordmark.
References
Moodbaord
%20copy.png)
･ﾟﾟ･(×_×)･ﾟﾟ･ Sketches
Figure 3.1.5 Sketches #2. (Week 6 03/06/25)
I began sketching the wordmark in a variety of styles using
the mind map and sketches. The first and second fonts are the
fonts that are referenced in the second image. I then
developed the typeface using the keywords "music," "strive,"
and "love," but Mr. Vinod told me there were too many
elements, so I continued to work on music.
I began sketching the wordmark in a variety of styles using the mind map and sketches. The first and second fonts are the fonts that are referenced in the second image. I then developed the typeface using the keywords "music," "strive," and "love," but Mr. Vinod told me there were too many elements, so I continued to work on music.
This is a test colour scheme for the initial word
mark.
This is a test colour scheme for the initial word mark.
Figure 3.1.6 Initial Work Mark with Test Colour
Scheme. (Week 6 03/06/25)
(＼（✘෴✘）／) Develop
Figure 3.1.7 Wordmark Develop Process #1. (Week 7
09/06/25)
Figure 3.1.8 Work Mark #1 with Test
Colour Scheme. (Week 7 10/06/25)
Using cursive with musical melody elements in music
notes, this word font was created based on my passion
for ballet and music. It appears to be a sophisticated
and graceful key wordmark. For the e and y, I used the
shape and angle of the music notes. I then added music
notes to certain letters in a few more iterations. Its
main objective is to use this word mark to convey my
first name, Emily, and my passion for music.
Figure 3.1.9 Work Mark Develop Process #2. (Week 7
12/06/25)
However, I feel that it’s not interesting enough and a bit
thin and plain for a wordmark. Thus, I designed another
version by thickening the previous design and trying
different angles.
Figure 3.1.10 Work Mark Develop Process#3. (Week 7
13/06/25)
I began creating the word mark in a variety of styles
using the mind map and sketches. The reference fonts were
the first and second typeface. I then developed the
typeface using the keywords "music," "strive," and "love,"
but Mr. Vinod told me there were too many elements, so I
continued to focus on music.
Figure 3.1.11 Test Colour Scheme. (Week 7 13/06/25)
Figure 3.1.8 Work Mark #1 with Test Colour Scheme. (Week 7 10/06/25)
Using cursive with musical melody elements in music notes, this word font was created based on my passion for ballet and music. It appears to be a sophisticated and graceful key wordmark. For the e and y, I used the shape and angle of the music notes. I then added music notes to certain letters in a few more iterations. Its main objective is to use this word mark to convey my first name, Emily, and my passion for music.
However, I feel that it’s not interesting enough and a bit thin and plain for a wordmark. Thus, I designed another version by thickening the previous design and trying different angles.
I began creating the word mark in a variety of styles using the mind map and sketches. The reference fonts were the first and second typeface. I then developed the typeface using the keywords "music," "strive," and "love," but Mr. Vinod told me there were too many elements, so I continued to focus on music.
Figure 3.1.11 Test Colour Scheme. (Week 7 13/06/25)
Figure 3.1.12 Final Work Mark with Test Colour Scheme. (Week 7 13/06/25)
Animation
Figure 3.1.13 Previous Work Mark Animation. (Week 8 17/06/25)
I made this animation for my very first wordmark design. I represented playing a musical instrument with straight lines, such plucking the strings or pulling the bow. The emotion I wanted to portray with the animation is reflected in the purple hues I used to create a sense of grace and elegance.
Figure 3.1.14 Work Mark with Animation #1. (Week 8 17/06/25) 
Figure 3.1.15 Work Mark with Animation #2. (Week 8 17/06/25)
After making changes to my wordmark design, I remade the animation to fit its updated, light-hearted aesthetic. I wanted to demonstrate how the melody "awakens" the revised wordmark, which now has blue and yellow hues. The letters bounce as the music progresses, eventually becoming the entire wordmark. In response, the music note icon enlarges and turns yellow, highlighting the vibrant and vivacious atmosphere.
⁽⁽`o(≧ᗜ≦)o´⁾⁾ Final Outcome
Figure 3.1.16 Black Wordmark on White Background - JPEG. (Week 8 17/06/25)
Figure 3.1.17 White Wordmark on Black Background - JPEG. (Week 8 17/06/25)
Figure 3.1.18 Colour palette - JPEG. (Week 8 17/06/25)
Figure 3.1.19 Wordmark in Actual Colours on Lightest Shade of Colour Palette - JPEG. (Week 8 17/06/25)
Figure 3.1.20 Wordmark in Lightest Shade of Colour Palette on Darkest Shade of Colour Palette - JPEG. (Week 8 17/06/25)
Figure 3.1.21 Task 2(A) Key Artwork - PDF. (Week 8 17/06/25)
Figure 3.1.22 Wordmark Animation - GIF. (Week 8 17/06/25)
Collateral
Process Work
Task 2 Exercise 2: Collateral
1. Design 3 products
2. Create an animation key artwork
3. Place into an Instagram account
Design 3 Products
%20copy.png)
Figure 3.2.1 Collateral #1 - JPEG. (Week 8 17/06/25)
.png)
Figure 3.2.2 Collateral #2 - JPEG. (Week 8 17/06/25)
Figure 3.2.3 Collateral #3 - JPEG. (Week 8 17/06/25)
Figure 3.2.4 Collateral #4 - JPEG. (Week 8 17/06/25)
My personal passion for music served as the inspiration for my wordmark design, so I looked into how it might be used on a variety of goods, including T-shirts, CDs, stickers, and tote bags. The wordmark is shown on the T-shirt in a manner similar to a sticker applied to fabric. As supporting elements, I used the wordmark for the music album along with extra text like "Musical Album" and "Emily Record." Among the various designs in the sticker package are one with the wordmark and a dotted pattern on top, another with music notes and the words "Musical Album" encircling them in a circle, and a last packet with whimsical blue and yellow music notes. The tote bag's design is kept simple, with just the wordmark and the words "Musical Album" displayed in the lower left corner. The T-shirt, in my opinion, didn't precisely match the Instagram design's final overall element combination, which included the wordmark, pattern, colour scheme, and animation. As a result, I made the decision to use the sticker and music album designs instead.
⁽⁽`o(≧ᗜ≦)o´⁾⁾ Final Outcome
Figure 3.2.5 Collateral #5 - JPEG. (Week 8 17/06/25)
Figure 3.2.6 Collateral #6 - JPEG. (Week 8 17/06/25)
Figure 3.2.8 Collateral #8 - JPEG. (Week 8 17/06/25)
Figure 3.2.6 Task 2(B) Key Artwork and Collateral - PDF. (Week 8 17/06/25)
Figure 3.2.7 IG Featuring 9 Tiles - JPEG. (Week 8 17/06/25)
IG Link: https://www.instagram.com/emily_by_mily?utm_source=ig_web_button_share_sheet&igsh=ZDNlZDc0MzIxNw==
Further Reading
Vignelli Canon on Design
Sequence
.png)
Figure 4.1.1 Vignelli Canon on Design #Sequence. (Week 7
13/06/25)
Sequential Importance: The next important stage in publishing design is organising the layout sequence after choosing the photos.
Cinematic Experience: Books, magazines, brochures, tabloids, and other publications are viewed as cinematic objects, and turning pages enhances the reading experience. It combines both dynamic (page-to-page flow) and static (specific spreads) storytelling.
Layout Philosophy:
1. Prefer layouts that are
strong but unnoticeable.
2. Steer clear of "limpy"
layouts with haphazardly placed graphics and uneven
bleeds.
3. An effective layout should not be
conspicuous; excessive visibility is a hallmark of poor design.
Preferred Format:
1. A full-bleed image next to a text
page.
2. Followed by a spread of full-bleed
images.
3. A small image on a
white sheet with a full-bleed image.
Variety and Simplicity: To prevent repetition, a straight forward sequence is best expressed with variance. The nature of the newspaper will dictate the best approach, but generally speaking, neutral layouts are preferable to aggressive ones.
Colour
Figure 4.1.2 Vignelli Canon on Design #Colour. (Week 7 15/06/25)
Functional Use: Rather than being used for aesthetic or ornamental purposes, colour is mainly employed as a signifier or an identifier.
Primary Preference: For clarity and symbolism, a limited colour scheme of red, blue, and yellow is preferred.
Corporate Identity: Alongside components like logotypes and morphotypes, colour serves as a crucial identifier (chromotype) in branding.
Emotional Range: Depending on the purpose, the entire colour spectrum—from vibrant primaries to delicate pastels, black and white, or earth tones—is used to communicate mood, emotion, and context.
Core Principle: Effective communication and clarity are the objectives, just like with typography. A key rule is to use the appropriate colour at the appropriate moment.
Typography Basics
Line Heading for Headlines and Subheads
Figure 4.2.1 Typography Basics #Line Heading for Headlines and
Subheads. (Week 7 16/06/25)
Two Methods:
1. Percentage-Based (auto Leading): Line spacing is set as a
percentage of type size (e.g., 120%) using the percentage-based
(auto leading) method. It is not advised because it can make them
appear too dispersed, especially for large writing like
headlines.
2. Exact Value (Set Amount): Increases the type size by a
predetermined amount (e.g., 24pt type with 28pt leading). preferred
technique for precise, regulated spacing.
The best method is use the precise procedure for all line spacing
when in doubt. This guarantees improved hierarchy and visual
coherence, particularly in headlines and subheadings.
Figure 4.2.1 Typography Basics #Line Heading for Headlines and Subheads. (Week 7 16/06/25)
Two Methods:
1. Percentage-Based (auto Leading): Line spacing is set as a percentage of type size (e.g., 120%) using the percentage-based (auto leading) method. It is not advised because it can make them appear too dispersed, especially for large writing like headlines.
2. Exact Value (Set Amount): Increases the type size by a predetermined amount (e.g., 24pt type with 28pt leading). preferred technique for precise, regulated spacing.
The best method is use the precise procedure for all line spacing when in doubt. This guarantees improved hierarchy and visual coherence, particularly in headlines and subheadings.
Identifying and Selecting a Font
Figure 4.2.1 Typography Basics #Identifying and Selecting a Font. (Week 7 16/06/25)
Readability is enhanced by fonts with a large x-height and well-designed ascenders and descenders, which make lowercase letters seem more balanced and clear. Traditional typesetting, which kept capital characters in uppercase and minuscule letters in lowercase, is where the phrases "uppercase" and "lowercase" originate.
Feedbacks
General Feedbacks (Week 6)
Don't want messy work, need to be clean, keywords in 7pt.
Specific Feedbacks (Week 7)
Not working, too much ingredients.
General Feedbacks (Week 8)
Reflections
Experience
I learnt a lot about making a wordmark from this task. Making a wordmark about ourselves is the goal of the first exercise. Before moving on to our wordmark, we begin by mind mapping our interests and pastimes. After that, we increase our wordmark's specialism to produce a gif based on it. Working on the project and investigating various wordmarks taught me a lot. The second assignment focusses on IG design and collateral. After locating three products, we set up an Instagram account and upload them. I have placed my wordmark on the product called Unblast using a helpful website.
Comments
Post a Comment