Advanced Typography - Task 3

18.10.2023 - 29.11.2023 (WEEK 8 - WEEK 14)
TAN YING YI / 0362425 / BACHELOR OF DESIGN (HONS) IN CREATIVE MEDIA
ADVANCED TYPOGRAPHY
TASK 3

LIST

LECTURES
INSTRUCTIONS
TASK 3
FEEDBACK
REFLECTIONS
FURTHER READING

LECTURES

Refer to Task 1 and Task 2.

INSTRUCTIONS

TASK 3

Google Slides

In this task, I am designing a typeface about music.

Problem: In YouTube music videos, there is usually a lyric display, but the font for the lyrics is different in each video. 

Solution: Explore a typeface that is more interesting and relevant to music.

I use notes in sheet music as a reference.

Fig 1.1 Piano Sonata #14 "Moonlight" ( Week 9, 28/10/2023)

Exploring Typeface in Adobe Illustrator

Fig 1.2 Process ( Week 9, 28/10/2023)

Fig 1.3 Outlines ( Week 9, 28/10/2023 )

Fig 1.4 Capital Letters ( Week 9, 28/10/2023 )


Fig 1.5 Exploring Numbers and Lowercase ( Week 10, 6/11/2023 )


Fig 1.6 Outlines of Lowercase ( Week 10, 6/11/2023 )

Fig 1.7 Outlines of Number ( Week 10, 6/11/2023 )

Fig 1.8 Outlines of  Punctuations ( Week 10, 6/11/2023 )

Process in Fontforge

Fig 1.9 Adjusting Kerning and Tracking ( Week 11, 12/11/2023 )

Fig 1.10 Importing Typeface to Fontforge ( Week 11, 12/11/2023 )

Font Presentation and Application

Fig 1.11 Font Presentation Attempt #1 ( Week 12, 19/11/2023 )

Fig 1.12 Font Presentation Attempt #2 ( Week 12, 19/11/2023 )

Fig 1.13 Font Presentation Attempt #3 ( Week 12, 19/11/2023 )

Fig 1.14 Font Presentation Attempt #4 ( Week 12, 19/11/2023 )

Fig 1.15 Font Application Attempt #1 ( Week 12, 19/11/2023 )

Fig 1.16 Font Application Attempt #2 ( Week 12, 19/11/2023 )

Fig 1.17 Font Application Attempt #3 ( Week 12, 19/11/2023 )


Fig 1.18 Font Application Attempt #4 ( Week 12, 19/11/2023 )

After Mr.Vinor's feedback, I fixed my design in class.

Fig 1.19 Fixing Font Application # 1 ( Week 13, 22/11/2023 )

At first, I changed the color of the box so that all font applications looked consistent. I realized that the color of the image at the top did not match the color of the box. So I changed the image at the top so that it looked better.


Fig 1.20 Fixing Font Application #2 ( Week 13, 22/11/2023 )

I thought it looked weird, so I changed the place to fill the color.

Fig 1.21 Font Application - Quite Satisfied ( Week 13, 22/11/2023 )

Fig 1.22 Font Presentation #1 ( Week 13, 22/11/2023 )

Fig 1.23 Font Presentation #2 ( Week 13, 22/11/2023 )

Fig 1.24 Font Presentation #3 ( Week 13, 22/11/2023 )

Fig 1.25 Font Presentation #4 ( Week 13, 22/11/2023 )

Fig 1.26 Font Presentation #5 ( Week 13, 22/11/2023 )

Fig 1.27 Font Presentation #6 ( Week 13, 22/11/2023 )

Fig 1.28 Font Application #1 ( Week 13, 22/11/2023 )
Fig 1.29 Font Application #2 ( Week 13, 22/11/2023 )

Fig 1.30 Font Application #3 ( Week 13, 22/11/2023 )

Fig 1.31 Font Application #4 ( Week 13, 22/11/2023 )
Fig 1.32 Font Application #5 ( Week 13, 22/11/2023 )

Final




Fig 2.1 Font Presentation #1 ( Week 13, 22/11/2023 )

Fig 2.2 Font Presentation #2 ( Week 13, 22/11/2023 )

Fig 2.3 Font Presentation #3 ( Week 13, 22/11/2023 )

Fig 2.4 Font Presentation #4 ( Week 13, 22/11/2023 )


Fig 2.5 Font Presentation #1 ( Week 13, 22/11/2023 )

Fig 2.6 Font Presentation #6 ( Week 13, 22/11/2023 )


Fig 2.7 Font Application #1 ( Week 13, 22/11/2023 )

Fig 2.8 Font Application #2 ( Week 13, 22/11/2023 )

Fig 2.9 Font Application #3 ( Week 13, 22/11/2023 )

Fig 2.10 Font Application #4 ( Week 13, 22/11/2023 )

Fig 2.11 Font Application #5 ( Week 13, 22/11/2023 )

Fig 2.12 Font Application AND Presentation - PDF ( Week 14, 29/11/2023 )



FEEDBACK

Week 9 General Feedback: The process should be recorded. Specific Feedback: It will be easier if just convert to a specific video. The thin and thick strokes have to be consistent. For example, if one vertical stroke is thick, all vertical strokes should be thick.

Week 10 General Feedback: Compare the lowercase with uppercase. Specific Feedback: W is incorrect. Put the uppercase beside while working with lowercase.

