Typography -Task1/Exercises

April 22,2024

Liang Liwen（0369625）

Bachelor of Design (Honours) in Creative Media

Task：Typography

LECTURES

WEEK1:Typo_0_Introduction

The word Typography is of Greek origin and consists of two roots: τύπος (typos) meaning "shape" or "mark", and γράφειν (graphein) meaning "to write". Therefore, Typography literally means "the shape of writing." The term first appeared in the 15th century, when it referred to the development of printing and the application of movable type printing technology. In the early days of Typography, Typography was primarily concerned with the presentation of text through typography and printing techniques, and gradually evolved to include broader concepts such as typeface design, typographic art, and layout design. As time goes by, Typography has gradually become an independent art and design discipline, covering many aspects such as font design, typography principles, layout design, etc. Typography has become an indispensable and important part in print, web design, advertising and other fields. Typography includes the choice of font, size, line spacing, paragraph spacing, alignment and so on. In print, web design, advertising, etc.

"Typeface" refers to a collection of characters with a similar design style, including letters, numbers, punctuation, and so on. Typeface refers to the design style of fonts, such as Serif, Sans-serif, Monospaced, etc. A typeface can contain many different word weights (such as Regular, Bold, Italic, and so on).

"Font" is the specific implementation of typeface, which is the specific presentation of typeface under a specific size, word weight, and style. In computer and typography, "font" is often used to describe the specific representation of typeface, such as font size, thickness, italics, and so on.

Week2:Typo_1_Devlopment

The development of Typography

Ancient: The art of writing and sculpture in ancient civilizations laid the foundation for the development of Typography. Inscriptions and manuscripts from ancient Egypt, Greece and Rome show different styles of writing and typesetting.

Middle Ages: In the Middle Ages, hand-written and decorated manuscripts became the main form of writing. The art of calligraphy in this period had a profound influence on the development of Typography.

15th century: In 1450, Johannes Gutenberg invented moving-type printing, which is considered a major turning point in the history of Typography. The appearance of movable type printing made it possible to produce books on a large scale, and also promoted the development of typeface design and typography.

Renaissance: The Renaissance saw the rapid development of printing and a huge increase in the number of books and printed matter. This period also gave birth to many famous typeface designers and calligraphers, such as Francisco Grotti and Nicolas Beimel.

Industrial Revolution: The Industrial Revolution in the 19th century promoted the progress of printing technology, making the application of Typography further expanded. The emergence of new printing technologies and materials has brought more possibilities for font design and typography.

Digital Age: In the late 20th and early 21st centuries, the development of computers and digital technology revolutionized the ecology of Typography. The emergence of digital typesetting and font design tools allows designers to layout and font design more flexibly, and also gives birth to many new font design styles and trends.

Week3: Typo_3_basic

Font Features:

Font design: Font design styles include Serif, Sans-serif, Monospaced, etc. Each font has its unique characteristics and application scenarios.

Font weight: Fonts usually include different font weights, such as Regular, Bold, Italic, etc. Different font weights can be used to emphasize and distinguish different content.

Font proportion: The proportion of a font is crucial to the balance and beauty of the overall layout, including the height, width, thickness, and so on.

Font characteristics: Each font has its own unique characteristics, such as the thickness of the stroke, the tilt Angle of the stroke, the decoration of the letter, etc. These characteristics affect the overall style and expression of the font.

Typesetting features:

Line spacing and paragraph spacing: Appropriate line spacing and paragraph spacing can improve the readability and beauty of the text, too small line spacing will lead to crowding, and too large line spacing will affect the coherence of the paragraph.

Alignment: Different alignments, such as left alignment, right alignment, center alignment, and both ends alignment, affect the overall typography visual and reading experience.

Layout structure: Layout structure includes the layout of text and other design elements, such as the arrangement of title, subtitle, text, pictures, etc. Reasonable layout structure can enhance the overall design beauty and information transmission effect.

Word break and line break: Reasonable word break and line break can avoid excessive word break and line break, improve the overall beauty and readability of the paragraph.

