Advanced Typography - Task 3


03/06/22 - 24/06/22 Week10-Week13
Loh Shu Huan / 0349621

Advanced Typography / Bachelor of Design in Creative Media
  
Task 3: Type Exploration & Application
 


INSTRUCTIONS


EXERCISE

Task 3: Type Exploration & Application

Week 10 - 3/6/22
For this exercise, we are to:

Develop a font that is intended to solve a larger problem or meant to be part of a solution in the area of your interest be it graphic design, animation, new media or entertainment design, or any other related area not necessarily reflecting your specialisation.

or

Explore the use of a typeface in your area of interest, understand its existing relationship, identify areas that could be improved upon, and explore possible solutions or combinations that may add value to the existing typeface. We may look at how type is used in the area and identify potential weaknesses or possible areas of further exploration. You can then attempt to provide a creative solution or add value to an existing use.

Fig1.1 First proposal, 1/6/2022

After the consultation with Mr.Vinod, I decided to proceed with the task with the first idea - Further Exploration Typeface, which is an extension of the typeface from Task 1 Exercise 2.

Fig1.2 Task 1 - Exercise 2: Finding Type, 1/6/2022

Fig1.3 Task 1 - Exercise 2: Finding Type, 1/6/2022

Problem - To create a cloud-looking typeface.
Application - Typeface promotional poster

Aim - Reflect the characteristics of the cloud on the typeface.
        - Introduce the bold, fluffy and soft characteristics.

Week 11 - 10/6/22
After deciding on the direction and aims, I start sketching the letters. I do a rough sketch using a tablet and then transfer it into Adobe Illustrator to refine the letters.

Fig2.1 Sketches of the letters, 7/6/2022

Fig2.2 First Attempt, 8/6/2022

To be more consistent in the stroke of the letters, I applied the stroke of I to others, such as N, M, H, K, and T. I also applied the shape of G on Q.

Fig2.3 Apply Stroke of I, 8/6/2022

Fig2.4 Apply Shape of G on Q, 8/6/2022

Here are some letters that have more differences after refining.

Fig2.5 E - Before vs After, 8/6/2022

Fig2.6 K - Before vs After, 8/6/2022

Fig2.7 Q - Before vs After, 8/6/2022

Fig2.8 M - Before vs After, 8/6/2022

Fig2.9 N - Before vs After, 8/6/2022

Fig2.10 Second Attempt, 8/6/2022

Week 12 - 17/6/22
Before I proceed to the numbers, I did some amendments to the letters, especially the S.

Fig3.1 O - Before vs After, 14/6/2022

After that, I proceed with the sketches of the numbers and punctuation. Same as before, I do rough sketches on the tablet and then transfer them into AI.

Fig3.2 Sketches of the Numbers & Punctuation, 15/6/2022

Fig3.3 Third Attempt, 16/6/2022

Week 13 - 24/6/22
After getting approval from Mr.Vinod, I started to generate the font in Font Lab 7.

Fig4.1 Progression in FontLab7, 20/6/2022

Fig4.2 Test Type, 20/6/2022

Once the type has been generated, I started working on the application - Typeface Promotional Posters. Due to the rounded basic shape of the font, I tried to add the elements such as square and straight lines to make a contrast.

Fig4.3 Poster - Attempt #1, 23/6/2022

Week 14 - 1/7/22
I did some minor amendments to some of the posters and changed three of them after consulting with Mr.Vinod.

Fig5.1 Progression in AI, 28/6/2022

Fig5.2 Poster - Attempt #2, 28/6/2022

Fig5.3 Final Selected Posters, 28/6/2022

Besides the posters, I also create promotional brochures and a simulation poster.


Fig5.3 Simulation Poster, 29/6/2022

Fig5.4 Brochure Folder Mockup, 29/6/2022

Fig5.5 Brochure Mockup, 29/6/2022

Since the cover of the brochure (Fig.5.5) is transparent, I decided to make 2022 into a hole.

Fig5.6 After - Brochure Mockup, 29/6/2022

Final Task 3: Type Exploration & Application
Download the font here.

Fig6.1 "Cloud" - Final Type Design - JPEG, 30/6/2022

