it-swarm-vi.tech

Số lượng phông chữ trên mỗi thiết kế

Tôi đang làm việc trên một trang web và tự hỏi tại thời điểm nào tôi đang sử dụng quá nhiều phông chữ và cần phải cắt giảm. Ngay bây giờ, tôi có một phông chữ viết tay (HF1) đang được sử dụng cho tên trang web, một phông chữ khá khác biệt phông chữ viết tay (HF2) cho tiêu đề trang và - phông chữ serif (SF1) đang được sử dụng cho văn bản cơ thể.

Hiện tại tôi đang xem các tiêu đề và tôi thực sự không thích cách Georgia (SF1) trông như thế nào khi in đậm: Các nhân vật trông mất cân đối và quá nặng khi lớn và đậm. Tôi bị giằng xé giữa ...

  1. Làm cho chúng không đậm, phân biệt chúng với văn bản cơ thể theo cách khác.
  2. Biến chúng thành một phông chữ serif khác nhau (có thể là Jenson Pro của Adobe) và tô đậm chúng.

Jenson Pro là một phông chữ đẹp, nhưng tôi tự hỏi liệu bây giờ tôi có quá nhiều về việc sử dụng phông chữ trên trang không. Tổng quát hơn, người ta có thể hy vọng thoát khỏi bao nhiêu với kiểu chữ?

10
ehdv

Tôi sẽ tối giản với điều này.

  1. Bắt đầu với một họ phông chữ duy nhất. Đó là, một sự kết hợp của đậm, cô đọng, v.v. Ví dụ về những gì tôi muốn thấy PT Sans từ API Google Font.
  2. Nếu bạn có kế hoạch để thêm nữa, sau đó biện minh rõ ràng. Đó là, thuyết phục bản thân rằng không chỉ có một lý thuyết mà còn là một lý do chức năng cho phông chữ bổ sung.
  3. Các biến thể chức năng rõ ràng bao gồm code và có thể phông chữ được sử dụng trong logo của bạn.
  4. Lý do tại sao tôi nói tất cả những điều này là vì việc truyền đạt cảm giác hài hòa tổng thể dễ dàng hơn nếu phông chữ của bạn nhất quán theo một cách nào đó - các gia đình phông chữ sẽ làm tất cả những gì phù hợp với bạn.

Cuối cùng, điều tương tự cũng áp dụng cho việc sử dụng màu sắc và kích thước - hãy thử và giữ một tập hợp con giới hạn của những điều này. Hướng dẫn về Phong cách Web có một số nội dung hay về kiểu chữ cho web.

11
Julian H

Trong quá trình giáo dục thiết kế đồ họa của tôi, quy tắc chung được thể hiện là phông chữ cho mỗi thiết kế.

Điều này bao gồm phông chữ của logo. Vì vậy, nếu bạn có logo với Gotham, đó là 1. Bản sao cơ thể có nghĩa là ... Lucida, đó là 2. và Tiêu đề hoặc Tiêu đề sử dụng League Gothic, đó là thứ 3 của bạn.

Đó là cách tôi làm điều đó.

5
Aubrey Johnson

Chỉ là sở thích của riêng tôi: Tôi nghĩ rằng nếu tôi muốn HF1, tôi sẽ gắn bó với HF1 và quên đi HF2. Đối với tôi, thật xúc động khi phải đối mặt với hai phông chữ đặc biệt xa lạ. Đối với cơ thể, tôi sẽ chọn một phông chữ sans-serif không đáng chú ý, không đáng chú ý: không ai từng bị sa thải vì chọn IBM ^ h ^ h ^ h Helvetica.

3
pete142

Chọn giữa:

  1. Chỉ một kiểu chữ
  2. Kiểu chữ Serif cho tiêu đề, kiểu chữ sans-serif cho mọi thứ khác - hoặc ngược lại

Đây là một quy tắc đơn giản, nhưng hiệu quả, để làm việc với kiểu chữ. Tất nhiên, bạn sẽ càng học nhiều hơn về kiểu chữ cho phép bạn tạo ra sự lựa chọn tinh tế (và phá vỡ quy tắc ngón tay cái), nhưng đây là một cơ sở tốt để bắt đầu.

