Design Skills (Anyone can become a Designer-to-be) - Topic 3: Recap Nghệ thuật sắp xếp con chữ

Dear cả nhà,

Lại là Amber ạ :fox_face:

Và đây là chiếc recap nhỏ bé cho mini-event vừa diễn ra của Amber: The art of Typography (2019-11-06 13:15 at Berlin)

Typography là bất cứ thứ gì bạn “đọc” được. Nó nằm trong những cuốn sách chúng ta đọc, trên các trang web chúng ta truy cập. Hay ngay cả trong cuộc sống hàng ngày, đó là những dòng chữ trên bảng hiệu dọc các con phố. Typography còn được nâng tầm để trở thành nghệ thuật “chơi” với các con chữ.

Nội dung chính gồm 2 phần:

• Cách xếp chữ đảm bảo tính truyền đạt thông tin và cảm xúc.

• Resource/Reference cho cảm hứng Typo thăng hoa

Typography cơ bản - trò chơi xếp chữ

Đôi khi, cuộc đời ném cho bạn một đoạn văn bản mộc mạc như thế này :herb:~

Bước 1: Sắp xếp các thông tin theo nhóm

Thiết lập lại hệ thống cấp bậc nhằm làm rõ thông tin

Bước 2: Tìm phần thông tin quan trọng để nhấn mạnh

“Chia sẻ về thiết kế chữ” và các chữ liên quan được đẩy lên đầu để thể hiện nội dung bao trùm cho toàn bộ phần văn bản phía dưới, tuy nhiên, cụm từ này lại không phải là cụm từ quan trọng nhất.

Bước 3: Tạo kết cấu cho tổng thể

  • Thêm yếu tố kích thước vào hệ thống chữ nhằm chỉ cho người xem thấy phải bắt đầu đọc từ đâu. Tăng khoảng cách các phần để tạo thêm kết cấu cho tổng thể. Đẩy thêm vào phần căn lề và khoảng cách, đồng thời đa dạng hoá hệ thống kích thước và độ dày của chữ để

  • Tăng tương phản nhằm nhấn mạnh vào phần văn bản quan trọng nhất và làm giảm sự quan trọng của các nội dung kém quan trọng hơn bằng yếu tố kích thước và độ dày chữ.

  • Thêm một chút màu sắc để dẫn dắt thị giác. Trong hình phía trên, các yếu tố đồ hoạ (như đường nét và hình khối) cũng được thêm vào để nhấn mạnh các khối nội dung.


Nhìn chung, các luật áp dụng cho chữ như kích thước và độ dày cũng áp dụng được cho các yếu tố đồ hoạ này. Đồng thời, cân bằng lại tổng thể bằng cách tạo hướng nhấn cho thị giác (hướng trái so với hướng phải) và điểm nhấn bởi các yếu tố bị cắt ở cạnh giấy.

Kết quả tổng thể chung tạo ra hiệu ứng dẫn mắt người xem vào con chữ, sau đó theo logic đến các yếu tố gần đó và chuyển các khu vực khác nhau theo sự dẫn dắt của các yếu tố màu sắc rải rác trong bố cục chung.

~Tada, và chúng ta đã có em chữ mộc mạc lột xác sau 3 phút :tada::tada::tada:

Các thuật ngữ cơ bản trong Typography

  • Expressive Typo (Script/Decorative)
  • Functional Typo (Serif/Sans Serif)

Có thể bạn (đã từng) chưa biết

Cơ mà, để đơn giản hóa và sự ghi nhớ cố hữu, việc rạch ròi Font/Typeface không quá quan trọng.

Quan trọng là chúng mình hiểu nhau, phải không nào? :">>>

1. Serif là gì?

Định nghĩa Serif

Serif nghĩa là một đường thẳng hoặc một nét nhỏ ở trên thành phần của chữ, thường là những đường định hướng và ổn định cấu tạo chữ. Serif thường được biết đến với tên gọi “chữ có chân”.

Phân loại font serif

