ADVANCED TYPOGRAPHY TASK 3: Type Expression and Application
|| 24/09/24-24/12/24
|| Sun Jia Yi / 0370449
|| Typography / Bachelor of Design (Hons) in Creative Media
|| Task 3: Type Expression and Application
TABLE OF CONTENTS
1. Lectures
2. Instructions
3.Process Work
4. Feedback
5. Reflection
6. Further Reading
INSTRUCTIONS
There is the Module Information Booklet for this
Module:
Module information
Booklet
Task 3: Type Application and Exploration
- Ideas
- Research
- Process
-Color Palette
-Fontlab
- Final letterform
- Font Presentation
- Font Application
- Final Submission
Task 3- Type Expression and Application
Ideas
1. Lalaland
2. Harry Potter
3. Smile
Ideas Slides, week 10
.png)
Figure 1.2: Uppercase Sketch , Week 10(15 Oct)
Digitization
And then I make some changes to my letterforms. Here is my
adjustments.
1. Uppercase Letters
Kerning
Finally, I did the kerning to the letterforms were
relevant according to the table provided by Mr
Vinod.
Font Presentation
Cuz the font style and structure, I choose the black and white to present my font presentation.
In my first page, I showed my letterforms name called
Modular typeface.
In my Second page, I showed the concept about the fonts
and how it is inspired.
With these two pages, I showed the all letterforms and
specially showed the uppercase letterforms to present my fonts
style.
Final Choice: Lalaland
Research/ Collecting References
After some research, I wanted to design a sans-serif font with
asymmetrical left and right sides, similar to Yasashii's font.
.png)
Figure 1.1: Reference , Week 10(15 Oct)
Sketches
Below is my initial letterform design, I did a digital rough
sketch of the uppercase letterforms.
Rough Digitization
Once the sketch was complete, I imported the sketch into Adobe
Illustrator to digitize it. I first set up a fixed-size rectangle,
then created a reverse shape with the Pen tool and merged it with
the Pathfinder tool.
Figure 1.3: Digitized uppercase (Attempt #1) , Week 10(15
Oct)
Feedback and Adjustments
During the Week 10 feedback session, Mr. Vinod commented that
the angle of the diagonal axis of the counter shapes is not
consistent. Some of the letters also needed to be made more
readable.
In response, Mr. Vinod showed us how to create a grid structure
so that we could create each letter shape in a consistent state.
Below is the grid structure I created:
Figure 1.4: grid structure , Week 10(15 Oct)
Figure 1.5: Before and after adjustment, Week 10(15 Oct)
The process was repeated for each letter shape, with different subtle
changes depending on the countershape space needed for each letter.
After completing the placement of the countershape strokes, I used the
Pathfinder Tool > Merge Tool to merge them together to form a
closed shape, which was finalized by rounding the corners.
Figure 1.6: Outline view, Week 11(15 Oct)
Figure 1.7: After pathfinder, Week 11(15 Oct)
2. Lowercase Letters
Figure 1.8: Outline view, Week 11(15 Oct)
3. Numerals & Punctuations
Punctuation and numbers are created similarly to the letter
types mentioned above.
Initially, I maintained the same basic width as the lowercase
letters, but in the end, I chose a narrower version since some
numbers, like the number 0, resemble some lowercase
letters.
Figure 1.9: Outline view, Week 11(15 Oct)
Figure 1.10: Outline view, Week 11(15 Oct)
Finalized outcome of letterforms
Figure 1.11: finalized outcome of letterforms , Week
11(15 Oct)
Fontlab
To create the font, I used the software called" Fontlab" to
import my letterform designs.
Importing letterforms into the Fontlab from Adboe
Illustrator
After finalized the letterforms in ai. I went onto Fontlab to
import the letterforms which I referred mainly to the video
shared by Mr Vinod on how to import in Fontlab.
Figure 1.12: Size/placement Modification window , Week
11(15 Oct)
Firstly, I changed the Ascender, cap height , x-height and
descender on font measurements.
Figure 1.13: importing files on Fontlab , Week 11(15
Oct)
Secondly, I put the letterforms into the fontlab one by
one and made some adjustments to them.
Finalized letterform importation on Fontlab
Figure 1.14: finalized imported letterforms, Week
11(15 Oct)
Figure 1.15: finalized imported letterforms, Week
11(15 Oct)
Figure 1.16: Kerning , Week 11(15 Oct)
Font Presentation
Cuz the font style and structure, I choose the black and white to present my font presentation.
Figure 1.17: Fonts presentation , Week 11(15
Oct)
Figure 1.18: Fonts presentation , Week 11(15
Oct)
Figure 1.19: Fonts presentation , Week 11(15 Oct)
Figure 1.20: Fonts presentation , Week 11(15 Oct)
In this page, I showed the the different sizes of the
letterforms.
Finalized Font presentation Artworks
Figure 1.21: Fonts presentation 1 , Week 11(15
Oct)
Figure 1.21: Fonts presentation 2 , Week 11(15
Oct)
Figure 1.22: Fonts presentation 3 , Week 11(15
Oct)
Figure 1.23: Fonts presentation 4 , Week 11(15
Oct)
Figure 1.24: Fonts presentation 5 , Week 11(15
Oct)
Font Application
For the font application I wanted to try to create a font
application based on the concept of a coffee shop, a bar, so
I chose mockups of posters, wet wipes, street signs, and so
on.
Figure 1.25: Necessary elements for mockup , Week 11(15
Oct)
Adobe Illustrator was used to create each design layout for
the mockup program, which was then exported to Photoshop for
placement. Here are a few steps for placing layouts in
Photoshop:
Figure 1.26: Font application process , Week 11(15
Oct)
For the font application, I utilized a derivative design
from task2 because I felt it would go well with my font and
create something different visually.
Final Submission
Figure 1.27: Modular fonts Display , Week 11(15
Oct)
Figure 1.28: Fontlab Screen grab , Week 11(15
Oct)
Font Presentation
Figure 1.28: Fonts presentation 1 , Week 11(15
Oct)
Figure 1.29: Fonts presentation 2 , Week 11(15
Oct)
Figure 1.30: Fonts presentation 3 , Week 11(15
Oct)
Figure 1.31: Fonts presentation 4 , Week 11(15
Oct)
Figure 1.32: Fonts presentation 5 , Week 11(15
Oct)
Font Application
Figure 1.34: Fonts Application 1, Week 11(15
Oct)
Figure 1.35: Fonts Application 2, Week 11(15
Oct)
Figure 1.36: Fonts Application 3, Week 11(15
Oct)
Figure 1.37: Fonts Application 4, Week 11(15
Oct)
Figure 1.38: Fonts Application 5, Week 11(15
Oct)
Figure 1.39: Fonts Presentation and Application Embedded_PDF, Week 11(15
Oct)
FEEDBACK
Week 9:
General Feedback:
- It is preferable to present and experiment with the target audience while creating a typeface and font.
- Applying fonts practically is crucial, and the strategy must be well thought out.
- Our strategy must differ from the current typeface.
- The connecting portion of the script letterform must be natural.
- Although using a unicase font is an option, a better outcome is anticipated.
- The font's weight is crucial in making it stand out.
- To make sure the letter is consistent, use a grid layout.
Specific Feedback:
Make sure the uppercase and lowercase is
consistent got same font style.
Week 10:
General Feedback: Should do lowercase letter
besides uppercase and make sure the uppercase
and lowercase have some connection.
Specific feedback: Should make some changes
to the number size.
Week 11:
General Feedback: Make the artwork in 1024 ^
1024
Specific feedback: For the font
presentation can be better that refer the
example given by the teams.
REFLECTION
Experience
This assignment is a great way to wrap out this
module's trip. Wide-ranging inquiry was made
possible by the creative approach's
adaptability. I'm able to delve further into a
topic that interests me and investigate
imaginative typographic possibilities. I'm
really happy with the thing I completed for this
assignment. Even though it was difficult at
first, I was gradually becoming more accustomed
to the creative process and workflow. I
discovered that as time went on, I was changing
and improving my method, which aided in my
development as a designer and artist.
Observation
Typography has a powerful influence in
expressing civilizations, components, and
identities. because it is a potent visual
aid for communication. Typography may arouse
feelings, protect cultural heritage, and
advance a particular culture. Approaching
and considering the application of a created
font is crucial since it always affects how
audiences perceive both the design and the
content it conveys.
Findings
For this assignment, I attempted to create a
typeface on my own. The process of
researching and creating was difficult
because it required me to study a lot of
things and experiment all the time in order
to blend into a design that has character
and is recognizable.
FUTHER READING
Typography Guide: Definition, creation and advice
When creating a font, the most important aspect is
readability, or how easy it is for the reader to
understand the text:
Consider the reader: Think about who your audience is
and how to motivate them to read your content.
Break up text: Use spacing and contrast to break up
long chunks of text.
Avoid dark text on dark backgrounds: This can make
text difficult to read.
Choose simple fonts: For body text, use clean, simple
fonts that are easy to read.
Consider legibility: Legibility refers to how easy it
is to distinguish the letterforms within a font.
Other considerations when creating a font include:
Visual hierarchy: Use size, weight, and color to
create a visual hierarchy that helps viewers identify
the most important elements.
Brand identity: Choose a font that aligns with your
brand's personality and identity.
Corners and stroke outlines: Sharp corners can draw
attention, but rounded corners are easier on the eyes
and can evoke a sense of comfort.
Comments
Post a Comment