Thêm thông tin về lịch học tại Sine Art

Đăng kí nhận lộ trình luyện thi vẽ

ĐĂNG KÝ HỌCĐĂNG KÝ TƯ VẤN
Sine Art

SineArt là trung tâm luyện thi vẽ với lộ trình chi tiết cho từng ngành và từng trường, giúp bạn thi đậu vào ngôi trường mơ ước.

  • 67 Đ. Tân Sơn Nhì, Phường 14, Tân Phú, Thành phố Hồ Chí Minh
  • 086 755 1531
  • sineart.official@gmail.com
Thư viện kiến thức
Lý thuyết cơ sở
  • Cơ sở tạo hình
  • Nguyên lý thị giác
  • Phương pháp vẽ giới hạn
  • Phương pháp vẽ cấu trúc
  • Phương pháp vẽ Silhouette
  • Phương pháp vẽ Force
  • Phương pháp ký họa
  • Cách điệu
Bố cục
  • Lý thuyết phối cảnh
  • Phối cảnh song song
  • Phối cảnh mắt cá
  • Phối cảnh Panorama (360°)
  • Điểm tập trung
  • Bố cục sắc độ
  • Bố cục trong tranh
  • Bố cục trong thiết kế
  • Nghệ thuật chữ — Typography
Giải phẫu
  • Tỉ lệ cơ thể người
  • Giải phẫu cho thiết kế nhân vật
  • Giải phẫu chân dung người
  • Cấu trúc & giải phẫu bàn chân
  • Cấu trúc và giải phẫu bàn tay
Màu sắc
  • Không gian màu là gì?
  • Lý thuyết hòa sắc
  • Có nên học vòng RYB?
  • Gam màu
  • Hệ thống màu Munsell
  • Mô hình Cộng - Trừ màu
  • Các thuộc tính cơ bản của Màu sắc
  • Màu sắc qua các thiết bị điện tử
  • Các hệ màu vật lý phổ biến
Sắc độ
  • Phối cảnh khí quyển
  • Shading là gì?
Vật liệu
  • Lý thuyết vật liệu cơ bản
  • Lý thuyết vật liệu nâng cao (PBR)
Thư viện›Bố cục›Nghệ thuật chữ — Typography

Thư viện · Bố cục · N° 35

Nghệ thuật
chữ — Typography

Chữ như hình: font, hierarchy, khoảng dòng, độ tương phản và bố cục chữ trong poster, sách và portfolio.

Sine Art12 phút đọcBố cục
composition

Typography (nghệ thuật sắp chữ) không chỉ là chọn font đẹp — đó là cách bạn dùng chữ như một lớp hình trong bố cục: tạo cấp bậc thị giác, dẫn mắt người xem, và truyền tải tông cảm (từ tối giản đến sôi nổi) mà không cần thêm một nét vẽ nào.

3
Cấp chữ
Tiêu đề — phụ — nội dung
1.4–1.6
Leading gợi ý
Body text web / in
2
Font chính + phụ
Đủ cho đa số dự án
01

Khái niệm

Typography là gì trong mỹ thuật & thiết kế?

Khi bạn vẽ tranh, chữ thường là phần “đi kèm” — tiêu đề poster, chữ ký, comment trong sketchbook. Nhưng trong thiết kế đồ hoạ, poster, portfolio và editorial, chữ chiếm một diện tích lớn và có vai trò như hình khối âm dương: cụm chữ đậm tạo một khối đen; khoảng trắng (negative space) giữa dòng, chữ cái và lề tạo nhịp thở cho bài.

Typography gặp gỡ trực tiếp với bài Cơ sở tạo hình: trên trang in hoặc màn hình, chữ cũng hành xử như điểm, đường, khối và không gian âm — “chất liệu” của bạn là glyph và khoảng cách, không chỉ nét vẽ tự do.

Hiểu typography giúp bạn không lạc giữa hàng nghìn font trên mạng: bạn chọn theo chức năng (đọc lâu / bắt mắt tức thì) và theo context (sách, web, tường triển lãm).

