Công cụ và chiến lược ghép nối phông chữ để kết hợp phông chữ hoàn hảo

Công cụ và chiến lược ghép nối phông chữ để kết hợp phông chữ hoàn hảo

Sự lựa chọn phông chữ của bạn tạo ra sắc thái cho giao diện tài liệu, trang web hoặc thiết kế khác của bạn. Nó vui vẻ và thân thiện, bóng bẩy và sáng tạo, hay nghiêm túc và trang trọng?





Theo nguyên tắc chung, bạn sẽ muốn sử dụng hai hoặc ba phông chữ trong dự án của mình. Nhưng làm thế nào để bạn biết nên chọn cái nào, và cặp phông chữ nào kết hợp tốt với nhau?





Trong bài viết này, chúng tôi sẽ thảo luận về các chiến lược và công cụ ghép nối phông chữ sẽ giúp bạn tìm thấy các kết hợp phông chữ hoàn hảo để sử dụng trong dự án của mình.





Một lớp lót kiểu chữ

Có những thuật ngữ chúng tôi sử dụng trong suốt hướng dẫn này có thể hữu ích để giải thích ...

Phông chữ so với Kiểu chữ

Thuật ngữ phông chữ và kiểu chữ thường được sử dụng thay thế cho nhau, nhưng chúng thực sự là những thứ khác nhau. MỘT kiểu chữ là một họ các phông chữ; Một chế tạo là một trong những biến thể phong cách cá nhân trong gia đình đó. Vì vậy, Times New Roman là một kiểu chữ, và Times New Roman Regular và Times New Roman Medium Italic là phông chữ.



chuyển tệp từ mac sang windows 10

Phân loại loại

Loại Phân loại là các loại phông chữ dựa trên hình thức của chúng. Một số phân loại bao gồm:

  • Serif
  • Sans serif
  • Gothic
  • Máy đánh chữ
  • Kịch bản
  • Trang trí

Đây chỉ đơn giản là các danh mục loại mà bạn sẽ tìm thấy trên nhiều loại trang web, xưởng đúc và hơn thế nữa. Một điểm khởi đầu tốt để chọn phông chữ là chọn một phân loại phù hợp với dự án của bạn và chủ đề của nó.





serifs vs. Sans serif

Một trong những cách phân loại phổ biến nhất cho kiểu chữ là serif so với sans-serif. Không chắc chắn sự khác biệt là gì? Phông chữ serif có các nét mảnh ở đầu các chữ cái. Phông chữ sans-serif không có bất kỳ tính năng mở rộng nào.

Siêu họ

Siêu họ là một nhóm các kiểu chữ thuộc một số cách phân loại. Kiểu chữ sẽ bắt đầu với cùng một hình dạng cơ bản và sau đó sẽ có các yếu tố được thêm vào để phù hợp với một phân loại cụ thể. Một ví dụ phổ biến về một siêu họ là Gloss Superfamily .





Ngoài ra, nếu bạn quan tâm đến khía cạnh kỹ thuật của phông chữ, bạn có thể đọc về sự khác biệt giữa phông chữ OTF và TTF .

Chọn kiểu chữ đầu tiên của bạn

Một số kiểu chữ làm cho mọi thứ dễ dàng hơn một chút bởi dường như chỉ có một mục đích trong cuộc sống. Nếu bạn đang cân nhắc đến Copperplate Gothic, có lẽ bạn đang thiết kế thực đơn nhà hàng bít tết hoặc điều gì đó liên quan đến ngân hàng.

Thật không may, nó hiếm khi dễ dàng như vậy. Nếu bạn gặp khó khăn trong việc tìm kiếm một ứng viên thích hợp, hãy xem xét thực hiện một nghiên cứu nhỏ. Hãy tìm những ví dụ có thể giúp bạn đi đúng hướng.

Hãy nhớ rằng, bạn không muốn sao chép, bạn đang tìm kiếm nguồn cảm hứng. Rất có thể ai đó đã giải quyết vấn đề này trước đây và giải pháp của họ có thể giúp thông báo cho bạn.

Khi bạn đã chọn kiểu chữ đầu tiên đó, đã đến lúc suy nghĩ về phần bổ sung của nó.

Chọn một Ghép nối Phông chữ

Có rất nhiều hướng dẫn để tìm ra những phông chữ nào kết hợp tốt với nhau. Một số nguyên tắc này có thể được kết hợp và những nguyên tắc khác mâu thuẫn với nhau.

Mặc dù có một số điều tuyệt đối nên tránh khi nói đến ghép nối phông chữ (như sử dụng quá nhiều phông chữ), có những nguyên tắc khác linh hoạt hơn và phụ thuộc phần lớn vào tâm trạng hoặc mục đích thiết kế của bạn.

Dưới đây là một số điều cần ghi nhớ.

1. Tạo độ tương phản