Fig6.2 "Cloud" - Final Type Display Poster - JPEG, 30/6/2022

Applications: Typeface Promotional Posters & Brochures

Fig6.3 "Cloud" - Final Typeface Promotional Poster #1  - JPEG, 30/6/2022

Fig6.4 "Cloud" - Final Typeface Promotional Poster #2  - JPEG, 30/6/2022
Fig6.5 "Cloud" - Final Typeface Promotional Poster #3  - JPEG, 30/6/2022

Fig6.6 "Cloud" - Final Typeface Promotional Poster #4  - JPEG, 30/6/2022

Fig6.7 "Cloud" - Final Typeface Promotional Poster #5  - JPEG, 30/6/2022

Fig6.8 "Cloud" - Final Typeface Promotional Poster #6  - JPEG, 30/6/2022

Fig6.9 "Cloud" - Final Typeface Promotional Poster #7  - JPEG, 30/6/2022

Fig6.10 "Cloud" - Final Simulation Poster  - JPEG, 30/6/2022

Fig6.11 "Cloud" - Final Brochure Mockup #1  - JPEG, 30/6/2022

Fig6.12 "Cloud" - Final Brochure Mockup #2  - JPEG, 30/6/2022

Fig6.13 Final Task 3: Type Exploration and Application - PDF, 30/6/2022


FEEDBACK

Week 10 
Specific Feedback:The problem could be I want to design a typeface that looks like a cloud, but the application is just me showing how this font can be utilized in many different ways.

Week 11 
General Feedback: It’s important for us to take what the lecturer said, and build on it.
Specific Feedback: The font is fairly consistence. But the “O” looks a little bit disturbing, just need to make it smoother. Good job in the “S”. Other than that, everything is good and I’m on track. When I’m doing the poster to promote the typeface, don’t be afraid to use a secondary typeface that is not created by me.

Week 12 
General Feedback: We should generate the font and start processing the application ASAP. 
Specific Feedback: Good job, the font looks consistence. I shall proceed with the application. Take more references, and I shall make it a fun way to promote the font. Suggest doing lowercase as well.

Week 13 
Specific Feedback: The posters look good, with nice applications. Need to be careful while selecting the font for what I want to highlight. And do more design, but before I do more I should fix two of the existing poster first.

REFLECTION

Experience: I actually kind of enjoyed the progress of this project as we can create our own typeface and utilise it in anything that we want to. Due to the constraints of time, I couldn't manage to design and generate the lowercase of the typeface, but I will probably do it during the semester break. At this final stage for every module, all the due dates are squeezed together, which makes me rarely have time to rest. But all in all, the progression is quite enjoyable.

Observation: While doing the poster, I definitely will do the visual research to gain more inspiration. I noticed that it is also important for us to learn how to find proper and suitable references. Because some of the posters just look good but are not suitable to present the typeface. To present the font we have to make sure the whole letter can be seen properly and clear as well.

Findings: While generating the font, the kerning is really hard to find a balanced, especially for this kind of rounded typeface. Besides, it is really hard to make a perfect curve for this kind of rounded typeface even with the support of the circle. If I were to do this again, I would definitely pay more attention and be more patient while building the font.


FURTHER READING
[Thinking with type] - Ellen Lupton

Fig 7.1 [Thinking with type] - Ellen Lupton

Fig 7.2 Kerning - [Thinking with type] 

Fig 7.3 Tracking - [Thinking with type] 

If a typeface's letters are spaced too uniformly, the pattern they create does not appear uniform enough. The characters that are angled outward or surround an empty space such as W, Y, V, T, and L. A kerned letter extends to them allowing two letters to sit more closely together.

Kerning the larger sizes are more effective. It's because the space between the letters expands as the size of the type increase. The bigger the font sizes, the bigger gap between them.

Tracking is common practice on letter space capitals and small capitals which appear more regal when they stand apart. To create a more airy field, the designer may slightly expand the tracking across a body text.

*Type crime: Negative Tracking
Make the shoe fit, not the foot. Don't use negative tracking to save space.







Comments

Popular posts from this blog

Major Project

Professional Development Week

Advanced Interactive Design - Final Project