News

Typography: 26 nên và không nên khi viết content, hay thiết kế

Có thể bài “Hướng dẫn Typography” với Siêng mất vài ngày để viết nhưng với rất nhiều bạn mới bắt đầu thì đó là kiến thức mà cần vài năm mày mò, vài năm làm sai, vài năm rút kinh nghiệm đúc kết như chính con đường mà Siêng đã trải qua. Dù biết rằng ai rồi cũng phải đi qua những đoạn đường khó, những tháng ngày chim non tập bay nhưng nếu ban đầu lĩnh hội một nền tảng chuẩn mực, một hệ thống các nguyên tắc căn bản (như bảng cửu chương) thì ngày tháng trở thành đại bàn sẽ nhanh và sớm sải cánh vươn cao. Hy vọng, tài liệu này sẽ giúp mọi người có cách làm tốt hơn với Typography 😊

Typography là từ ghép bởi “Typo” “và graphic” để mô tả nghệ thuật sắp đặt và kỹ thuật ghép chữ trong in ấn. Typography là sự kết hợp khéo léo nghệ thuật giữa typefaces, point size, line length, leading (line spacing), letter-spacing (tracking). Nhằm đem lại cho người xem cảm giác dễ đọc nhất, nổi bật nội dung, và truyền tải được ý đồ của người thiết kế tới người đọc. (Nguồn: idesign). Typography còn là bất cứ thứ gì mà chúng ta “đọc” được nên việc nắm các nguyên tắc cơ bản sẽ giúp bạn viết content và design hình ảnh hiệu quả hơn rất rất nhiều.
Vậy hãy cùng Siêng học Typography với hình ảnh dễ hiểu bên dưới nhá 😙


1. Typography Facebook, Instagram

Viết hoa trong văn bản

Viết hoa trong văn bản bài viết trên Facebook

Ký tự, biểu tượng (icon) trong bài đăng

Có thể là hình ảnh về văn bản

Sử dụng công cụ hiệu ứng chữ

Sử dụng công cụ hiệu ứng chữ

Hashtag trong văn bản bài viết

Hashtag trong văn bản bài viết trên Facebook, Instagram
hashtag Không có khoảng cách phân biệt, rối mắt

2. Typography cho web

Chiều cao giữa các dòng

Chiều cao giữa các dòng khi viết contrent trên web

Tiêu đề đoạn văn

Tiêu đề đoạn văn trên  web và Group Facebook
Tiêu đề đoạn văn trên  web và Group Facebook

Kiểu font trên web mobile

Kiểu font trên web mobile có chân (Serif) và không chân (San-serif)

Căn chỉnh (Align) trái, phải và đều 2 bên

Căn chỉnh (Align) trái, phải và canh đều 2 bên của nội dung chi tết
Căn chỉnh (Align) trái, phải và canh đều khi viết content trên web

Khoảng Trắng (whitespace)

Khoảng Trắng (whitespace) khi viết content trên website

In đậm chữ (bold)

In đậm chữ (bold) khi viết content trên web

Màu sắc (color)

Màu sắc (color)

Chú thích hình ảnh

Chú thích hình ảnh Màu và kích thướt của chú thích ảnh
Chú thích hình ảnh Vị trí của chú thích hình ảnh nên đặt

Định dạng chữ của bài viết

Định dạng chữ của bài viết

3. Typography khi design ảnh

Độ tương phản của chữ

Độ tương phản của chữ khi thiết kế hình ảnh

Vị trí của chữ

Độ tương phản của chữ khi thiết kế hình ảnh


Tỷ lệ chữ

Tỷ lệ chữ khi thiết kế hình ảnh

Số lượng Kiểu chữ

Số lượng Kiểu chữ khi thiết kế hình ảnh

Khoảng trắng và khoảng cách chữ

Khoảng trắng và khoảng cách chữ khi thiết kế hình ảnh

————————–

P.s: Tài liệu này được viết bởi team Brandee với lòng nhiệt thành và cái tâm mong muốn giúp ích cộng đồng nhưng chỉ vài con người thì vẫn không bao quát hết, thậm chí vẫn sẽ có sự thiếu sót ngoài mong muốn. Nếu có điều gì chưa tốt mong nhận được góp ý và bổ sung chân thành từ bạn đọc. Để tài liệu này sẽ là nguồn tham khảo vô giá cho một thế hệ trẻ sau này vững vàng hơn bao giờ hết.

Xin chân thành cảm ơn!