- vừa được xem lúc

Understanding the Structure of Letterforms in Typography

0 0 10

Người đăng: Magipik Social Team

Theo Viblo Asia

A key component of visual communication is typography, the art of organizing letters. Understanding the architecture of letterforms is crucial for producing visually powerful designs. In this blog article, we'll look at the key components of typography and how they affect readability and beauty. Baseline, x-height, and cap height

The baseline, x-height, and cap-height are fundamental elements that guarantee alignment and harmony in typography.

Decedents and Ascendants

Ascenders (such as "b," "d," etc.) extend above the x-height, whereas descenders (such as "g," "j," etc.) extend below the baseline. For preserving readability, appropriate spacing is essential.

Sans Serif and Serif fonts

Sans-serif fonts lack the ornamental strokes (serifs) seen in serif types. While sans-serif fonts radiate modernity and simplicity, serifs reflect tradition and beauty.

Aperture and Counter

Apertures are partially enclosed in letters ('n,' 'h'), whereas counters are enclosed gaps in letters ('o,' 'e'). Apertures and counters that are properly formed improve readability.

Kerning and Space

The distance between letters and words must be evenly distributed. For optimum aesthetics and readability, Kerning modifies the gap between letter pairs.

Ligatures

Ligatures improve the visual flow of text by combining several letters into a single, coherent shape.

Bình luận

Bài viết tương tự

- vừa được xem lúc

Những kiến thức hay về Gradient: Gradient đẹp nhất chỉ được tìm thấy ở ngoài thiên nhiên!

. Quen thuộc từ lâu với rất nhiều người, nền Gradient chỉ là những bức nền với 2 hay nhiều dải màu sắc được hòa trộn với nhau. Đơn giản là vậy, nhưng càng ngày Gradient càng phổ biến hơn trong thiết kế Website ngày nay.

0 0 288

- vừa được xem lúc

Từng bước để chuẩn hóa dữ liệu Database

Chả là dự án đang phát triển một feature lớn, phải thiết kế thêm nhiều bảng, anh em dự án cứ bảo "Khách Hàng chẳng tuân thủ chuẩn hóa DB gì cả", mình mặc dù cũng có nhớ thời ĐH học rồi, cơ mà để chắc

0 1 31

- vừa được xem lúc

13 ví dụ về Empty (Blank) State mà bạn có thể sử dụng để cải thiện trải nghiệm người dùng trong quá trình Onboarding

Đã có bao giờ bạn đăng ký tài khoản của một sản phẩm mới và sau khi đăng nhập vào, bạn cảm thấy thật bối rối do không biết phải làm gì tiếp theo vì trước mắt bạn là một màn hình trắng toác, hoàn toàn

0 0 54

- vừa được xem lúc

Why do computers use RGB for colors, and not RBY?

Computer screens use red, green, and blue RGB as pixel colors, but why? They told us in kindergarten that RBY were the primary colors..

0 0 23

- vừa được xem lúc

Awesome User Avatars Made Easy

Easily give your app users an awesome avatar image. Use the DiceBear tool to randomly generate svg graphics, like user initials, abstract patterns, and pixel art that will save many hours of design an

0 0 23

- vừa được xem lúc

QUY TẮC ĐẶT TÊN FILE MÀ MỘT NEW CODER CẦN BIẾT [ẢNH・ ID・ TÊN CLASS]

Link nguồn : http://html-coding.co.jp/knowhow/tips/naming-rule/. Một new coder rất hay lúng túng trong việc đặt tên file, id hay tên class.

0 0 26