Word spacing and letter spacing: Appropriate word spacing and letter spacing can make the text layout more compact or more transparent, affecting the balance and stability of the overall layout.

INSTRUCTIONS

Take1: Exercises-Type Expression

For the first task,we were asked to choose 4 words to compose and express.come up with a sketch of these 4 work.

The four words i choose were Jump,Open,Time,Swim

1.1 Sketches

1.2Type Expression Sketches

1.3FIGURE 5 choose four out of six

1.4process in PS

1.5 GIF OPEN

Exercise 2:Text Formatting

2.1Text formatting without kerning

2.2Text formatting with kerning

INSTRUCTION:

HEAD LINE
Font/s: Bembo Std
Type Size/s: 72 pt
Leading: 36 pt
Paragraph spacing: 0

BODY
Font/s: Bembo Std
Type Size/s: 8-12 pt
Leading: (2, 2.5, 3 points larger than font size)
Paragraph spacing: (follows the leading)
Characters per-line: (55–65/50–60 characters)
Alignment: (left alignment) / Rivers (Left Justification)
Margins: 123 mm top, 26 mm left + right + bottom
Columns: 2
Gutter: 10 mm
Cross Alignment

No Widows / Orphans

2.3layouts

FINAL LAYOUT

2.4FINAL LAYOUT (WITHOUT GRID)

2.5FINAL LAYOUT (WITH GRID)

FEEDBACK

Week 1

The first week we learned how to create a new blog, and learned how to use the blog to edit and complete tasks to complete the portfolio

Week 2

Specific feedback：The design task of perfecting personal information and downloading 10 fonts and trying to use AI to typeset was completed. The teacher also screened and commented on some of our drafts.

General feedback：The teacher selected four Sketches from my design Jump.Open.Time.Swim (1.1Sketches) for further design and used 10 kinds of words provided to re-modify the sketch with ai.

Week 3

Specific feedback：This week's lesson looked at using AI to digitize words using different tools.

General feedback：The teacher suggested further modifications to my design of 1.2 Type Expression sketches with AI. Although swim should have a sense of design, it lacks the flowing feeling like water. The shadow behind jump moves down to make people feel more like jump. The shadow behind time makes people's vision blurred, so all the shadows are removed and open adjusts the direction of the letters.

Week 4

Specific feedback：Choose words to animate.General feedback：The teacher chose one of the four words Jump.Open.Time.Swim designed by me to make animation, and finally chose open for the next step of animation.

Week 5

Specific feedback：Learn how to use different tools in Indesign and how to layout articles.

General feedback：This week's course learned how to use Indesign for article layout design. In class, I used my own name to use different fonts in Indesign for simple layout.

REFLECTIONS

Experience

During the five-week learning process, through the combination of theoretical knowledge learning and practical operation, I not only improved my knowledge of blogs, AI tools (the application of AI tools made my design process more intelligent and efficient) and Indesign (the study of Indesign software made me master professional typography design skills. In practice, I learned how to choose and apply different fonts, and how to enhance the readability and aesthetics of articles through typographical layout. The ability to use the software also enhances the understanding of typographic design. The teacher's comments and suggestions also help me to continuously improve and enhance the quality of my design works. In the future study, I will continue to apply what I have learned to constantly improve and innovate design works.

Observation

Through these weeks of study, I have not only mastered the basic design tools and skills, but also continuously perfected and improved my own design works under the guidance of teachers. I have some practical experience in typesetting design and font application.

Findings

By experimenting with 10 different fonts, you gain a deeper understanding of the role of fonts in design and learn how to select and apply different fonts to enhance your design.Under the guidance of the teacher, you begin to pay more attention to the details in the design, and learn how to improve the overall design effect by adjusting the details. Self-discovery and progress

Realize that design is not just about aesthetics, but also needs to consider the characteristics of the words or elements themselves, such as the flow of "Swim" and the dynamic "Jump".With practice and fine-tuning, you'll become more comfortable with blogging, AI tools, and design tools like Indesign.Realize the importance of feedback and iterative process in design, each modification and adjustment is an important link to improve the design level.

搜索此博客

LIANG LIWEN(0369625）