Old-style

Kiểu chữ serif old-style đã có mặt từ năm 1465, không lâu sau khi thợ kim hoàn Johannes Gutenberg cho ra đời phương pháp in ấn “movable type”. Các nhà in ở Ý đã tạo ra một loại chữ thích hợp với phương pháp in này, lấy cảm hứng từ thư pháp thời Phục hưng. Old-style là kiểu chữ được các nhà in ưa chuộng nhất bởi vẻ ngoài mộc mạc và sự dễ đọc của chúng trên giấy.

Đặc trưng của old-style là độ tương phản giữa các nét thanh và đậm thấp, phần mỏng nhất của một chữ cái thường nằm ở góc thay vì ở trên hay dưới cùng. Kiểu chữ này giữ lại hình thức tương tự như chữ nghiêng viết tay nên thường nghiêng theo 1 trục trong khoảng từ 9-16 độ và có các nét cong để nối các serif với chữ cái chính.

Transitional

Kiểu chữ serif transitional, hay còn gọi là baroque, xuất hiện vào khoảng cuối thế kỷ 17. Đây là kiểu chữ có sự pha trộn giữa old-style và kiểu chữ serif hiện đại, đó chính là lý do tại sao nó được đặt tên là Transitional.

Đặc trưng của transitional là độ tương phản giữa các nét thanh và đậm cao, nhưng chưa rõ ràng như kiểu chữ serif hiện đại ra đời sau đó. Các chữ cái chuyển sang trục thẳng đứng, phần đầu của chúng được thay bằng các nét tròn trịa, mềm mại hơn.

Didone

Kiểu chữ serif Didone, hay còn gọi là serif hiện đại trên thực tế đã xuất hiện từ cuối những năm 1700 và 1800. Kiểu chữ được ra đời và phát triển bởi các nhà in người Pháp, Ý và Đức là Firmin Didot, Giambattista Bodoni, Justus Erich Walbaum. Mục tiêu của họ là tạo ra các đoạn văn bản in ấn có thiết kế thanh lịch hơn, từ đó họ đã phát triển ra kiểu chữ serif với độ tương phản giữa các nét thanh đậm cực kì cao để thể hiện được công nghệ sản xuất giấy và in ấn ngày càng tinh tế của thời kỳ ấy.

Một số đặc trưng cơ bản của didone:

  • Chiều dài và chiều rộng của con chữ không có nhiều chênh lệch.
  • Các con chữ có nét dọc dày, hướng theo trục dọc.
  • Độ tương phản giữa các nét rất mạnh.
  • Các phần serif thường mềm mại, có hình giọt nước hoặc hình tròn

Slab serif

Kiểu chữ slab serif bắt đầu xuất hiện từ năm 1817, với mục đích ban đầu là để sử dụng trong các poster cần thu hút sự chú ý. Slab serif cũng có rất nhiều biến thể: một số font chữ thì theo phong cách geometric với độ dày của các nét chữ không thay đổi nhiều. Số khác thì lại có cấu trúc giống với hầu hết các kiểu chữ serif khác, nhưng có phần serif rõ ràng, đậm nét hơn.

Ứng dụng của kiểu chữ serif

Trong in ấn, xuất bản

Nhờ có lịch sử phát triển lâu đời, gắn liền với sự phát triển của ngành in nên kiểu chữ serif được sử dụng phổ biến nhất trong in ấn sách, báo, tạp chí. Vậy nên, nếu thiết kế của bạn có nhiều chữ, hãy cân nhăc sử dụng serif nhé, bởi phần chân của kiểu chữ này sẽ giúp điều hướng mắt người đọc đó.

Trong nhận diện thương hiệu

Kiểu chữ serif thường tạo cảm giác trang nhã, tự tin và đáng tin cậy. Vậy nên, nếu thương hiệu của bạn hướng đến sự cao cấp, nghiêm túc hoặc truyền thống (văn phòng luật, tòa soạn, công ty bảo hiểm,…), hãy cân nhắc sử dụng kiểu chữ serif để truyền tải được chính xác đặc điểm của thương hiệu.

