Tài nguyên để tìm các lược đồ / kết hợp phông chữ web tốt


8

Tôi đã bắt đầu thực hiện một số công việc thiết kế trang web tự do cho các khách hàng doanh nghiệp nhỏ và một phần công việc của tôi sẽ liên quan đến việc chọn phông chữ để sử dụng trên các trang web mà tôi sẽ thực hiện.

Cho rằng kiểu chữ không phải là điểm mạnh nhất của tôi, tôi đã tự hỏi liệu có một trang web cung cấp một bộ sưu tập các lược đồ / kết hợp sử dụng phông chữ web hay không. Theo "lược đồ", ý tôi là một cái gì đó đơn giản như một danh sách nhỏ các phông chữ đã được đề xuất để hoạt động / nhìn tốt với nhau, ví dụ: Phông chữ A cho các tiêu đề, Phông chữ B cho các tiêu đề phụ, Phông chữ C cho bản sao cơ thể, v.v. như Color Combos , ngoại trừ phông chữ web.

Tôi nghĩ rằng một trang web như thế này sẽ là một tài nguyên tuyệt vời cho những người như tôi, những người không giỏi nhất trong việc chọn các phông chữ phối hợp tốt với nhau. Sẽ thật tuyệt nếu trang web chỉ ra các lược đồ phông chữ bao gồm hoàn toàn các phông chữ web sử dụng miễn phí, vì những thứ này rõ ràng sẽ rất dễ thực hiện.

Vì vậy, có ai biết bất kỳ trang web như thế này?


1
Không trả lời trực tiếp câu hỏi của bạn nhưng đây là một bài đọc tuyệt vời nếu bạn muốn hiểu cách ghép các phông chữ tốt hơn: Thực tiễn tốt nhất về kết hợp kiểu chữ
tò mò

Câu trả lời:


5

Đây không phải là chính xác câu trả lời bạn đang tìm kiếm, nhưng đây là một vài suy nghĩ:

Hoefler & Frere-Jones là khá nhiều kem của vụ mùa typographic. Họ đã gửi một email trở lại cho thấy một số cặp phông chữ thực sự tuyệt vời (tất nhiên là với phông chữ của họ), nhưng ở đầu có một quy tắc tốt được liệt kê:

... tất cả được xây dựng xung quanh Nguyên tắc đầu tiên về khoa học kết hợp phông chữ của H & FJ: giữ một điều nhất quán và để một điều khác biệt.

Họ tiếp tục cho thấy một số điểm tương đồng và khác biệt thực sự bí mật (hoạt động thực sự tốt), nhưng quy tắc đó là một điều tốt để ghi nhớ. Nếu bạn sử dụng sans-serif cho văn bản tiêu đề, hãy sử dụng serif cho bản sao. Nếu bạn có một cái gì đó với các nét dày, tương phản nó với một cái gì đó mỏng hơn. Như đã được thảo luận trong một chủ đề hơi giống nhau , Bauhaus và Bembo hoàn toàn không có nhiều điểm chung, nhưng Bauhaus và Futura chia sẻ một số dạng chữ hình học trong khi khác nhau về độ dày và độ sặc sỡ tổng thể.

Phông chữ đang sử dụng là một nguồn tài nguyên tuyệt vời mà từ đó bạn có thể rút ra cảm hứng. Tôi liên kết với phần Web. Họ không đối phó với các phông chữ miễn phí, nhưng hy vọng bạn sẽ thấy điều này hữu ích.


4

Tôi hoàn toàn giới thiệu trang web này: http://hellohappy.org/beautitable-web-type/ . Không có nhiều kết hợp nhưng họ thể hiện chúng theo cách truyền cảm hứng như vậy.

Tất cả các phông chữ có sẵn miễn phí cho mục đích thương mại từ Thư mục Phông chữ tuyệt vời của Google .

Nếu bạn muốn thử kết hợp của riêng mình để xem những gì bạn thích (rốt cuộc đó là điều quan trọng nhất), hãy truy cập http://font-combinator.com/ nơi có một công cụ tuyệt vời để chỉnh sửa một vài khối văn bản thành xem cách họ đi cùng nhau, cũng sử dụng tài nguyên Google Font miễn phí.

Tìm kiếm ' Google Font Combinations ' để có thêm cảm hứng.


2

Để hiểu rõ hơn về phông chữ, bạn có thể tham khảo https://typekit.com/

Họ có một bộ sưu tập phông chữ tuyệt vời để sử dụng cho thiết kế web và thậm chí phông chữ google cũng có một bộ sưu tập phông chữ miễn phí tốt.

Làm việc với phông chữ, chơi với phông chữ. Đó là cách duy nhất để trở nên giỏi trong việc lựa chọn phông chữ.


2

Bạn đã thử fooont.com chưa? Nó bao gồm hoàn toàn các cặp phông chữ được lưu trữ trên Google Webfonts.

Chỉ cần tải xuống tệp CSS và sử dụng nó ngay lập tức trên trang web của bạn. Hy vọng điều này sẽ giúp :)


1

Mixfont là một trang web giới thiệu các cặp khác nhau từ Google Fonts và có người dùng nâng cấp các cặp yêu thích của họ.


1

Có rất nhiều trang web cung cấp cho các cặp chữ. Một số chưa được đề cập bao gồm

  • Femmebot - Dành cho các cặp Google Font.
  • Cặp phông chữ - Cũng dành cho Google Ghép cặp.
  • Canva - Thêm cặp phông chữ chung.
  • DesignModo - Cũng ghép cặp phông chữ chung hơn.
  • FontJoy - Dành cho việc tạo ngẫu nhiên các cặp phông chữ bằng cách sử dụng phương pháp học sâu.

0

Tôi khuyên bạn nên dùng typewolf.com . Trang web được điều hành bởi nhà thiết kế có tên Jeremiah Shoaf.

Có hai phần mà tôi thấy đặc biệt hữu ích:

  1. Danh sách & Khuyến nghị về Phông chữ bao gồm một danh sách kết hợp phông chữ.
  2. Web Fonts in the Wild là một cơ sở dữ liệu về các phông chữ bao gồm danh sách các cặp được đề xuất và một mẫu các cặp phông chữ trên web.

Trang web cũng có một chỉ mục tuyệt vời về các phông chữ tương tự / thay thế, bao gồm một tài liệu có sẵn để mua liệt kê nhiều lựa chọn thay thế miễn phí cho các phông chữ phải trả tiền; Điều này đặc biệt hữu ích nếu bạn có ngân sách.

Khi sử dụng trang web của chúng tôi, bạn xác nhận rằng bạn đã đọc và hiểu Chính sách cookieChính sách bảo mật của chúng tôi.
Licensed under cc by-sa 3.0 with attribution required.