Có thể là một thách thức để chọn kiểu chữ cho các thiết kế trực tuyến của bạn. Và quá dễ dàng để dành nhiều thời gian cho một thiết kế web đang trong quá trình phát triển, thay thế loại này đến loại khác mà không bao giờ đạt được điều đó. Hãy xem xét mọi thứ bạn cần biết về ghép nối phông chữ.
Kết hợp phông chữ trong thiết kế web của bạn
Giống như rất nhiều phần thiết kế khác, kiểu chữ có các hướng dẫn để đơn giản hóa việc khám phá các cặp kiểu chữ lý tưởng. Chúng tôi sẽ chỉ cho bạn cách kết hợp các phông chữ và chúng tôi sẽ cung cấp cho bạn một số kết hợp tuyệt vời cho doanh nghiệp của bạn.
1. Sử dụng phông chữ có các tông màu khác nhau
Viết có thể truyền tải cảm xúc. Các kiểu chữ chúng ta sử dụng để diễn đạt từ ngữ cũng ảnh hưởng đến suy nghĩ của chúng ta. Nhiều phông chữ nghiêm túc và chuyên nghiệp, trong khi những phông chữ khác thì dễ chịu và thân mật. Tính cách của các kiểu chữ tiết lộ ý nghĩa đối với văn bản mà chúng hiển thị. Khi chọn phông chữ trang web, việc kết hợp các tông màu khác nhau với kiểu chữ sẽ tạo ra sự tương phản trực quan tuyệt đẹp.
Xem xét giọng điệu của ai hoặc trang web sẽ đại diện cho điều gì khi chọn kết hợp phông chữ. Một kiểu chữ vui vẻ sẽ phù hợp với một công ty đồ chơi, nhưng nó có thể trông kỳ quặc trên trang web của một công ty hợp pháp. Mặt khác, những Serifs quá nghiêm túc có thể chỉ dành cho một thứ gì đó vui vẻ.
Một trong những yếu tố quan trọng nhất cần xem xét là kiểu chữ bạn sẽ sử dụng cho tiêu đề và nội dung. Các cấp độ tiêu đề mang lại sự thoải mái hơn trong các kiểu chữ kiểu vì chúng có quy mô lớn hơn. Cần có một phông chữ dễ nhìn đối với nội dung sao chép ở các kích thước văn bản nhỏ hơn.
Đừng sợ sử dụng các kiểu chữ đối lập có tông màu trong bố cục trang web của bạn; đôi khi, sự tương phản có thể kích thích sự quan tâm.
2. Sử dụng các cặp kiểu chữ khác nhau, nhưng không quá nhiều
Tránh trộn các kiểu chữ trong tiêu đề hầu như giống với kiểu chữ được sử dụng trong bản sao nội dung. Sử dụng một số kiểu chữ khác biệt về mặt hình ảnh nhưng vẫn bổ sung cho nhau.
Điều gì sẽ xảy ra nếu chúng ta kết hợp một kiểu chữ với những nét chữ thư pháp như Great Vibes chẳng hạn, và một kiểu chữ Serif như Merriweather? Kết quả là, thiết kế thiếu cân bằng và có cảm giác tương phản khó chịu.
Các vòng và vòng lặp của Great Vibes có cảm giác nhẹ nhàng và một chút tinh tế. Northwood là một kiểu chữ không chính thức với các serifs và đuôi, trong khi Merriweather là một kiểu chữ vô nghĩa với hình thức được truyền tải bởi các dạng chữ serif của nó. Ở đây, độ tương phản quá mạnh để kết hợp hoạt động.
Hãy thử một sự kết hợp phông chữ thú vị hơn. Trong tiêu đề, hãy sử dụng Vollkorn, một phông chữ hơi vui nhộn. Sử dụng Open Sans, một kiểu chữ sans serif trung tính và đơn giản hơn. Sự kết hợp này hoạt động tốt vì mặc dù có sự khác biệt về kiểu chữ nhưng sự tinh tế của cả hai khiến chúng tương thích về mặt hình ảnh.
3. Sử dụng ba hoặc ít kiểu chữ riêng biệt
Trong hầu hết các thiết kế, bạn sẽ áp dụng một kiểu chữ web cho tiêu đề và một kiểu chữ khác cho nội dung. Chữ viết tay và các kiểu chữ cách điệu hơn cũng có thể được sử dụng trong bố cục cho các mục đích sáng tạo. Bất kể bạn bị cám dỗ như thế nào bởi tất cả các kiểu chữ miễn phí có sẵn, bạn chỉ cần ba kiểu chữ cho một trang web duy nhất.
Nhiều nhà thiết kế sử dụng một siêu họ các kiểu chữ cho các thiết kế của họ. Siêu họ là một họ kiểu chữ liên quan đến một hoặc nhiều họ khác. Nó có thể bao gồm các khác biệt về phong cách như chữ nghiêng, chữ nhẹ đến chữ nặng, các phiên bản serif và sans serif, trong số những thứ khác. Điều thú vị nhất về các siêu họ là họ loại bỏ trò chơi đoán chữ liên quan đến các kiểu chữ phù hợp vì chúng được tạo ra để làm việc cùng nhau.
Các kiểu chữ đơn có thể được sử dụng theo nhiều cách khác nhau khi các siêu họ sử dụng. Hãy xem các tùy chọn siêu họ Roboto này. Sự phân biệt giữa Thin 100 Italic và Regular 400 là không tinh tế.
Hầu hết các kiểu chữ được phân loại thành siêu họ, có nghĩa là bạn có nhiều lựa chọn thay thế phông chữ để thử nghiệm trong khi vẫn sử dụng cùng một kiểu.
4. Giao tiếp hệ thống phân cấp trực quan thông qua ghép nối phông chữ
Hình dung cấu trúc của hệ thống phân cấp cộng tác của bạn bằng cách sử dụng các thiết kế kiểu chữ, kích thước và màu sắc khác nhau. Bạn có thể sử dụng kiểu chữ để truyền đạt thông tin trực quan về tầm quan trọng tương đối của các phần khác trong nội dung của bạn. Tiêu đề phải là tiêu đề đáng chú ý nhất, tiếp theo là tiêu đề phụ và nội dung. Sử dụng kết hợp phông chữ của bạn để tạo cảm giác rõ ràng về cấu trúc cho bài viết của bạn.
5. Sử dụng kích thước phông chữ để ngụ ý thứ tự
Kiểu chữ khổng lồ đại diện cho những gì quan trọng nhất, trong khi kích thước phông chữ giảm dần thể hiện hệ thống phân cấp thông tin. Tất cả các chữ cái viết hoa là một cách tuyệt vời để làm cho các phần quan trọng như lời kêu gọi hành động trở nên nổi bật. Bạn có thể sử dụng tất cả các chữ hoa ở mức độ vừa phải; tuy nhiên, tránh làm cho văn bản có vẻ tức giận hoặc thù địch.
Hầu hết các nhà thiết kế ban đầu tích hợp các kích thước phông chữ khác nhau để thiết lập hệ thống phân cấp trực quan, nhưng có những phương pháp khác để thể hiện quy mô trực quan.
6. Thử nghiệm với các trọng lượng khác nhau
Tầm quan trọng tương đối được thể hiện bằng trọng số lớn hơn, trong khi trọng lượng nhẹ hơn gợi ý một bậc thấp hơn trong hệ thống phân cấp. Như chúng ta đã thấy với siêu họ Roboto, bạn có thể đạt được nhiều điều với một kiểu chữ duy nhất bằng cách thay đổi trọng lượng của nó.
7. Màu sắc phông chữ thay đổi
Mặc dù bạn không muốn sử dụng kính vạn hoa có các màu tương phản trong thiết kế của mình, nhưng việc thay đổi các sắc thái của văn bản có thể giúp các thuật ngữ cụ thể trở nên nổi bật. Các màu đậm hơn, chẳng hạn như đỏ và tím, được sử dụng cho tiêu đề. Sự đa dạng sáng hơn tương phản với các phiên bản tối hơn, đại diện cho một bản sao nên được đọc trước. Đảm bảo rằng các màu phông chữ bạn đang thử nghiệm không bị mất trong nền.
8. Serifs
Kiểu chữ Serif, dễ đọc trên bản in, có từ cuối những năm 1700 và ban đầu được thiết kế để dễ đọc.
Serif là một nét mảnh hoặc nét đã được thêm vào một chữ cái. Các kiểu chữ Sans-serif có nhiều dấu hiệu trực quan giúp mắt người đọc dễ theo dõi. Kiểu chữ Serif cải thiện hiệu quả quét, đặc biệt là trong các khối văn bản dài như trong sách.
Trong thời kỳ đầu của máy tính, độ phân giải màn hình quá thấp để các kiểu chữ dựa trên serif hiển thị một cách hiệu quả đã gây ra nhiều vấn đề. Mặt khác, các nhà thiết kế đồ họa có thể sử dụng rất nhiều serifs nhờ vào màn hình độ phân giải cao ngày nay.
Luôn kết hợp kiểu chữ serif với phông chữ sans-serif khi sử dụng. Các kiểu chữ Serif thường quá giống nhau, dẫn đến sự trùng khớp về phông chữ khó chịu.
Kiểu chữ Serif rất dễ thích ứng. Sau đây là một số loại phông chữ thường xuyên và hữu ích nhất được thấy trong văn bản. Chúng dễ đọc với nhiều kích cỡ khác nhau, làm cho chúng trở nên lý tưởng cho nội dung và tiêu đề.
Ý tưởng ghép nối phông chữ: EB Garamond và Montserrat
Kết hợp serif EB Garamond với Montserrat cho dòng tiêu đề và giảm kích thước cho phần nội dung. Khi các phông chữ serif được sử dụng cho các khối văn bản dài, chúng hoạt động tốt hơn khi chúng nhỏ hơn.
Ý tưởng ghép nối phông chữ: Libre Baskerville và Raleway
Các đường nét và góc cạnh khác biệt hơn của Libre Baskerville đặt liền kề với những đường nét mảnh mai của Raleway.
9. Sans serifs
Sự vắng mặt của các dòng phụ phân biệt san serifs với serifs. Sans serifs có thể được sử dụng cho đoạn văn hoặc nội dung văn bản ở kích thước nhỏ hơn hoặc chúng có thể được kết hợp với serif trong tiêu đề.
Có một số kiểu chữ cần nghĩ đến khi kết hợp phông chữ.
Hãy xem xét các loại kiểu chữ thường gặp nhất và một số khả năng sáng tạo mà bạn có thể sử dụng ngày nay.
Ý tưởng ghép nối phông chữ: Mở Sans và Lato
Một số nhà thiết kế có thể coi các phông chữ như Open Sans và Helvetica là lỗi thời, nhưng chúng nổi tiếng. Open Sans là một kiểu chữ chính nhưng được chào đón, hoạt động tốt với nhiều phông chữ khác nhau. Hãy xem xét món kem vani của nó: nó là nền tảng để bạn có thể tạo ra nhiều món ngon khác.
Ví dụ: sử dụng Open Sans trong tiêu đề và Lato trong văn bản nội dung. Sử dụng một kiểu chữ sans serif khác trong suốt phần còn lại của trang.
10. Hiển thị phông chữ
Nếu bạn cần thu hút sự chú ý của mọi người, phông chữ hiển thị là lý tưởng. Chúng thường được viết bằng các mẫu chữ đẹp và phức tạp, chẳng hạn như to và đậm hoặc thưa và mỏng. Sử dụng các kiểu chữ được thiết kế rõ ràng để hiển thị nếu bạn muốn thiết kế của mình nổi bật và để lại ấn tượng.
Ý tưởng ghép nối phông chữ: Bubble gum Sans và Open Sans
Kẹo cao su Bubble Sanc có dạng chữ tươi sáng phù hợp với tính trung lập của Open Sans.
Ý tưởng ghép nối phông chữ: Poiret One và Lato
Poiret One là một phông chữ hiện đại tuyệt vời nếu bạn đang tìm kiếm một chút tinh tế. Nét chữ lấy cảm hứng từ nghệ thuật trang trí tinh tế và đường nét mảnh khiến nó trở thành một phông chữ đương đại tuyệt vời. Kiểu chữ này trông tuyệt vời với một kiểu chữ khiêm tốn hơn, chẳng hạn như Lato. Sự tương phản của loại này hoạt động tốt cùng với một kiểu chữ tinh tế hơn như Lato.
11. Các kiểu chữ Monospaced
Trong kiểu chữ monospace, tất cả các ký tự có chiều rộng bằng nhau. Đối với các kiểu chữ có độ rộng khác nhau, phép đo ngang tiêu chuẩn phân biệt chúng với các kiểu chữ có độ rộng khác nhau, tạo cho chúng cảm giác gắn kết. Phông chữ monospaced từ lâu đã trở nên phổ biến trong máy tính vì tính đơn giản và khả năng thích ứng với màn hình có độ phân giải thấp.
Ý tưởng ghép nối phông chữ: IBM Plex Mono và PT Sans
IBM Plex Mono là một kiểu chữ hiện đại với đặc điểm nhận dạng trực quan, lý tưởng cho các công ty khởi nghiệp và các tổ chức liên quan đến công nghệ khác. Nó được tạo ra như một sự tôn kính đối với IBM. Kiểu chữ Sans-serif, chẳng hạn như kiểu chữ này, dễ nhìn hơn và tạo cảm giác tương phản tốt hơn khi được sử dụng với PT Sans.
Ý tưởng ghép nối phông chữ: Roboto Mono và Roboto
Nhiều nhà thiết kế thích Roboto vì khả năng đọc tuyệt vời của nó. Sự kết hợp phông chữ này, kết hợp Roboto Mono với phiên bản thông thường, rất thoải mái khi nhìn vào.
Kiểu chữ rất cần thiết cho thiết kế web
Tạo sự hiện diện trực tuyến vững chắc không phải là điều dễ dàng. Có một số yếu tố cần xem xét khi làm như vậy. Hãy cẩn thận trong việc đối sánh các cặp phông chữ của bạn giống như bạn đối với một bảng màu. Các kiểu chữ bạn chọn, cách bạn tạo kiểu và tính dễ đọc của chúng đều góp phần vào trải nghiệm của người dùng với trang web của bạn. Tìm những kiểu chữ tuyệt vời nhất phản ánh cá tính của dự án của bạn và cung cấp cho khách truy cập cách trải nghiệm dễ chịu nhất.