Một số thương hiệu sử dụng kiểu chữ serif trong bộ nhận diện của mình:

2. Sans-serif là gì?

Định nghĩa sans-serif

Trong tiếng Latin, sans-serif nghĩa là “không có chân”, để chỉ những kiểu chữ không có thêm các yếu tố “serif” - đường thẳng hoặc một nét nhỏ ở trên thành phần của chữ, thường là những đường định hướng và ổn định cấu tạo chữ.

Phân loại font sans-serif

Grotesque

Hầu hết các font chữ sans-serif đời đầu (thế kỉ 19 - đầu thế kỉ 20) đều thuộc kiểu chữ Grotesque. Ảnh hưởng bởi kiểu chữ serif Didone và cách vẽ biển hiệu thời đó, đặc điểm nổi bật của Grotesque là có thiết kế chắc chắn, phù hợp với các headline hoặc biển quảng cáo. Khoảng cách về chiều cao giữa đỉnh các chữ hoa và in thường là rất ít, điều này khiến Grotesque trở thành “bạn thân” của các đoạn chữ in hoa.

Neo-grotesque

Neo-grotesque xuất hiện vào những năm 1950 với sự ra đời của International Typographic Style (hay còn gọi là Swiss Style). Bạn có biết rằng, Helvetica - typeface được ra đời vào năm 1957 và trở thành typeface được sử dụng nhiều nhất trong nhiều thập kỷ sau này, chính là kiểu chữ Neo-grotesque điển hình đó.

Kiểu chữ Neo-grotesque có thiết kế khá đơn giản nhưng lại có một lợi thế lớn hơn so với đàn anh Grotesque, chính là ở sự đa dạng và linh hoạt. Các typeface thuộc kiểu Neo-grotesque thường bao gồm các font chữ thanh đậm khác nhau, khiến việc áp dụng chúng trong văn bản trở nên dễ dàng hơn.

Geometric

Như tên gọi của mình, kiểu chữ sans serif Geometric được dựa trên các hình khối cơ bản, cụ thể là hình vuông và tròn. Kiểu chữ này bắt nguồn từ những năm 1920 tại Đức với Herbert Bayer và Jakob Erbar được cho là cha đẻ của Geometric. Do thiết kế hiện đại, gọn ghẽ của mình mà Geometric trở nên phổ biến vào những năm 20-30 của thế kỉ 20.

Đặc điểm nổi bật nhất của kiểu chữ này chính là chữ “O” được thiết kế như một hình tròn hoàn hảo. Ngoài ra, đây cũng là kiểu chữ ít được ưa chuộng nhất với các đoạn văn bản dài; thường được sử dụng cho tiêu đề hay các đoạn văn ngắn.

Humanist

Về thiết kế, kiểu chữ sans serif Humanist có thiết kế đa dạng hơn so với những kiểu chữ tiền nhiệm của mình. Một số typeface sẽ có độ tương phản giữa các nét rõ ràng hơn, số khác lại mang hơi hướng Geometric; có typeface lại mô phỏng lại kiểu dáng của chữ viết tay hoặc thư pháp.

Humanist đặc biệt phù hợp để sử dụng trên màn hình hay ở các khoảng cách xa bởi một đặc điểm nổi bật ở kiểu chữ này chính là khoảng cách giữa các nét lớn - đây là một điểm không phổ biến ở kiểu chữ Grotesque và Neo-grotesque.

Ứng dụng của Sans serif

Thiết kế giao diện người dùng (UI)

Nếu như serif là kiểu chữ chiếm ưu thế trong thiết kế in ấn thì trong UI, sans serif lại là lựa chọn hàng đầu của designer bởi sự dễ nhìn của chúng trên màn hinh máy tính hay điện thoại.

Nhận diện thương hiệu

