30 cách ghép cặp font chữ hiệu quả

[Member]

Việc ghép cặp font chữ phù hợp có thể làm cho thiết kế của bạn có điểm nhấn tạo sừ hài hoà và thu sự chú ý của người dùng, ngược lại nó cũng khiến cho thiết kế của bạn trông rất hỗn độn và gây khó chịu cho người xem. Chúng ta thường có 3 cách ghép chữ chính là:

1. Sử dụng phông chữ cùng một family

Cách dễ nhất để tìm cặp phông chữ hoàn hảo là sử dụng các phông chữ khác nhau trong cùng một nhóm phông chữ bao quát. Nó thường gọi là 'superfamily' và bạn sẽ có một loạt các chữ số, kiểu dáng và type face được thiết kế riêng để làm việc cùng nhau.

Superfamily chẳng hạn như serif và một phiên bản sans-serif của cùng một kiểu chữ: các ví dụ nổi tiếng bao gồm Lucida/Lucida Sans và Meta/Meta Sans.

2. Ghép cặp kiểu chữ tương phản

Ngược lại, như tên gọi của nó, là về ghép các cặp chữ hoàn toàn khác nhau - nhưng nó vẫn bổ sung kiểu chữ phù hợp với từng ứng dụng dự định của chúng.

Thông thường các bạn có thể tăng độ tương phản giữa hai font bằng cách chọn một font đậm và tối (dark and heavy) sẵn trong khi font kia dạng bình thường. Khi áp dụng lên văn bản, font đậm sẽ được dùng cho phần tiêu đề và font bình thường cho phần nội dung cụ thể, đó là một cách thực hành tốt hơn cả.

3. Xung đột

Một quy tắc khác nên nhớ là không nên chọn các font quá giống nhau. Đứng ở góc độ người đọc tất nhiên bạn sẽ không muốn ai bắt bạn phải căng mắt ra để phân biệt sự khác nhau giữa hai loại font phải không? Việc đó sẽ phá vỡ tính rõ ràng và hạn chế người đọc tiếp cận nội dung trình bày do người đọc không thể lướt nhanh và nắm được tổng quan nội dung của toàn bộ thiết kế được.

Khi bạn muốn có sự nổi bật trong thiết kế thì cần phải tránh tạo ra sự xung đột khi kết hợp những font chữ. Dưới đây là cách để tránh các xung đột:

• Hãy chú ý đến danh mục của font chữ: thật thú vị khi sử dụng serif hoặc script cùng nhau, nhưng đó là một cách kết hợp khá khó khăn. Đảm bảo rằng các font chữ bạn chọn hợp nhau để tránh xung đột.
• Duy trì cấu trúc phân cấp: lưu ý sử dụng kích thước và độ dày để giúp phân biệt giữa các font chữ. Phân cấp là chìa khóa, vì vậy hãy chắc chắn rằng bạn lựa chọn đúng các font chữ có thể làm nổi bật tầm quan trọng tương đối của các phần khác nhau của văn bản trong thiết kế của bạn.
• Sử dụng màu sắc: hãy sử dụng màu sắc cho lợi thế của bạn để giúp phân biệt các phân đoạn văn bản và tạo phân cấp.

Từ những nguyên tắc trên, chúng tôi đã tổng hợp được 30 cách ghép nối font chữ mà chắc chắn sẽ khiến bạn hài lòng.

1. Calvert và Acumin

2. Montserrat và Courier New

3. Skolar Latin và Proxima Nova

4. Alegreya Sans SC và Source Sans Pro

5. Pacifico và Quicksand

6. Julius Sans One và Archive Narrow

7. Playfair Display and Raleway

8. Oswald và Lato

9. Super Grotesk và Minion Pro

10. Libre Franklin và Libre Baskerville

11. Freight Sans và Freight Text

12. Kaufmann và NeutraDemi

13. Brvàon Grotesque và Minion Pro

14. Josefin Slab và Patrick Hvà

15. Helvetica Neue và Garamond

16. Caslon và Myriad

17. Fontin và Fontin Sans

18. Minion và Poppl-Laudatio

19. Liberation Serif và Liberation Sans

20. Trade Gothic Bold và Sabon

21. Gilroy và Jura

22. Scala và Scala Sans

23. Rockwell Bold và Bembo

24. Myriad Black và Minion

25. Souvenir và Futura Bold

26. Dax Bold và Caslon

27. Roboto và Montserrat

28. Antique Olive Bold và Chaparral

29. Aviano và Aviano Sans

30. TheSerif và TheSans

31. Renault Light và Apex-New

32. Calluna và Calluna Sans

Nguồn: Creativebloq​

 

[QuangHiep]

Update