Cũng xem xét:

  • Biểu trưng là một ngoại lệ (và chỉ là duy nhất), nhưng một trong hai kiểu chữ bạn đang sử dụng sẽ trông đẹp mắt cùng với logo. Mẹo này không được tính nếu bạn không có logo phù hợp.
  • Nhằm mục đích dễ đọc và cân bằng trong trang.
  • Sử dụng các biến thể một cách nhất quán: ví dụ: sử dụng chữ in đậm có cùng "ý nghĩa" trên toàn bộ trang web.
  • Không sử dụng quá nhiều biến thể trong trang, không phải kích thước hoặc chữ nghiêng/đậm.
  • Xem ra cho sự khác biệt răng cưa trên các trình duyệt khác nhau.
3
Folletto

Vì mục đích của giao diện, tôi cố gắng hướng tới sự nhất quán hơn là một quy tắc cứng và nhanh về kiểu chữ. Nếu các phông chữ bạn sử dụng phù hợp ở những nơi nhất quán, sẽ không có vấn đề gì. Ưu tiên dễ đọc, rõ ràng và nhất quán hơn các quy tắc.

Làm cho nó trông tốt và bạn sẽ hoàn hảo.

Điều đó đang được nói, hãy đến các trang web như Google, Apple và trang này để tham khảo.

1
DexterW

Để bắt đầu: Tôi đồng ý với các đề xuất trước đây không sử dụng quá nhiều phông chữ và có thể cố gắng tìm cùng một phông chữ 'chữ viết tay' cho cả hai lần sử dụng! 2-3 phông chữ trên mỗi trang nên là tối đa.

Khi bạn phàn nàn rằng sở thích của bạn, 'Georgia' serif, trông quá mất cân đối, tôi nghĩ rằng một số tùy chọn khác đã bị bỏ qua cho đến nay:

  1. bạn có thể sử dụng một khoảng cách chữ khác nhau cho Tiêu đề của bạn. Tôi thấy rằng 'khoảng cách chữ: 0,2em;' (hoặc giá trị tương tự) trong CSS của tôi khá thường xuyên làm cho các tiêu đề trông đẹp hơn so với văn bản cơ thể.

  2. sử dụng một chồng phông chữ khác nhau! Bây giờ tôi thích 'font-Family: "Didot", "Bodoni MT", "Century Schoolbook", "Niagara Solid", "Utopia", "Georgia", "Times", "Times New Roman", serif;' cho các tiêu đề - đây là tất cả các phông chữ thường được hỗ trợ. (Google 'ngăn xếp phông chữ' để tìm người khác).

  3. nếu tất cả các cách trên đều thất bại: sử dụng phông chữ cho các tiêu đề của bạn có phiên bản 'đậm' gốc được bao gồm trong Phông chữ hệ thống, ví dụ: các biến thể 'Arial + Arial Black' hoặc 'Century Gothic'. Tôi thấy rằng các phông chữ được thiết kế theo kiểu chữ in đậm có xu hướng ít gặp vấn đề hơn so với các phông chữ thông thường được tạo kiểu trong CSS với 'mạnh' hoặc 'đậm', do đó trông cân bằng hơn.

0
webbeetle

Chọn một serif và một sans cho dự án của bạn. Hãy chú ý đến sự cân bằng của chúng trong sự lựa chọn của bạn, điều này là bắt buộc.

Lựa chọn phông chữ cân bằng có nghĩa là thiết kế bố trí cân bằng.

0
zetareticoli

Bạn sử dụng số lượng kiểu chữ thích hợp cần thiết. Không có "quy tắc" nào cho việc này ngoài việc thuê một nhà thiết kế đồ họa giỏi.

0
DA01

Tôi đồng ý với ehv trong việc hợp nhất hai phông chữ CT trừ khi có một lý do thuyết phục để giữ chúng như hiện tại hoặc nếu chúng trông khá giống nhau.

Đối với các tiêu đề của bạn, tôi sẽ đề nghị làm một cái gì đó khác để làm cho tiêu đề của bạn nổi bật. Có lẽ một kích thước lớn hơn và chữ nghiêng nếu bạn không thích in đậm? Tôi là một fan hâm mộ lớn về cách Georgia nhìn trên màn hình - nhưng hãy chọn thứ gì đó phù hợp với phong cách trang web của bạn.

Bạn có thể thoát khỏi bất cứ điều gì bạn muốn nó typography miễn là nó hoạt động. Nếu bạn có một loạt các phông chữ khác nhau từ các gia đình tương tự, và không có gì nổi bật một cách vụng về, thì nó hoạt động. Chỉ cần chọn phông chữ không gây rối cho người đọc khi đi từ văn bản -> tiêu đề -> văn bản.

0
Andrew Shipe