Advanced Typography Task 1

Advanced Typography Task 1 EXERCISES

-

30.08.2023 (week 1- week 4)

CHEN NAN 0363533/Bachelor of Design (Hons) in Creative Media

Lecture

Lecture 1 / AdTypo_1_Typographic Systems

In this video, Mr Explains to us that design is actually a system, divided into eight different structures.

There are eight categories:

• Axial

• Radial

• Dilational

• Random

• Grid

• Modular

• Transitional

• Bilateral

Figure 1.1 systems 3/9/2023

• Axial

The Axial system is a linear system, I think it is a linear axis, and we carry out regular layout and design around this axis.

Figure 1.2 Axial 3/9/2023

• Radial

The system is centered around a focal point, and when we design, we focus our vision on this point to make people more observant.

Figure 1.3 Radial 3/9/2023

• Dilational

The system, which is separated by layers of circles, is able to classify different pieces of information and focus the important ones.

Figure 1.4 Dilational 3/9/2023

• Random

The system is chaotic, but it is also neat and regular within the chaos.

Figure 1.5 Random 3/9/2023

• Grid

This grid system, he is composed of different positions within the grid typesetting.

Figure 1.6 Grid 3/9/2023

• Transitional

The Transitional system is a hierarchical and directional system that helps to direct information to a particular area.

Figure 1.7 Transitional 3/9/2023

• Modular

This is a standard system for separating text vertically and horizontally.

Figure 1.8 Modular 3/9/2023

• Bilateral

All the text is arranged on either side of two axes, which looks regular but boring.

Figure 1.9 Bilateral 3/9/2023

Finally, it may be difficult at first, but as you become more proficient, you will gain experience and understand the uniqueness of these systems.

Lecture 2 / AdTypo_2_TypographicComposition

Lecture 3 / AdTypo_3_Context&Creativity

INSTRUCTION

EXERCISES 1

1.Typographic Systems

Figure 1.1 Axial System, (4/9/2023)

Figure 1.2 Axial System, 2 (4/9/2023)

Figure 1.3 Radial System, 1 (4/9/2023)

Figure 1.4 Radial System, 2 (4/9/2023)

Figure 1.5 Dilational System, 1 (4/9/2023)

Figure 1.6 Dilational System, 2 (4/9/2023)

Figure 1.7 Random System, 1 (4/9/2023)

Figure 1.8 Random System, 2 (4/9/2023)

Figure 1.9 Grid System, 1 (4/9/2023)

Figure 1.10 Grid System, 2 (4/9/2023)

Figure 1.11 Transitional System, 1 (4/9/2023)

Figure 1.12 Transitional System, 2  (4/9/2023)

Figure 1.13 Modular System, 1 (4/9/2023)

Figure 1.14 Modular System, 2 (4/9/2023)

Figure 1.15 Bilateral System, 1 (4/9/2023)

Figure 1.16 Bilateral System, 2 (4/9/2023)

2.Final modification

Under your guidance, I modified all my contents, adding colors to them and re-typesetting them. My bilateral and modular are not well recognized, so I redesigned them and modified them based on their characteristics.

Figure 2.1 Axial System (9/9/2023)

Figure 2.2 Modular System (9/9/2023)

Figure 2.3 Transitional System (9/9/2023)

Figure 2.4 Random System (9/9/2023)

Figure 2.5 Radial System (9/9/2023)

Figure 2.6 Grid System (9/9/2023)

Figure 2.7 Dilational System (9/9/2023)

Figure 2.8 Bilateral System (9/9/2023)

3.FINAL PDF

FINAL PDF 3.1 (9/9/2023)

FINAL PDF 3.1 (9/9/2023)

EXERCISES 2

Type and Play

We need to look for a picture of an object, find their hidden letters in the picture of an object, find them and analyze them.

1.Progress

I chose this leaf, it has a very special grain, I want to study and analyze it.

Figure 1.1 image (13/9/2023)

I extracted the lines in the picture and showed them.

Figure 1.2 image (13/9/2023)

I extracted the words in the pictures and drew them. I think the grain of the leaf is bifurcated, it has many bifurcations, and it is also extremely irregular, and I show this characteristic of it. And made several attempts.

Figure 1.3 try (13/9/2023)

After listening to your advice, I realized that the font I chose was too limited and could not be improved, but I could choose another way to redesign this font. It is also a good way to express the texture design of the font on the letters. And re-extract the texture in the image.

Figure 1.4 Extract texture (16/9/2023)

After extracting the texture I put the texture into the font for design

Figure 1.5 Texture design (16/9/2023)

Figure 1.6 Font design (16/9/2023)

2.Final 

Figure 2.1 Compiled Process (16/9/2023)

Fig 2.2 Letter E (16/9/2023)

Fig 2.3 Letter D (16/9/2023)

Fig 2.4 Letter C (16/9/2023)

Fig 2.5 Letter Y (16/9/2023)

Fig 2.6 Letter U (16/9/2023)

Fig 2.7 Final Finding Type - PDF (16/9/2023)

3.Placard

My letters are designed by the texture in the leaves, so when I was looking for an image, I chose a large area of fallen leaves to match my letters, which would make my picture more harmonious.

Fig 3.1 Final poster design jpg (16/9/2023)

Fig 3.2 Final poster design PDF (16/9/2023)

Feedback

week 2
General Feedback:Words with some color will be better, in the random system, should be scrambled each sentence, show the main points, do grid system should make the picture more tidy. 

Specific Feedback: The Axial system has more lines, which looks very messy, and should be maintained in one line. The rest of the design is difficult to express the characteristics of each system. Radial is OK

week 3
General Feedback:The graphics should be kept uniform, uppercase and lowercase should be the same, and we should choose similar letters when selecting pictures. Specific Feedback:There is nothing I can do to improve my letters, but I can choose another method, I can use the crack to express its characteristics, follow the other method better.

week4 

General Feedback:The font design must make sense to us, the font design that doesn't make sense is wrong.

Specific Feedback:The size of the poster should be corrected to 1024*1024, the background picture of the poster should be the same as the font style of the design, the texture of the font style design is the leaf, the background picture should be similar to the leaf style.

Reflection

Experience

In this task, we carried out two different projects. The first exercise required us to design different typesetting systems. During the design process, I had a great understanding of the system design of typesetting, and knew how to design and change the eight structures of typesetting, as well as the diversity of typesetting systems. In the second exercise, we need to design fonts and find fonts in daily life. I chose a golden leaf to extract the lines from it and engraved the lines back on my font. In the design process, I was not satisfied with my first design, so I changed the lines of the leaves into letters, which made the font look strange and there was no room for improvement. Under the guidance of my husband, I chose one of the two other methods and engraved the lines on the letters, so that the letters looked more interesting.

Observation

In the first exercise, several layout systems were studied. In the process of research and design, each layout system expressed different designs in different typesetting processes, and each design gave different visual information and had different functions in the process of typesetting. In the second exercise, I studied the design of fonts. This project needs to find the visual perception of design in life. There are many unexpected designs in natural life.

Findings

Through Mr. Wang's guidance and practice, this project emphasizes the diversity of layout and design, and different expression systems should be used to convey different messages.

FURTHER READING

Fig 1.1 Typography, Referenced

"Typography, Referenced" is a book about typography and print design written in collaboration with Jason Tselentis, Allan Haley, Richard Poulin, and Jason Arcady. This book aims to provide detailed information and guidelines on typography and print design to help designers and typographers better understand and apply the principles and techniques of typography. The book contains numerous typography samples, case studies, and design tips covering the history of typography, basic principles, font selection, typography layout, color use, printing techniques, and digital media

The book contains details on the history, principles, and practical applications of typography, as well as a wealth of typography samples, case studies, and design tips. Readers will learn about key concepts in typography such as font selection, typographic layout, color use, printing techniques, and digital media.

This book aims to provide designers and typographers with the knowledge and inspiration they need to create typographic designs that are compelling and communicate information effectively.

1.History of typography

Ancient typesetting: Ancient typesetting techniques and history

Typography: The development of printing and the rise of typography

The Rise of Digital typography: How are computers and digital technologies changing typography

The development of printing technology: different printing techniques and materials

2.Basic principles of typography

Font Basics: The composition and properties of fonts

Font families and glyphs: Characteristics of different font families and glyphs

Alphabet anatomy: The different parts and structures of the alphabet

Line and kerning: text arrangement and spatial control

Alignment and alignment: Selection and application of text alignment

We can learn about typography principles, font selection, color application, printing techniques, and digital media typography, as well as historical and future trends