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

Brandee 31/05/2021, Cập nhật: 3 năm trước

Có những thứ học không bao giờ hết, nhưng khi học những tinh hoa, học từ nền tảng thì bạn lại biết hết mọi thứ từ những điều căn cơ 😊.

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!

Ý KIẾN THÀNH VIÊN
    Chưa có bình luận