Lưới và cột typographic — căn chỉnh khối chữ
01 Grid — chữ bám cột
Khoảng gutter và margin trong layout chữ
02 Khoảng lề & nhịp lặp
Cụm tiêu đề và khối thân bài trong một spread
03 Khối tiêu đề vs khối đọc

A — Thuật ngữ cơ bản

Typeface / FontHọ chữ / Bộ font

Typeface là thiết kế (vd: Helvetica); font là file cụ thể (Regular, Bold…).

HierarchyCấp bậc

Khác biệt cỡ, đậm nhạt, màu để mắt biết đọc gì trước, gì sau.

LeadingKhoảng dòng

Khoảng cách giữa các dòng cơ sở — ảnh hưởng khả đọc và cảm giác sang/trật.

Tracking / KerningKhoảng cách chữ

Tracking: toàn cụm; kerning: từng cặp chữ cái — quan trọng với chữ in lớn, logo.

A Bố cục poster — chữ lớn, tương phản mạnh, ít dòng

Poster / Key visual — chữ lớn, ít dòng, đọc xa

B Trang editorial — nhiều cấp chữ và khối đọc dài

Editorial / portfolio — nhiều cấp chữ, khối đọc dài

02

Đọc & nhìn

Ba lớp người xem cần nhận ra

Một bố cục chữ tốt cho người xem 3 tầng: (1) nhận ra chủ đề trong vài giây đầu — (2) hiểu phụ đề hoặc thông tin phụ — (3) đọc chi tiết nếu họ muốn. Nếu mọi thứ cùng một cỡ và độ đậm, mắt không có điểm neo.

i
Tiêu đềDisplay / H1
Lớn nhất, có thể serif/display đặc trưng hoặc sans mạnh — thể hiện cảm xúc thương hiệu hoặc chủ đề.
ii
Phụ đề / nhómSubhead
Trung gian: nhận diện mục con, không tranh với tiêu đề nhưng rõ hơn đoạn văn.
iii
Nội dungBody
Font dễ đọc, leading đủ, độ dài dòng hợp lý (khoảng 45–75 ký tự/ dòng thường dùng cho sách/báo).

Minh hoạ

Cấp bậc nhìn từ xa

Khi nheo mắt, tiêu đề vẫn phải là khối đậm nhất; phụ đề tách bậc rõ với đoạn văn. Đây chính là cách kiểm tra hierarchy trước khi in poster hay xuất PDF portfolio.

Cùng tinh thần với nguyên lý nhấn mạnh và tương phản trong Cơ sở tạo hình — chỉ áp dụng lên chữ và khoảng trắng.

Ví dụ trang có tiêu đề lớn, phụ đề và khối body

Chữ đẹp là chữ đúng vai trong bố cục — không nhất thiết là chữ hoa mỹ nhất.

— Quan điểm editorial
03

Đối thoại giữa các font

Ghép font và giữ nhất quán

Nguyên tắc an toàn: một font cho nội dung dài + một font cho tiêu đề / nhấn mạnh (có thể cùng họ với nhiều trọng lượng, hoặc sans + serif bổ trợ). Thêm font thứ ba chỉ khi bạn đã thành thạo cấp bậc và khoảng cách lề.

Trong poster mỹ thuật, chữ thường ngắn — có thể dùng display có cá tính mạnh; trong portfolio PDF, ưu tiên khả đọc và spacing đều đặn để giảng viên đọc không mỏi.

Cặp font sans — tiêu đề và trích dẫn
i Cặp sans — gọn, hiện đại
Phối serif tiêu đề và sans body
ii Serif + sans cổ điển
Nhiều cấp cỡ chữ trên một trục
iii Nhiều weight trong một họ
Trang bìa — display type và khối phụ
iv Display + khối phụ
01

Contrast cỡ

Ít nhất 1.5–2 bậc giữa tiêu đề và body (vd body 11–12pt → tiêu đề 24–36pt).

02

Giới hạn độ rộng dòng

Block text quá ngang khiến mắt mệt — chia cột hoặc thu nhỏ khối.

03

Canh lề có chủ đích

Canh trái thân thuộc cho tiếng Việt dài; canh đều chỉ khi dòng đủ ít từ và bạn kiểm tra rivers.

04

Squint test

Nheo mắt: tiêu đề vẫn nhô ra nhất? Nếu không, tăng độ tương phản cỡ hoặc đậm nhạt.

Tốt cho khả đọc

Ưu tiên

  • Khoảng dòng (leading) đủ cho đoạn văn
  • Tương phản màu chữ — nền đạt WCAG khi là UI
  • Cấp bậc rõ bằng cỡ + weight
  • Ít font, nhất quán margin/gutter

Dễ gây mệt

Tránh

  • Quá nhiều font decorative trong một trang
  • Chữ quá nhỏ trên poster treo xa
  • ALL CAPS cho đoạn văn dài
  • Tracking âm quá mức trên chữ nhỏ
04

Tiếng Việt

Dấu, độ cao chữ và chọn font

Tiếng Việt có dấu và thanh — font kém thiết kế sẽ làm dấu chồng hoặc vỡ rhythm. Khi chọn font cho dự án song ngữ hoặc chỉ tiếng Việt, nên kiểm tra đủ bộ ký tự và thử đoạn văn thật trước khi lock font.

Trên poster triển lãm, test in hoặc xem mockup kích thước thật: chữ nhỏ trong file có thể mất khả đọc khi in A2/A0.

+Nên làm
  • Lập style sheet: cỡ H1/H2/body cho cả dự án
  • Dùng grid hoặc baseline để các khối chữ căng hàng
  • Tham chiếu poster / book design bạn thích và đếm bậc chữ
  • Export PDF/embed font khi gửi file in ấn
−Nên tránh
  • Kéo dãn font (scale không đồng tỉ lệ) trừ khi chủ đích méo thị giác
  • Dùng outline quá mỏng trên nền họa tiết
  • Nhồi quá nhiều dòng slogan trong một khối hẹp
  • Copy font trend mà không khớp nội dung

⭐ Điểm mấu chốt

Typography là bố cục của ngôn ngữ hiển thị.

Nắm hierarchy, spacing và khả đọc, bạn có thêm một lớp công cụ để hoàn thiện poster, portfolio và nhận diện cá nhân — song song với hình vẽ và màu sắc.

05

FAQ

Câu hỏi thường gặp

Serif hay sans cho portfolio nghệ thuật?−

Cả hai đều được. Sans thường cảm giác hiện đại, sạch; serif mang cảm giác editorial, cổ điển. Quan trọng là đồng nhất trong toàn bộ file và đủ khả đọc khi chữ nhỏ.

Có cần mua font không?+

Nhiều font Google Fonts / Adobe Fonts đủ cho học tập và portfolio cá nhân; dự án thương mại cần đọc license. Font trả phí thường có đầy đủ weight và kerning tốt hơn.

Typography có liên quan bài Bố cục không?+

Rất liên quan: chữ là các khối hình trong grid — xem thêm các bài nhóm Bố cục trong Thư viện để ghép hierarchy không gian và hierarchy chữ.

Làm sao luyện nhanh?+

Sắp lại layout một poster có sẵn chỉ bằng cách đổi cỡ và weight chữ; hoặc tái thiết kế typography cho một trang sách / ảnh bìa album.

←Bài trướcBố cục trong thiết kếBố cục
Tiến độ đọc

0% đã đọccòn ~12 phút

Tags
typographyfontchữhierarchy
Sine Art · 350+ học viên

Học mỹ thuật bài bản

Giáo trình khoa học, đồng hành cùng học viên từ nhập môn đến luyện thi khối H, V.

Xem khoá học →🎨 Đăng ký học thử
Sine Art
Khóa học▾
Luyện thi & bổ trợ
🟨Hình họaOnline🟨Bố cục màuOnline🟨Trang trí màuOnline🟨Luyện thi tại lớpTại lớp
Digital
💻BackgroundOnline
Kids
🟦Sine KidsTại lớp
Bổ trợ
🟪Mỹ thuật bổ trợTại lớp
Bài học viênHướng nghiệp
🟥Lý thuyết nền tảng🟪Free ebook🟨Đề thi
Thông tin đại họcThi thửBlogs