Typography - Task 3: Type Design and Communication

13 NOV 2023 - / Week 8 - Week12

Wu Zi Yang/0368325

Typography / Bachelor of Design (Hons) in Creative Media

Task 3 : Type Design and Communication

Table of content








LECTURE

refer to task 1



INSTRUCTION




EXERCISE

1.Research


Figure 1.1 Internet


The readability and legibility of the font are necessary in the font design, and the typesetting baseline, bottom line, upper and lower case letters, and X-ray height need to be unified in the font design. The baseline is to provide horizontal alignment for the font, and the X-ray is the relative height of upper and lower case letters.


About row height

The line height can be understood as an invisible box wrapped around the font, and the upper and lower space between the font and the box is half a line.According to the W3C principle, the distance from the eyes to the screen is 25cm for the best reading distance. The base line height in Western is usually about 1.2 times the font size.


About word weightWord weight refers to the thickness of the font, generally indicated after the font family name Thin, Light, Regular, Medium, Bold, Heavy, etc., are word weight names.
Different word weights reflect different hierarchical relationships and emotional feelings. Thin fonts give people a feeling of delicacy and lightness, while bold fonts give people a feeling of solemnness and seriousness. Therefore, when defining font norms, we need to consider what scene to use what word weight, so as to maintain a good reading experience.





2.sketches

We use three different pen tips to draw typefaces.


Figure 2.1 Calligraphy


I practiced the letters "o d h n g" for each pen



Figure 2.2 Sketches


Figure 2.3 Sketches

After completing the simple symbol exercises, I began to practice "O L E C D S N C H T I G". When practicing these letters, I repeat each letter many times, and after repeated practice, I get the best side of the letter out and move on to the next step.


After much practice I chose a good line of writing and took it out.



Figure 2.4 Sketches


3.Digitization

After thinking about it, I started designing in AI, first I created a 1000x1000 canvas and expanded its length so that I could lay the fonts on it


Figure 3.1 Sketches1



Figure 3.2 Sketches1

After creating the canvas, I transferred the ruler function of the AI software through Mr.Vinod's classroom guidance, allocated the space, and positioned the height, baseline and bottom line.



Figure 3.3 Sketches1

Mr. VINOD said what I am doing is like drawing the letters like and changing the angle to fit whatever I am trying to do I should not change the angle. So I make it some change.

Figure 3.2  Sketches1


At the week 11 MR. VOIND rechecked our fonts. MR. VINOD said because I am learning, have the right level for the first time. So I should keep it simple and send.
Then teacher help me make a new 'G' . And ask me to design others letter refer to the new 'G.

Figure 3.2 Sketches2

I finished it and then show it to teacher. MR. VINOD said the "N" should be straight .

Finally, this is my final outcome.

Figure3.2 Sketches2        final

Figure3.3  Sketches2  final  PDF

4. Fontlab


After AI production, I began to use FontLab, the software recommended by Mr.Vinod, for follow-up production. I copied and pasted the fonts I designed in the AI into Fontlab.


Fig 4.1 Fontlab 

Fig 4.2 FontLab Screengrab

Download font here:https://drive.google.com/file/d/1xCZ-rKnd0Q0Ws-CBYlyr4YCToWrZQSnh/view



5.Poster Design

After exporting my font, which I decided to name 'Regular', and installing it on my laptop, I created a poster as instructed.

Fig 5.1 final poster (white)PDF

Fig 5.2 final poster (white) PDF


Fig 5.3 final poster (white) JPG

Fig 5.4 final poster (black) JPG




FEEDBACK

Week9            My font isnot designed according to the standard of horizontal lines

Week 10          general feedback Once I close the panel in a particular direction, I need to maintain that angle,So when I rings these letters, I can then digitise the style of letters right, but I needs to write it properly for not like. 
                        specific feedback To be consistent, what I am doing is like drawing the letters like and changing the angle to fit whatever I am trying to do I should not change the angle. Once I hold in one angle I right in that angle.

WEEK 11     general feedback MR. VINOD said because I am learning, have the right level for the first time. So I should keep it simple and send. 
                    specific feedback  Then teacher help me make a new 'G' . And ask me to design others letter refer to the new  'G.

WEEK 12     This Mondy is public holidays.  MR. VINOD take the online class, and unkonwn our font again.


REFLECTION

Experience

After a period of study, Mr.Vinod gave me a certain understanding of layout. In task 3, I learned how to make fonts, which is very interesting. In the future, I can make many interesting fonts by myself, and I can use my own fonts to complete some graphic designs without worrying about copyright issues. It also allowed me to find out my own font design style, which gave me a deeper understanding of typography.

Observation

In the process of production, I discovered the process of font design and the tools of production. In the production process, we need to use AI to design the font first. In the design process, we need to make the morphological characteristics of each font consistent, equal height, and the font must be readable and easy to read. In FontLab, I learned how to adjust the spacing of fonts, and adjust the spacing to make fonts more beautiful.


Finding

Through task 3, I learned the importance of typography. Its beauty can make people want to read it more easily, and it is indispensable in graphic design. 


FURTHER READING


Figure 1 typographic design

Form and Communication: Typographic Design (Form and Communication: Typographic Design) is a book about typographic design. It covers a number of topics related to typography and aims to explore the importance of typography design in conveying information and expressing meaning.

The book explores the basic principles and techniques of typographic design, such as layout, font selection, calculation, solution, and layout application. It explains how these design elements are used to create typographic works that are attractive, easy to read, and fully informative.

In addition to the technical aspects, the book also discusses the cultural and social implications of typographic design. It explores typography styles and trends in different cultural contexts, as well as the application of typography design programs in areas such as advertising, brand image, and social media.


Figure 2 typographic design

Because early capital letters were cut into stone, these letters developed with a minimum number of curved lines, for curved strokes were difficult to cut (Fig. 2-3). Lowercase letters evolved with reed-pen writing. Curved strokes could be written quickly and were used to reduce the number of strokes needed to write many characters.

Figure3 typographic design

Capline: An imaginary line that runs along the tops of capital letters and the ascenders of lowercase letters.
Meanline: An imaginary line that establishes the height of the body of lowercase letters.
x-height: The distance from the baseline to the meanline. Typically, this is the height of lowercase letters and is most easily measured on the lowercase x.
Baseline: An imaginary line upon which the base of each capital rests.
Beard line: An imaginary line that runs along the bottoms of descenders.

The proportions of the individual letterform are an important consideration in typography. Four major variables control letterform proportion and have considerable impact upon the visual appearance of a typeface: the ratio of letterform height to stroke width; the variation between the thickest and thinnest strokes of the letterform; the width of the letters; and the relationship of the x-height to the height of capitals, ascenders, and descenders


Figure 4 typographic design

Typefaces that defy historical classification are sometimes called decorative or novelty typefaces. Most often these are used as display types or as text when appropriate. These typefaces provide context for typographic messages, adding visual accent and charisma.


In summary, the book introduces the importance, basic principles and techniques of typographic design, as well as its role in disseminating information and resonating with the audience



Comments

Popular posts from this blog

Brand Corporate Identity | Task 1: Breaking Brand

Publishing Design

Interactive Design-EXERCISE 1&2