The Etruscans, skilled artists of ancient central Italy,
pioneered the use of serifs in typefaces. They introduced
serifs, small lines extending from strokes, to enhance
legibility. Their serif typeface design influenced later Roman
typefaces, which became widely adopted in the Roman Empire. This
contribution remains a lasting legacy in printing and
typography, inspiring subsequent artists and designers while
preserving the beauty and emotion of ancient art.
The Roman alphabet is widely used in English and many other
languages. It has unique appearance and characteristics,
including serifs that provide stability and distinguish letter
shapes. The letters are arranged from left to right and top to
bottom, forming continuous words and sentences. The balanced
horizontal and vertical spacing enhances readability. Overall,
the Roman alphabet's serifs, arrangement, and writing style
create a clear, beautiful, and easily understood system.
The origin of lowercase letters can be traced back to ancient
Roman times. Initially, only uppercase letters were used for
official documents. However, people found them cumbersome and
unsuitable for everyday communication. To solve this, lowercase
letters were created in the 9th century AD, simplifying
uppercase letters and introducing new symbols.
Uncials, a decorative writing style, emerged during ancient
Roman times. It features round, full letters with balanced
aesthetics. Widely used in transcribing classical documents and
book decoration, Uncials became a representative of calligraphy
art. Today, it continues to be appreciated as a legacy of
ancient calligraphic art.
The use of upper- and lower-case letters and punctuation has its
origins in ancient civilizations. The Greeks introduced the
alphabet system with separate uppercase and lowercase letters,
providing flexibility in writing. Punctuation marks, starting
with stadia in ancient Greece, marked pauses and tones in
sentences for better understanding. These language tools evolved
over time, promoting literature, science, and
communication.
Text type classification
In the mid-15th century, the Blackletter was widely used in
Europe.
By 1475, the Old Style, characterized by a more decorative type of
form, was becoming popular.
In the 16th century, Italic characters came into prominence,
giving typefaces an elegant and fluid look.
Then, in 1550, Script fonts became mainstream, giving a sense of
free writing.
Over time, the Transitional typeface of the 1750s became a unique
style, combining old and modern features.
By 1775, the Modern typeface, characterized by rectilinear, clear
and concise strokes, became popular.
1825 saw the rise of the Square Serif/Slab Serif typeface, in
which letter strokes were given a square shape, giving a sense of
stability and reliability.
The rise of Sans Serif in the early 20th century marked a new era
in typeface design, characterized by the absence of distinct
stroke serifs and a clean, modern look.
In the 1990s, a combination of Serif and sans serif fonts became
mainstream in an effort to blend traditional and modern
aesthetics.
The development and evolution of these fonts reflect the aesthetic
trends and design needs of different periods.
Week 2: The basics
"Describing letter forms" refers to the artistic representation
of letters through shape, structure and pattern.
It originated from the art of sculpture in ancient Greece and
Rome, and gradually evolved with the development of
printing.
Through the aesthetic and deconstructive study of letter
forms, describing letter forms became the basis of font design
and typography.
It helps designers create unique and attractive fonts that
improve readability and look.
In today's digital age, descriptive letter forms play an
important role in branding, graphic design and web design.
-
The baseline is the virtual line at the bottom of the letter
that is used to align characters.
The median is the middle of a letter's height, and it plays an
important role in determining the overall proportion and alignment
of the font.
X-height is the height of the lowercase letter X, which is used to
determine the relative size of the font.
Strokes are the lines that make up a letter and define its shape
and structure.
Vertices/vertices are the points where strokes meet, and they have
an important impact on the visual and design of a font.
The arms are horizontal lines connected to vertical strokes to
enhance the readability of the letters.
The risers are the parts of lowercase letters that go beyond the
median line. They help distinguish between different letters.
A barb is a small bend in the shape of a letter, such as the lower
bend of the lowercase letter g.
a beak is a slender tip in the shape of a letter, as at the top of
the lowercase A.
A bowl is a closed curve of a letter, such as the round part of a
lowercase b.
A stand is a horizontal line connecting two strokes, such as a bar
for the lowercase letter h.
A cross stroke is a cross in a letter, such as the horizontal line
of the lowercase letter t.
The crotch is the lower opening in the shape of a letter, as in
the bottom space of the lowercase letter e.
Descender is the portion of a lower-case letter that exceeds the
baseline, such as the tail of the lower-case g.
Ears are small bumps in the shape of letters, such as the tops of
the lowercase letters g and y.
E m is a unit of measure that is usually equal to the point size
of the font.
Finial is the end of a letter shape, such as the upper curve of
the lowercase a.
A hyphen is a connection between adjacent letters that enhances
the fluidity and beauty of a font.
A link is a link between strokes, such as the horizontal link
between the lowercase letters f and i.
A loop is a closed part of a letter shape, such as the closed ring
of the lowercase letter g.
A Serif is a small decorative line at the end of a letter shape
that gives a typeface one.
A Serif is a small decorative line at the end of a letter stroke.
Serifs enhance the readability and coherence of letters,
especially in long paragraphs of text.
Serif typefaces are commonly used in formal Settings such as
printing books and newspapers.
The shoulder is the part of the upper part of the letter that
connects to the main stroke.
It can affect the overall look and feel of a letter, making it
look firmer or rounder.
The spine refers to the main strokes of the letter, such as the
straight lines in the "H" and "I".
They play a fundamental and structural role in typographic design.
A spur line is a relatively short horizontal line in a letter,
such as the horizontal line in "E" and "F".
They add a sense of stability and balance to the letters.
Stem refers to the main vertical strokes in the letter, such as
"n" and "m".
The thickness and shape of the stem can affect the appearance of
the entire font.
Stress refers to the way the pressure is distributed in the
strokes of the letter.
In serif typefaces, the strokes usually vary from thick to thin,
which increases the dynamic feel of the letters.
A bluff is a rising or falling extension of a letter, such as the
small arcs in "b" and "p".
They can add visual balance and elegance to letters.
The tail refers to the extension of the letter, such as the lower
vertical line in "y" and "q".
Tails add a distinctive character and recognition to letters.
The terminal is the end of the stroke of a letter, such as the
small curve in "A" and "c".
The shape of the terminal can affect the overall style and visual
effect of the letter.
These terms and concepts play an important role in typographic
design.
By using elements such as serifs, shoulders, spines, branches,
stems, stresses, bravado, tails and terminals, designers can
create fonts with a variety of styles and atoms to suit different
design needs.
At the same time, understand and palm.
Week 3: Text
-
Kerning means
adjusting the horizontal spacing between letters to ensure
visual balance and overall fluency between letters.
Kerning is very important to create readable and
aesthetically pleasing typography. The purpose of
kerning is to eliminate spatial unevenness between letters
to create a visually balanced typographical effect.
In the early days of printing, letters were set from
type, and kerning was done by manually adjusting the
position of type. With the development of digital
typesetting technology, kerning has become more flexible and
accurate. Kerning can be adjusted according to specific
letter combinations. Some letter combinations may
require smaller kerning to avoid collisions between letters
or visual crowding. For example, the space in the
middle of the letter "AV" is usually smaller to avoid
interference between the slanted part of the "A" and the tip
of the "V". Conversely, some letter combinations may require
large kerning to keep the overall typography balanced and
balanced.
Fig.3.1
-
Letter spacing
refers to the horizontal distance between letters in
typesetting. It is essential for readability and
aesthetics of text. The adjustment of letter spacing can
affect the overall look and feel of the text, thereby
directing the reader's attention visually. The spacing
of letters depends on a number of factors, including the
design of the font and the context in which it is set.
In general, letter spacing should allow adequate space
between adjacent letters so that letter shapes are
clearly distinguishable. Small letter spacing can cause
letters to blend together and become indistinguishable.
Conversely, too much spacing can make the text look
sparse and loose, affecting the overall visual balance.
-
Tracking is used
to describe horizontal spacing adjustments between
characters. It affects the overall appearance and
readability of text. By adjusting the distance between
characters, you can change the compactness and openness
of the text. Larger trace values increase the spacing
between characters, making the text look more open and
relaxed. Smaller trace values reduce the spacing between
characters, making the text look more compact and
denser. Tracing can be applied to entire paragraphs or
specific sections of text to achieve visual balance and
consistency. In typographic design, tracking is a
powerful tool that can help designers control the look
and feel of text to enhance the effectiveness and appeal
of the design.
Fig.3.2 Tracking
First,
readability refers to
the legibility and clarity of text in typesetting.
Font choice, padding and line spacing, and paragraph and page
layout all affect readability.
Proper fonts and good kerning can enhance the readability of
text, making it easy for readers to read and understand the
content.
Second,
type size refers to the
size of the text.
Choosing the right type size ensures good readability of text
across different media and reading environments.
For example, for print media, a smaller type size may require a
larger line space to improve readability, while on screen, a
larger type size can better accommodate different display
resolutions and viewing distances.
leading refers to the
vertical spacing between rows.
Proper leadership ensures that lines are evenly spaced and that
the text is not overcrowded or sparse.
If the lead is too small, the interference between lines will
lead to decreased readability.
The leader is too large will waste space and affect the compact
layout.
line length is the
length of each line of text.
Too long a line will make it difficult for readers to follow
when reading across lines, while too short a line will lead to
the loss of rhythm.
The choice of line length should be based on media type,
typographical layout and reading experience to ensure that the
reader can read the content comfortably.
All in all, readability, type size, leadership, and length are
key factors that must be carefully considered in the
design.
With proper typography and font selection, we can ensure that
the text is clearly communicated, provide a good reading
experience, and provide visual comfort to the audience.
Week 4: Text
To extend a paragraph is to add a certain amount of space between paragraphs to
improve the readability and typography of the text.
It makes the text easier to read and helps readers better
understand the logical relationships between paragraphs.
Pilcrow is a paragraph
symbol (¶) and is often used in Typography to indicate the
starting position of a paragraph.
It helps readers quickly identify paragraph boundaries in
text.
Paragraph spacing is
the extra white space added between paragraphs to separate
them.
It improves the appearance of the overall typography and makes
the text easier to read and understand.
Indentation means
indenting the first line of a paragraph with a certain amount
of white space.
It helps highlight the beginning of a paragraph and adds
beauty and consistency to the overall typography.
Widows and orphans are
single words or short lines that appear in typesetting, at the
top or bottom of paragraphs.
They break the balance and consistency of the overall
typography, so adjustments are needed to ensure that the text
is beautiful and readable.
These concepts and elements in Typography play an important
role in typography and design, helping to optimize text
readability, aesthetics, and typography.
With proper use of extended paragraphs, Pilcrow, paragraph
spacing, indentation, and avoiding widows and orphans, more
attractive and professional typography can be created.
Week 5: Letter
Contrast refers to the
use of different font, size, color, line spacing and other
elements in a design to create visual differences and appeal.
Contrast is an important design principle that helps your
message get across clearly and capture the reader's attention.
Contrast plays a key role in Typography.
First, contrast helps create a hierarchy that separates
different pieces of information within the content.
By using different font sizes or thicknesses, headings can be
distinguished from body text, allowing readers to quickly
identify important information.
Second, contrast enhances readability.
Proper contrast can improve the clarity and legibility of the
text, making reading easier and more enjoyable.
In addition, contrast can direct the reader's attention, making
the design more attractive and visually striking.
To use contrast effectively, designers need to use different
elements skillfully while maintaining consistency.
The choice of fonts should take into account the fit between
their style and the information content, while the use of colors
should pay attention to their contrast and readability.
By combining these elements, contrast can make a work more
powerfully convey its message, catch the reader's eye, and
enhance the overall quality of the design.
Fig.5.1 Contrast
Week 5: Typesetting in different media
Print media: In print media, such as books, magazines and newspapers,
typography is very important.
In these mediums, font selection and arrangement need to take
into account paper, printing technology, and readability.
Font details and fine lines can be distorted during the
printing process, so you need to choose a font that is
suitable for printing.
In addition, factors such as line spacing, paragraph spacing,
and layout design need to be considered to ensure that the
reader can easily read and understand the content.
Screen media: In screen media such as electronic screens, mobile phones,
tablets and computers, typography faces different challenges
than printing.
On-screen fonts need to take into account factors such as
resolution, brightness and contrast to ensure that the text is
legible.
In addition, the layout of screen media needs to accommodate
different screen sizes and device orientations.
Techniques such as responsive design and fluid layout can be
used to optimize typography on a variety of screens.
Online media: On the Internet, the requirements for typography are more
diverse and complex.
In web design, typography needs to take into account the
compatibility of different browsers and operating systems, as
well as various screen sizes and device types.
In addition, typography on a web page needs to work well with
other elements, such as images, video, and interactive
elements, to provide a consistent user experience.
In general, typography in different media needs to take
into account specific technical requirements and user
experiences.
Whether in print, screen or web media, good typography
should have good readability, visual appeal and coordination
with other elements to effectively convey the message and
provide an excellent user experience.
Screen type refers
to the different screen types we use on different devices,
such as computers, tablets, phones, etc.
Different screen types have different resolutions, sizes,
and display characteristics, so in Typography, we need to
consider font selection and typography suitable for
different screen types.
Fonts may appear differently on different screens, so you
need to adjust them based on screen type to ensure that the
text is legible and consistent across devices.
Screen font size
refers to the size of the font used on the screen.
Due to the limited space on the screen and the difference in
reading distance, choosing the right font size is crucial
for readability and user experience.
Smaller screens often require larger fonts to ensure that
the text is legible.
For larger screens, you can use a slightly smaller font to
fit more content into a limited space.
In addition, consider the user's reading distance, for
example, the font size on the phone may need to be slightly
larger than the font size on the desktop monitor, as the
phone will usually read at a closer distance.
INSTRUCTION
评论
发表评论