Khác với serif, kiểu chữ sans serif giúp toát lên sự tinh tế, đơn giản và trẻ trung. Những thương hiệu muốn hướng tới giới trẻ hay muốn được nhìn nhận là một thương hiệu thân thiện, gần gũi thường sử dụng sans serif làm kiểu chữ chính của mình. Những đặc điểm này khiến sans serif cực kì phù hợp với các start-up hoặc công ty công nghệ đó.

3. Đọc thêm: Các thuật ngữ nâng cao

Hierachy

Hệ thống phân cấp được sử dụng để điều hướng mắt người đọc đến những thông tin quan trọng nhất. Nói cách khác, nó cho người đọc thấy điểm bắt đầu và điểm tiếp theo họ cần đọc, bằng cách sử dụng các mức độ nhấn mạnh khác nhau.

Để tạo hệ thống phân cấp rất đơn giản: Bạn chỉ cần quyết định yếu tố mà bạn muốn người đọc chú ý trước tiên, sau đó làm chúng nổi bật lên. Các yếu tố quan trọng thường lớn, đậm hoặc khác biệt theo một cách nào đó.

Leading

Leading là khoảng cách giữa các dòng. Mục đích của leading là giúp cho văn bản của bạn càng dễ đọc càng tốt. Giãn dòng quá lớn hoặc quá nhỏ đều khiến người đọc cảm thấy khó chịu.

Tracking

Là độ giãn cách các chữ cái với nhau. Có nhiều chương trình cho phép bạn làm dày hoặc giãn rộng yếu tố này, phụ thuộc vào nhu cầu của bạn. Với một số thiết kế, việc tùy chỉnh kỹ thuật tracking sẽ đem lại những yếu tố hiệu quả về mặt nghệ thuật nhất định. Nó cũng có thể giúp bạn sửa các font chữ có giãn cách không tốt.

Kerning

Kerning là khoảng cách giữa hai chữ cái (hoặc các ký tự khác như: số, dấu câu,…) và quá trình điều chỉnh khoảng cách để giảm khoảng trống không phù hợp giữa các chữ cái hay tăng khoảng trống giữa các kí tự khó đọc.

15 con chữ/Typeface đẹp

1. Helvetica

Không thể phủ nhận, Helvetica chính là font chữ được sử dụng nhiều nhất bởi các designer cả chuyên nghiệp và không chuyên. Một số designer dành nhiều lời khen ngợi cho font chữ này và cho rằng nó có thể minh hoạ và truyền tải mọi thông điệp mà bạn muốn gửi gắm. Helvetica là một kiểu chữ đơn giản, hiện đại và dễ đọc phù hợp với hầu hết tất cả các thiết kế, từ các trang báo chuyên nghiệp đến các bài quảng cáo ở nhiều lĩnh vực khác nhau,…

2. Montserrat

Montserrat là font chữ thân thiện và thường được các designer sử dụng trong thiết kế giao diện web hay ứng dụng di động. Tuy nhiên vì độ đậm của kiểu chữ này mà nó sẽ là con dao hai lưỡi khi bạn dùng nó để trình bày những đoạn văn dài đó.

3. Garamond

Mặc dù có rất nhiều phiên bản của Garamond nhưng phiên bản được sử dụng nhiều nhất hiện nay là Adobe ITC Garamond được phát hành vào năm 1989. Garamond là một font chữ tuyệt vời cho các tạp chí, sách giáo khoa, trang web hay những văn bản dài. Gần đây, một ấn phẩm của Đức đã bình chọn Garamond là font chữ tốt nhất sau Helvetica.

4. Beautiful Bloom

Khi nhắc đến những font chữ đẹp, người ta thường nghĩ đến những font chữ viết tay hoặc những font chữ theo phong cách thư pháp. Beauty Bloom là sự kết hợp hoàn hảo của cả 2 loại này. Sự kết nối không đều giữa các chữ cái làm cho font chữ này trở nên nổi bật cho những thiết kế thiệp mời, logo chữ ký hay thư cảm ơn.

5. Linotte