Week 11 Specific Feedback: Comma should be thicker, letter s is weird.

Week 12
Specific Feedback: Just use a normal typeface to show information and put it in small point size.

Week 13 Specific Feedback: Focus on the typeface, not the graphic. Colour needs to be consistent.

Week 14 Specific Feedback: The kerning of uppercase is too tight.

REFLECTIONS

Experience
I really liked this task because I can design my own typeface. I'm quite satisfied with the things that I designed. The outcome stayed true to my vision. This task was very beneficial because I'll be using this new type of design in my future work. The most difficult part of this task was the generation of the font in FontForge as I hadn't used it before and I am not familiar with it. I was quite stressed about doing this task on time as I had to manage my time to do final projects from different modules. We had Design Research Methodology (quite a heavy module) due right before Task 3. I never expected to struggle with time because I had always managed my work well in semester 1. 

Observation
With this task, I was reminded to observe the thick and thin of the strokes so that the typeface was consistent. I also realized that the size of the letters should be well controlled so that it won't look weird. Besides, I learned that the design principles of color and texture were implemented in the type. 

Findings
I found that fonts with graphical elements are not that easy to design. The sizes of the letters were hard to control, I had to keep adjusting so that it wouldn't look weird and the letters don't hold together. In a sense, it is fun, yet also time-consuming and it gets tiring if a solution isn't formed after many arrangements. They're not easy to perfect because it is easy to create imbalance, especially with the graphical elements of my font design. Besides, I found that FontForge is a pain. I think it's because I'm new to using it and I am not familiar at all. I searched for tutorials Google for such a long time to fix the problem. 


FURTHER READING

Punctuation By Grilli Type

How to design exclamation points
https://www.instagram.com/p/CSZhQUpLd5K/
Hashtags
https://www.instagram.com/p/CVxysKALPVo/
Period and Comma


Fig 3.1 Exclamation Points

Fig 3.2 Hashtags

Fig 3.3 Period and Comma

This Instagram post addresses the design of punctuation. I got a better understanding of the features of punctuation and how slight size differences and overshoot matter from the posts. 



Comments

Post a Comment

Popular posts from this blog

INFORMATION DESIGN - PROJECT 1: ANIMATED INFOGRAPHIC POSTER

Image
TAN YING YI / 0362425 / BACHELOR OF DESIGN (HONS) IN CREATIVE MEDIA INFORMATION DESIGN PROJECT 1: ANIMATED INFOGRAPHIC POSTER INSTRUCTIONS PROJECT 1: ANIMATED INFOGRAPHIC POSTER DESCRIPTION:  After time exploring media and learning about information design, you will now develop an infographic that presents a series of different processes as visuals rather than text. REQUIREMENT: Your main intention is to analyse the “delivery mechanism’s” that affect the outcomes of your infographics. Though content is important, however the aim of this presentation is too look at what makes an infographic presentation work or does not work. This includes content but only as one of the many components of an infographic: PART 1: Infographic poster (10%)             INSTRUCTION: 1. Choose 1 infographic poster reference from Internet (Please consult before proceed) 2. Redesign the poster into A4 size. Sketch the idea and process 3. Redesign and simplify the poster ba...
Read more

INFORMATION DESIGN - EXERCISES

Image
TAN YING YI / 0362425 / BACHELOR OF DESIGN (HONS) IN CREATIVE MEDIA INFORMATION DESIGN EXERCISES INSTRUCTIONS EXERCISES: QUANTIFIABLE INFORMATION EXERCISE 1 – Quantify raw data and visualize information as a photograph A is a visual representation of numerical data that allows for easy interpretation and analysis.  Instruction: Gather a set of objects and separate it into category such as color, shape, pattern, and other quantifiable factor. Example: 1. Box of Lego 2. Jar of button 3. Jar of marble ball 4. Set of colourful rubber strap In this exercise you're required to quantify our chosen objects and arrange them into  a presentable layout or chart .  The information must be presented as is, and you need to arrange the objects with relevant indicators written out with pens to help you to visualize the quantity and data. The examples of objects that can be use are buttons, coins, lego pieces, M&Ms, and more. Submission: E-Portfolio report consists of 1. Photo of...
Read more

INFORMATION DESIGN - FINAL PROJECT: INFOGRAPHIC VIDEO ANIMATION

Image
TAN YING YI / 0362425 / BACHELOR OF DESIGN (HONS) IN CREATIVE MEDIA INFORMATION DESIGN FINAL PROJECT: INFOGRAPHIC VIDEO ANIMATION INSTRUCTIONS PROJECT 1: ANIMATED INFOGRAPHIC POSTER INSTRUCTION: Based on FLIP group topic research, produce a basic video animation. DESCRIPTION:  Using a processed design framework, you will now produce an infographic report to present the given information to a ‘target audience’ with the purpose of: 1. Creating awareness (such as Global Warming, Recycle, etc.) 2. Explaining a process (such as "how to" video) 3. Defining a concept (such as "What is Fast Fashion", "What is Color Wheel", etc.) Any time based media and software using photography, vector imagery. Design Considerations: ● Organization Principles – LATCH and Content Organization ● Aesthetic Principles – Animation principles ● Cognitive Principles – Principles of visualization Output Expectation: The presentation must be deliberated on, consider each assessment rubri...
Read more