'Sự thu hút đối lập' chắc chắn đúng khi nói đến phông chữ. Bạn không muốn sử dụng các tùy chọn quá giống nhau. Nó chỉ đơn giản là sẽ không thêm bất cứ điều gì vào thiết kế của bạn hoặc nó sẽ trông hơi lệch.

Thay vào đó, hãy ghép một phông chữ xoáy với một phông chữ đậm. Ghép một phông nhẹ và thoáng với một phông dày. Kết nối kiểu chữ serif của bạn với một tùy chọn chữ thảo, thanh lịch. Ghép nối một serif slab với một phông chữ viết tay , giống như trong ví dụ trên.

Hoặc kết hợp hẹp với rộng --- một cặp phông chữ tốt cho Copperplate là một thứ gì đó mỏng hơn như Helvetica Condensed.

2. Giữ nó trong gia đình

Một trong những điều đơn giản nhất mà bạn có thể làm là chỉ cần giới hạn lựa chọn của bạn trong một kiểu chữ và thay đổi phông chữ bằng cách thay đổi kích thước, độ đậm hoặc độ nghiêng. Đây có thể không phải là lựa chọn sáng tạo nhất, nhưng đó là cách đơn giản nhất để tạo ra một chút đa dạng cho văn bản của bạn.

Một số kiểu chữ có một bộ phông chữ khá phong phú. Cái mới của Beba chẳng hạn, có nhiều trọng lượng khác nhau. Kết hợp Bebas Neue Bold với Bebas Neue Light ở các kích cỡ khác nhau và bạn đang tiến gần hơn một bước đến một thiết kế tuyệt vời.

Mặc dù Bebas Neue là kiểu chữ chỉ viết hoa, nhưng bạn cũng có thể thử viết hoa như một cách để thêm một số hứng thú vào thiết kế của mình.

Nếu bạn muốn đa dạng hơn một chút, nhưng thấy rằng việc giữ nó trong gia đình phù hợp nhất với bạn, hãy tìm các loại siêu họ. Các Gloss Superfamily bao gồm Sans, Serif, Typewriter Sans, Typewriter Serif, Math và các kiểu chữ khác.

3. Kết hợp Serifs và Sans-Serifs

Một cách nhanh chóng và hiệu quả để tạo độ tương phản là ghép phông chữ serif với phông chữ sans-serif. Như bạn có thể thấy trong ví dụ bên dưới, một cặp phông chữ Calibri tốt là một phông chữ serif như Times New Roman:

Một trong những cách dễ nhất để chọn các tùy chọn serif và sans-serif bổ sung là giữ nó trong siêu họ. Viget cung cấp một danh sách phong phú các siêu họ điều đó có thể hữu ích và đảm bảo các phông chữ của bạn bổ sung cho nhau.

4. Giới hạn bản thân ở hai hoặc ba phông chữ

Bạn sẽ khó tìm thấy một nhà thiết kế chuyên nghiệp không tuân theo quy tắc cơ bản của kiểu chữ này. Nếu bạn đang kết hợp các phông chữ, bạn sẽ muốn giới hạn bản thân ở hai hoặc ba.

Nếu thiết kế của bạn chứa tiêu đề, tiêu đề phụ và nội dung, bạn có thể sử dụng ba phông chữ khác nhau. Có thể bạn sẽ muốn chỉ sử dụng hai nếu thiết kế của bạn ít văn bản hơn.

Có những ngoại lệ đối với quy tắc, nhưng chỉ trong những loại thiết kế rất cụ thể.

Ý tưởng và cảm hứng ghép phông chữ

Cuối cùng, nếu bạn vẫn thấy ý tưởng ghép nối các phông chữ khó khăn, có rất nhiều công cụ ghép nối phông chữ hiện có để giúp bạn đảm bảo rằng Calibri nhỏ bé không kết thúc với một đám đông xấu.

Các kết hợp phông chữ của Canva

Các kết hợp phông chữ của Canva cho phép bạn chọn lựa chọn đầu tiên của mình và đưa ra đề xuất về đối tác của nó nên là gì. Nó sử dụng các phông chữ có sẵn thông qua công cụ thiết kế Canva, vì vậy một số kiểu chữ phổ biến không được bao gồm.

Typ.io

Các Typ.io trang web được chia thành hai phần. Phần đầu tiên có các tính năng kết hợp phông chữ từ khắp nơi trên web như một nguồn cảm hứng. Các tính năng của phần khác danh sách các phông chữ kết hợp tốt với nhau dựa trên chức năng, chẳng hạn như liệu chúng sẽ được sử dụng cho văn bản tiêu đề hay nội dung.

Chỉ là loại của tôi

Nếu bạn thấy mình đang thiết kế trong bộ chương trình Adobe, Chỉ là loại của tôi sẽ rất hữu ích. Trang web cung cấp các đề xuất ghép nối cho Adobe's Phông chữ bộ gõ cũng như từ Hoefler và Co's Dịch vụ Cloud Typography .

