Advanced Typography Task 3 - Type Exploration and Application

 

Advanced Typography Task3- Type Exploration and Application

23/10/2024- 2024

huang jia qi (0371553)

Advanced Typography /Bachelor of Design (Honours) in Creative Media    

Advanced Typography Task3- Type Exploration and Application

---

TABLE OF CONTENTS

1.Instructions

2.Lectures

3.Task 1Exercises 1 & 2

4.Feedback

5.Reflections

6.Further Reading

---

Instructions

Module Information Booklet

Task 3: Type Application and Exploration

• Ideas
• Research

---

Ideas

1. Thin golden font
2. Oil painting Monet style
3. Building font

---

Ideas:After I read my ppt to the teacher, I still want to design and improve the font of semester task 3. With the teacher's consent, I began to design task 3.

fig 1.1Last semester task3 font（16/12/2024）

According to the font of last semester, I designed the font according to the design principle of Bauhaus, and on this basis, I will improve the following fonts.

fig 1.2 Redesign the font（16/12/2024）

According to the Bauhaus design principle, we should focus on function first, and advocate that the form should start from the function, simplify the design, and abandon unnecessary decoration;

Emphasise the combination of art and technology, and pursue the balance between beauty and industrial production; advocate simplicity and geometric beauty, and reflect the essence and practicality of design with simple lines and basic shapes.

fig 1.3Process（16/12/2024）

fig 1.4 Capitalized letters（16/12/2024）

fig 1.5 Lowercase letterAnd numbers（16/12/2024）

In class, the teacher felt that the form of this font was a little similar to the font of take 2 this semester, but it was not as good as that of this semester, so he suggested that I use the font of this semester to design. Referring to the font of this semester, I still continue the principle of Bauhaus.

reference

fig 1.6Typographic Exploration and Communication Image reference（16/12/2024）

 

 fig1.7Typographic Exploration and Communication Image reference（16/12/2024）

                    fig 1.8Typographic Exploration and Communication Image reference（16/12/2024）

 fig 1.9Typographic Exploration and Communication Image reference（16/12/2024）

---

Process

The second design of the font of the semester I refer to began.

fig 1.10 task2 font（16/12/2024）

