Số lượng kích thước phông chữ lý tưởng để sử dụng cho một trang web là gì?


11

Tôi muốn biết bạn có thể sử dụng bao nhiêu cỡ chữ cho một trang web.

Có người nói với tôi rằng tốt hơn hết là không sử dụng nhiều hơn 3 kích thước phông chữ khác nhau (ví dụ 16px cho tiêu đề, 11px cho văn bản và 13 px cho các tiêu đề nhỏ hơn).

Việc sử dụng nhiều hơn 3 cỡ chữ cho mỗi trang web (ví dụ 4) là một ý tưởng tốt hay xấu? Tôi chỉ hỏi bởi vì tôi đang cân nhắc sử dụng cái thứ tư nhưng không biết liệu nó có thể làm hỏng thiết kế của tôi không.

Câu trả lời:


10

Câu hỏi này rất thú vị. Tôi thực sự chưa bao giờ nghe nói về một số lượng kích thước phông chữ hạn chế. Tuy nhiên, tôi đã nghe nói về số lượng khuôn mặt phông chữ thường không vượt quá 2 hoặc 3. Trong trang web phản hồi ngày nay, bạn sẽ thấy kích thước phông chữ thay đổi mọi lúc tùy thuộc vào chế độ xem.

Đây sẽ không phải là một câu trả lời hay nếu không có một số nguồn, vì vậy có hai bài viết thú vị tôi nghĩ bạn nên đọc từ Tạp chí Smashing. Một là về hướng dẫn và kỹ thuật typography (Tôi đã liên kết bạn với phần họ nói về việc nhân rộng các thẻ tiêu đề theo thuật ngữ tương đối) h1: 1.5ems, h2: 1.375ems, v.v.

Bài viết thứ hai là một nghiên cứu lớn Tạp chí Smashing thực hiện về kiểu chữ mỗi năm trên một số trang web phổ biến nhất trên web. Các trang web này chủ yếu là nội dung hướng đến vì vậy typography có tầm quan trọng quan trọng đối với họ.

Tôi nghĩ rằng những gì bạn sẽ tìm thấy là không có bất kỳ thực tiễn tốt nhất nào được thống nhất về kích thước phông chữ. Miễn là chúng không thay đổi đáng kể để đánh lạc hướng người xem, bạn có thể chơi với chúng theo ý của mình. Nếu bạn có thể sử dụng các kích thước phông chữ theo cách có thể phân biệt để người dùng có thể liên kết kích thước phông chữ với một loại nội dung cụ thể, thì bạn sẽ ổn. Đừng quá nhiệt tình.


1
Ồ Cảm ơn bạn rất nhiều vì câu trả lời tuyệt vời đó !: D Bạn đã lưu lại ngày của tôi! :) Chỉ muốn đề cập rằng anh chàng đã nói với tôi rằng bạn không bao giờ nên sử dụng nhiều hơn 3 kích thước phông chữ khác nhau là ông chủ cũ của tôi về thiết kế đồ họa cơ quan tại Đức. Tôi không thích anh ta nhiều và anh ta nói với tôi rất nhiều bull $ hit khi tôi đang làm việc ở đó vì vậy tôi nghĩ rằng quy tắc 3 kích cỡ khác nhau của anh ta là hoàn toàn vô nghĩa nếu bạn hỏi tôi. Chỉ cần một ghi chú nhanh ...
drpelz

4

Tôi muốn biết bạn có thể sử dụng bao nhiêu cỡ chữ cho một trang web.

Về mặt kỹ thuật, một lượng vô hạn.

Có người nói với tôi rằng tốt hơn hết là không sử dụng quá 3 cỡ chữ khác nhau

Thiết kế 'Tốt' có xu hướng hoạt động trong một tập hợp các điều khoản, do đó, rất nhiều quy tắc loại quy tắc này chỉ là - các ràng buộc được sử dụng để kiềm chế phạm vi các tùy chọn để cung cấp một số trọng tâm và hướng.

Việc sử dụng nhiều hơn 3 cỡ chữ cho mỗi trang web là một ý tưởng tốt hay xấu

Đúng. Và không. Ơ ... còn tùy.

Tất cả đều dựa trên các chi tiết thiết kế của bạn. Hãy tự hỏi: việc thêm một cỡ chữ 4 có hoạt động không? Bạn có thể biện minh cho việc sử dụng nó? Nếu vậy, hãy cho nó.


2

Như nhiều như bạn muốn. Hãy nghĩ về một tờ báo. Nó có thể sử dụng nhiều kích cỡ khác nhau cho các tiêu đề để thể hiện tầm quan trọng tương đối. Không có lý do chung tại sao bạn không thể làm như vậy trên các trang web. Ví dụ: các đám mây thẻ sử dụng nhiều biến thể kích thước phông chữ.


Mặc dù các tờ báo sử dụng quy mô để phù hợp với các mức độ quan trọng khác nhau, nhưng theo truyền thống, chúng cũng được sử dụng như một phương tiện để sao chép.
DA01

Tag mây là một ví dụ tốt!
unor

2

Tôi đồng ý với hầu hết các câu trả lời đã được đưa ra ở trên nhưng muốn thêm một câu hỏi nữa ở đây.

Đầu tiên, tôi nghĩ bạn phải đảm bảo rằng bạn duy trì bố cục sẽ vẫn hấp dẫn khách truy cập nhất. Nếu bạn trộn và kết hợp các kích thước phông chữ quá nhiều, nó có thể sẽ trở nên lộn xộn và khó đọc hơn.

Thứ hai, xem xét cơ sở người dùng. Ai sẽ sử dụng trang web của bạn? Một số người sử dụng các nền tảng khác nhau và kích thước phông chữ nhất định trông khác nhau trên các nền tảng khác nhau.

Điều quan trọng nhất cần làm là giữ một cái nhìn nhất quán trên các trang của bạn. Chúc may mắn!


1
Về cơ bản, bạn đúng, tất nhiên! :) NHƯNG 3 cỡ chữ chỉ có thể làm cho việc phát triển một trang web chơi game phức tạp trở nên khó khăn trong trường hợp của tôi.
drpelz
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.