Hoefler and Co. cũng có một hướng dẫn thực sự hữu ích về cách chọn ' làm pallet 'Họ khuyên bạn nên kết hợp các phông chữ từ cùng một giai đoạn lịch sử với các tính năng khác nhau hoặc chất lượng dòng tương tự với các kết cấu khác nhau. Các đề xuất về phông chữ đến từ Hoefler and Co., nhưng bạn có thể áp dụng các quy tắc cho các phông chữ khác.

Pinterest

Như với hầu hết mọi thứ trực quan, Pinterest là một nguồn cảm hứng ghép phông chữ tuyệt vời. Chỉ cần tìm kiếm 'ghép nối phông chữ' hoặc 'kiểu chữ' và bạn sẽ tìm thấy rất nhiều gợi ý tuyệt vời.

Loại kết nối

Tạo trò chơi ghép nối phông chữ với Loại kết nối . Trang web cho phép bạn chọn phông chữ đầu tiên của mình và việc chọn phông chữ thứ hai của bạn sẽ trở thành một thứ gì đó giống như một 'cuộc phiêu lưu của riêng bạn'.

cách kết nối điện thoại với tv bằng cáp usb

Bạn có muốn sử dụng thứ gì đó đến từ cùng một họ, một phông chữ tương tự, một phông chữ tương phản, hay nhúng vào quá khứ?

Loại Google

Nếu nguồn phông chữ bạn chọn là Phông chữ Google, Loại Google là một nguồn cảm hứng tuyệt vời cho cách các phông chữ này kết hợp tốt với nhau. Sử dụng văn bản từ Truyện ngụ ngôn của Aesop và ảnh từ Unsplash, trang web là nguồn cảm hứng trực quan cho cách Google Fonts kết hợp tốt với nhau.

Cặp phông chữ là một công cụ tiện dụng khác dành cho người dùng phông chữ trên Web của Google, đưa ra đề xuất cho các lựa chọn phông chữ tiêu đề và nội dung phù hợp.

Phân loại

Phân loại cung cấp cho bạn ý tưởng không chỉ về cách kết hợp các phông chữ mà còn đưa ra các cách phối màu để có biện pháp tốt. Nó đặc biệt tốt cho thiết kế web, vì các mẫu cung cấp cho bạn ý tưởng về các bài viết của bạn sẽ trông như thế nào bằng cách sử dụng các kết hợp nhất định.

Máy trộn phông chữ trên web

Máy trộn phông chữ trên web không đưa ra đề xuất cho bạn, nhưng nó cho phép bạn thử với các Phông chữ Google khác nhau và xem trước chúng với tiêu đề mẫu, tiêu đề phụ và văn bản nội dung. Như một phần thưởng, nó tạo ra CSS mà bạn cần để sử dụng các phông chữ này trong thiết kế trực tuyến.

Tìm đúng phông chữ

Vì vậy, bây giờ bạn biết những gì cần tìm khi chọn phông chữ cho dự án của bạn. Nhưng đâu là nơi tốt nhất để tìm những phông chữ đó để sử dụng?

Hướng dẫn của chúng tôi về phông chữ Google tốt nhất sẽ giúp bạn tìm thấy một số phông chữ miễn phí tuyệt vời cho các trang web và bản trình bày.

Và nếu bạn muốn có một phạm vi lớn hơn nữa để lựa chọn, hãy xem danh sách của chúng tôi về các trang web tốt nhất để tải xuống và sử dụng phông chữ miễn phí .

Tín dụng hình ảnh: mrdoomits / Tiền gửi

Đăng lại Đăng lại tiếng riu ríu E-mail Canon so với Nikon: Thương hiệu máy ảnh nào tốt hơn?

Canon và Nikon là hai tên tuổi lớn nhất trong ngành máy ảnh. Nhưng thương hiệu nào cung cấp dòng máy ảnh và ống kính tốt hơn?

Đọc tiếp
Chủ đề liên quan
  • Sáng tạo
  • Phông chữ
  • Kiểu chữ
  • Thiết kế web
  • Thiết kế đồ họa
Giới thiệu về tác giả Andy Betts(221 bài báo đã xuất bản)

Andy là một cựu nhà báo báo in và biên tập viên tạp chí, người đã viết về công nghệ trong 15 năm. Trong thời gian đó, anh ấy đã đóng góp cho vô số ấn phẩm và sản xuất công việc viết bài quảng cáo cho các công ty công nghệ lớn. Ông cũng đã đưa ra bình luận chuyên môn cho các phương tiện truyền thông và tổ chức các hội thảo tại các sự kiện trong ngành.

Xem thêm từ Andy Betts

Theo dõi bản tin của chúng tôi

Tham gia bản tin của chúng tôi để biết các mẹo công nghệ, đánh giá, sách điện tử miễn phí và các ưu đãi độc quyền!

Bấm vào đây để đăng ký