fig 1.11The formation process of font ai is from right to left.(16/12/2024）

fig 1.12 All fonts are for h reference(16/12/2024)

fig 1.13 The design process of font E F (16/12/2024)

Because I was inspired by the design principles of Bauhaus and designed all fonts characterised by modern and simple geometric figures.

fig 1.14 The design process of font all (16/12/2024)

fig 1.15 The design process of font final  (16/12/2024)

fig 1.16 The design process of font final  (16/12/2024)

---

Font Laboratory

In class, Mr. Vinod said it was good. You can start using fontlab to make your font.

fig 1.17 Import fonts from AI to fontlab (16/12/2024)

Because I can't use my fontlab7, I used the latest version of fontlab8.

fig 1.18 Capitalised letters (16/12/2024)

fig 1.19 Number (16/12/2024)

fig 1.20 Punctuation mark (16/12/2024)

fig 1.21 Punctuation mark (16/12/2024)

fig 1.22 Lowercase letters (16/12/2024)

I adjust the side bearing and core according to the given reference. Although it doesn't apply to most letters，Because many of my fonts are several graphs.

fig 1.23 Side bearing measurement reference(16/12/2024)

---

font Process

After the font is modified and adjusted from the Illustrator software, it is imported into the fontlab software. Because version 7 is unuseable, I bought the latest version of fontlab8.

                                                        fig 1.24 FontLab/FontForge screen grab

This is to test capital letters in fontlab8.

fig 1.25 Capitalised letters (16/12/2024)

This is testing lowercase letters in fontlab8.

fig 1.26 Lowercase letters (16/12/2024)

This is to test the numbers in fontlab8.

fig 1.27  Number (16/12/2024)

This is a test in fontlab8.

fig 1.28 Punctuation mark (16/12/2024)

fig 1.29  Final font display (16/12/2024)

---

Font presentation

We need to make 5 works of art to display the designed font.

fig 2 .1 Font installation (16/12/2024)

After the font is exported, I installed it in the font book of the computer.

fig 2.2 在Testing in AI software(16/12/2024)

After the font is installed, I tested the font on the illustrator software.

fig 2.3 Test in the AI piece (16/12/2024)

There is no problem in the test in software AI. Next, I will start to make my font demonstration.

Font presentation

fig 2.4Make my first poster in AI software (16/12/2024)

fig 2.5 Make my  poster in AI software (16/12/2024)

Because my poster is based on the principle of Bauhaus, the colour used by my poster is relatively simple. The colour is beige, which matches the geometry. As a design element of the poster, it is in line with the principles of Bauhaus.

---

Application of fonts

I want to add principle of Bauhaus to the product design. I designed canvas bags, subway posters, advertisements, pillows and records.

fig 3.1Subway poster design(16/12/2024)

fig 3.2 Advertisement poster design(16/12/2024)

fig 3. 3 Canvas bag poster design(16/12/2024)

fig 3.4 Pillow poster design(16/12/2024)

fig 3.5 Record poster design(16/12/2024)

---

The second attempt

 five font applications 1024px by 1024px each.

fig 3.6 The second attempt(16/12/2024)

fig 3.7 The second attempt(16/12/2024)

fig 3.8 The second attempt(16/12/2024)

fig 3.9 The second attempt(16/12/2024)

fig 3.10The second attempt(16/12/2024)

In the process of the second font application design, I still felt that it was not complete and perfect, so I combined the materials of the font demonstration.

fig 3.11 FONT PRESENTATION(16/12/2024)

---

Task 3FINAL Submission  

I named my font Aaron, because it was also my English name, and then I put it everywhere from fontlab8 and installed it on the computer for follow-up testing and font demonstration.

1. Download link：https://drive.google.com/file/d/1xJ-icLKW7L-WxJvUIzx0YfJ-8hap0UIV/view?usp=sharing

2. PDF (embedded in capital and/or lowercase)

3. FontLab/FontForge screen grab

Fig 4.1 fontlab screen grab(16/12/2024)

4. Five font presentations 1024px by 1024px each

The font presentation is inspired by objects in architecture, industrial design and daily life. Through abstract visual symbols, art and design are integrated into daily life, giving the font more emotional expression and artistic atmosphere.

The design integrates experimental innovation concepts, breaks the limitations of traditional fonts, combines artistry and functionality, presents a unique visual language, and conveys modern and future design attitudes.

fig 4.2 Final poster design (16/12/2024)

fig 4.3 Final poster design (16/12/2024)

fig 4.4 Final poster design (16/12/2024)

fig 4.5 Final poster design (16/12/2024)

fig 4.6  Final poster design (16/12/2024)

The copy used in the poster：

1.   Design is Thinking Made Visual

2. Modernism: Form Follows Function

3.  Break Boundaries, Redefine Visual Language

4.  The Beauty of Geometry, The Power of Minimalism  

5Design Without Limits, Creativity Without Borders

 5. Five font applications 1024px by 1024px each.

The left and right symmetrical setting is adopted in the record, and then the letter K is used for mirroring

fig 3.12Final demonstration of record fonts(16/12/2024)

In the design of the bag, I embedded the geometry in the font presentation into the bag as a logo, as a colourful highlight and as an impact point of the visual centre.

fig 3.13 Canvas bag final font demonstration(16/12/2024)

The design process of the pillow is actually quite confusing. In the end, I plan to try the following form of design.

fig 3.14 Pillow Final Font Application(16/12/2024)

Billboards also use the combined graphics of font presentation as elements to enrich the picture.

fig 3.15 Final font demonstration of billboards(16/12/2024)

Because it is a design concept that conforms to the specific simple and modern geometry, the geometric figures of the font demonstration are integrated into the advertisement to enrich the picture and highlight the design concept of the font.

fig 3.16 The final font demonstration of the subway billboard(16/12/2024)

6. Font presentation and application PDF embedded. 

Font presentation pdf

FONT PRESENTATION (5 artworks)[1024 px; JPG 300 ppi] pdf

7. Font Preview (optional)

---

Feedback

WeeK 13

General feedback: I checked my task one and the task. I browsed my task three according to no problem.

Specific feedback: The submission method of task three is according to the requirements of teams.

Week12

General Feedback:

The course was replaced by public holidays. The teacher tutored the homework online and reminded us that we need to complete task3 before the 13th week.

Week 11

General Feedback:

Can use FontLab or FontForge

Don't forget to name your font

Specific Feedback:After the font is completed, you can take the next step.

week 10:

General feedback: This week, we need to complete the capitalization on the task, and then show it to the teacher. The teacher tells us that the size between each font should be the same.

Special feedback： There is no process of font evolution, and then I think it will be better to continue the font of the second learning task, and then the size and thickness between the fonts should be consistent. Week 9

General feedback: The teacher asked us to focus on task2 in class and let us study the proposal of task three.

Special feedback： When task 2 is completed, you can use the font of the last semester to improve it, so as to complete the capital of task three.  

---

Reflection

Week 9-12 Reflection

Over the past few weeks, I have received continuous feedback that has helped me improve my font design work and develop a clearer understanding of the tasks.

In Week 9, the teacher emphasized the importance of focusing on Task 2 and encouraged us to use fonts from the previous semester as a foundation to improve and complete the capital letters for Task 3. This feedback made me realize the value of revisiting and refining earlier work rather than starting completely anew, which allows for a more consistent and polished design process.

During Week 10, the focus shifted to ensuring the size and thickness of the fonts were consistent. I was reminded that even minor inconsistencies could affect the overall visual harmony of the typeface. The lack of visible font evolution in my process was pointed out, which prompted me to revisit the second task’s font and develop it further. I now understand that documenting the design evolution is essential for showing progress and thoughtful decision-making.

In Week 11, I received feedback about completing the font and moving forward. The teacher suggested using software like FontLab or FontForge, which are tools I can explore to refine my font’s structure and functionality. Additionally, I was reminded not to overlook naming my font, as this adds a professional touch and identity to the work.

By Week 12, classes were interrupted due to public holidays, but the teacher still provided online tutoring to keep us on track. I was reminded to complete Task 3 before Week 13. This experience taught me the importance of time management and self-discipline, as external interruptions should not delay progress.

Overall, the feedback I received highlighted the importance of consistency in font design, the need to document my process, and the value of refining earlier work. Moving forward, I will focus on applying these suggestions, completing Task 3 with greater attention to detail, and ensuring my font is cohesive, functional, and professionally presented.

---

Further Reading

Although we can look at typefaces with in the framework of classifcation systems. it is better to examine them in the context in which we see them on the page, so to speak.Traditional systems categorize typefaces by features such as angle of contrast(230).rate of modulation.and shape of serifs.(This partly explains why sans serifs were not classified with the same degree of analysis,) But if we look at typefaces in use,we see that many letterfeatures distort or become less important to overall impression.The darkness of a block of text,the visual reinforce.

ment of horizontal and vertical axes.

the distribution of space within and between letters.the length of a scenders and descenders, and the line spacing 335) become the dominant features. The typeface's overall texture becomes less important than the individual featuresThe presence or absence of comple-mentarystvles and weights within the paragraph and the editorial structure of the text determine our reading strategy.

---