Các nét trong font chữ này có kết thúc tròn khiến cho người xem có cảm giác hạnh phúc. Linotte có 5 kiểu khác nhau để bạn có thể thoải mái sáng tạo kết hợp chúng.

6. Playlist

Đây là một bộ đôi font chữ đặc biệt. Phiên bản sans của cặp font chữ này là một chữ viết tay mềm mại kết hợp với một chữ theo nét cọ khô, lỏng. Artimasa Studio đã thiết kế các font chữ này để người dùng có thể sử dụng cùng nhau, do đó người dùng sẽ không cần phải lãng phí thời gian ghép các font.

7. Futura

Futura là một phông chữ xuất hiện thường xuyên trên những màn hình lớn, logo hay trong những sách cần trình bày văn bản nhỏ.

8. Bickham Script Pro

Bickham Script Pro được sử dụng chủ yếu cho những dịp sang trọng .

9. Bodoni

Bodoni là sự lựa chọn tuyệt vời nếu bạn muốn tìm một font chữ cho tiêu đề hay logo của mình. Bodoni có cấu trúc cơ bản hẹp với các serif thẳng và mảnh. Bề mặt font chữ này có độ tương phản cao giữa các nét thanh và nét đậm khiến nó mang tính thẩm mỹ cao hơn trong thiết kế.

10. Edwardian Script ITC

Khác với những font chữ cơ bản ở trên, đây là một font chữ cách điệu với những nét mềm mại. Chính vì sự thanh lịch và cân đối của font chữ này khiến nó nhìn thật tuyệt vời trong những thiết kế thiệp đám cưới, thiệp cảm ơn hay thiệp mời. Font chữ này thường được dùng trong thiết kế trang trí thay vì trình bày văn bản.

11. Braggadocio

Một trong những font chữ sans serif tốt nhất của Photoshop là Braggadocio. Đây là một kiểu chữ táo bạo, siêu cách điệu khiến người xem ngay lập tức bị thu hút. Font chữ này rất tốt cho các tựa đề được thiết kế theo phong cách Retro. Tuy nhiên, không nên sử dụng quá nhiều font chữ này sẽ dẫn đến khó đọc.

12. Trajan

Bạn có thể dễ dàng tìm thấy font chữ này trong các thiết kế poster film Hollywood. Trajan là một font chữ serif kiểu cũ được thiết vào năm 1989 bởi Carol Twombly cho Adobe. Thiết kế này được lấy cảm hứng từ những hình học thời La Mã và được sử dụng cho dòng chữ ở chân cột Trajan. Từ đó, kiểu chữ này lấy tên là Trajan.

13. American Typewriter

Bạn muốn có một font chữ slab có thể giúp bạn trình bày tốt các đoạn văn mà phải mang hơi hướng hiện đại và giản dị hơn Times New Roman? American Typewriter là câu trả lời dành cho bạn, nó sẽ mang đến cho đoạn văn bản một phong cách Retro của những máy đánh chữ ngày xưa.

14. Cabana

Cabana là font chữ được thiết kế bởi Adrien Coquet với dáng chữ cao cao, là sự lựa chọn tuyệt vời khi thiết kế trên đồ học trang trí. Cabana thực sự là một font chữ thú vị mà bạn nên thử.

15. Times New Roman

Nếu bạn đang muốn tìm một font chữ dễ đọc hoặc không quá hào nhoáng, Times New Roman là font chữ mà bạn khó có thể bỏ qua. Đây là một font chữ thông dụng, được sử dụng rộng rãi nhất do được cài đặt sẵn trong phần mềm Photoshop. Times New Roman được tạo ra lần đầu tiên vào những năm 1920 trên các sách, báo và tạp chí.

Nguồn Font chữ Free for Download

Làm sao để biết đâu là font chữ rì đang được sử dụng trong một tấm ảnh?

Cảm ưn cả nhà đã ghé thăm :peacock: Lời nhắn nhủ sau-cuối-bài, xin đừng để chữ rơi ạ :crying_cat_face: