Chiều cao dòng tối ưu liên quan đến kích thước phông chữ


24

Có một thỏa thuận về tỷ lệ toán học tối ưu của chiều cao dòng và kích thước của văn bản là gì không? Và nếu có, nó có giống nhau cho in ấn và web không?


Cũng lưu ý: Kích thước của phông chữ kỹ thuật số là hư cấu, theo nghĩa là nhà thiết kế loại có chiều cao 1em được xác định trong phông chữ, nhưng có thể đặt phần thân của glyph ở bất cứ đâu và ở bất kỳ kích thước nào. Có nghĩa là 'H' có thể bao phủ 75% của 1em, hoặc 50% hoặc 5%, ngồi ở vị trí trên cùng, giữa hoặc dưới cùng và chiều cao dòng "bên trong" của phông chữ khác nhau. Điều này sẽ dẫn đến một chiều cao dòng khác nhau ngay cả ở đầu không, từ phông chữ đến phông chữ. Vì chỉ có quy ước, nhưng không có tiêu chuẩn, mỗi phông chữ có chiều cao riêng của nó trong ô vuông, bất kể hàng đầu nào được thêm vào sau trong phần mềm chỉnh sửa.
kontur

Câu trả lời:


19

Câu trả lời ngắn gọn: "Không."

Câu trả lời dài: Có bốn yếu tố liên quan đến việc quyết định hàng đầu (ngày nay có nghĩa là khoảng cách từ đường cơ sở này đến đường tiếp theo, còn được gọi là chiều cao dòng): chiều cao x của các ký tự, số đo (độ dài của đường), trọng lượng của các nét của chính các ký tự và kích thước của loại. Trong câu trả lời này, để đơn giản, tôi sẽ sử dụng thay thế "hàng đầu" và "chiều cao dòng".

Trong số này, cái chiếm ưu thế là thước đo, tiếp theo là chiều cao x và kích thước điểm.

Các biện pháp càng rộng, nói chung, chiều cao của đường càng phải mở để duy trì khả năng đọc. Nếu số đo của bạn dài hơn khoảng 70 ký tự của kiểu chữ và kích thước điểm bạn đã chọn, bạn sẽ cần tăng chiều cao của dòng để người đọc không bỏ qua hoặc vô tình lặp lại một dòng trong khi đọc.

Kích thước của các ký tự không bao giờ giống với kích thước điểm, mà trong thời đại của loại kim loại được lấy là tổng số đo từ đáy của phần giảm dần thấp nhất (ví dụ: đuôi của chữ thường "y") lên trên cùng của mức tăng cao nhất (chẳng hạn như nét dọc của chữ thường "h"). Chiều cao của chữ thường "x", từ đó "x-height" xuất phát, có thể cao (Arial) hoặc rất ngắn (Bernhard Modern) liên quan đến kích thước điểm. Loại được đặt sao cho chiều cao của dòng giống với kích thước điểm là "thiết lập vững chắc" - không có thêm dây dẫn giữa các dòng. Arial hoặc Helvetica trông rắn rỏi. Bernhard Modern không.

Để duy trì khả năng đọc, các kiểu chữ có chiều cao x lớn so với nắp và chiều cao tăng dần (ví dụ, Century Schoolbook hoặc Helvetica) cần nhiều chiều cao dòng hơn, so với kích thước điểm, so với Garhua hoặc Futura, có chiều cao x nhỏ hơn.

Sans serifs có xu hướng có các nét dày hơn nhiều, so với kích thước của chúng, hơn các kiểu chữ serif. Đặt chúng quá chặt (chiều cao dòng nhỏ) làm cho đoạn văn và trang trông rất nặng nề và tối, và có thể khiến chúng rất khó đọc. Mở đầu, và đôi khi khoảng cách ký tự, cải thiện đáng kể giao diện của văn bản. Một khuôn mặt serif với chiều cao x tương đối nhỏ, như Garhua, có thể được thiết lập với chiều cao dòng ít hơn nhiều.

Tất cả những cân nhắc này được sửa đổi bằng cách nhà thiết kế muốn trang nhìn. Một số chủ đề được tăng cường bằng cách nhìn thoáng hơn vào trang (ví dụ: thơ lãng mạn, truyện kỳ ​​lân), kêu gọi một kiểu chữ tinh tế và dẫn đầu mở. Những người khác cần nhiều quyền hơn (sách giáo khoa, nói) và được hưởng lợi từ một "loại màu" tối hơn.

Bây giờ hãy để tôi phân phối với ý tưởng Tỷ lệ vàng ( phi ). Nó sẽ sai trong hầu hết các trường hợp. Toán học không có gì để làm với nó. Ngoại hình nào.

Trái với những gì bạn có thể nghĩ, văn bản lớn như tiêu đề yêu cầu dẫn đầu chặt chẽ hơn văn bản đoạn văn. Tiêu đề thường được đặt với "tiêu cực hàng đầu" - chiều cao của dòng nhỏ hơn kích thước điểm. Điều này đặc biệt đúng với các tiêu đề trong tất cả các mũ, luôn luôn yêu cầu giảm hàng đầu. (Do ascenders và xuống của, người ta thường cho các tiêu đề đa dòng có khác nhau dẫn trên mỗi dòng để làm cho dòng khoảng cách nhìn chẵn.) Ngược lại, kích thước nhỏ, chẳng hạn như đối với chú thích hoặc chú thích, nhu cầu nhiều vụ lãnh đạo, họ trở nên khó đọc. Kiểu trông "lỏng lẻo" hơn vì nó lớn hơn và "chặt hơn" vì nó nhỏ hơn, đòi hỏi phải điều chỉnh khoảng cách chữ dưới 8 pt và trên 24 pt cho hầu hết các kiểu chữ.

Bạn sẽ đi lạc hướng nghiêm trọng nếu bạn cố gắng sử dụng phi (hoặc bất kỳ tỷ lệ cố định nào ) để tính chiều cao của đường, bởi vì bạn sẽ chỉ đúng khi tình cờ.

Đối với web, sử dụng kiểu chữ được thiết kế cho các thiết bị có độ phân giải thấp trong ít nhất vài năm tới, cho đến khi màn hình độ phân giải vừa phải (250 - 400 ppi) trở nên phổ biến. Không phải tất cả "phông chữ web" từ các nhà cung cấp như Google, Extensis hoặc Typekit đều có thể sử dụng được ở các kích cỡ văn bản trên hầu hết các màn hình. Văn bản web có xu hướng đọc tốt hơn khi cách nhau một chút cởi mở hơn so với trên một trang in, do lưới chấm thô và các thao tác hệ điều hành làm mờ các nét và làm biến dạng hình dạng ký tự.


Văn bản có số đo rất ngắn với một vài dòng như nhãn nổi hoặc dấu ngoặc kép đôi khi cũng được hưởng lợi từ tiêu cực (nhỏ hơn kích thước điểm), miễn là kích thước điểm không quá thấp. Tôi nghĩ về nó giống như cài đặt nhịp điệu của văn bản (mặc dù bây giờ tôi cố gắng đặt sự tương tự đó thành từ ngữ, tôi nhận ra nó có lẽ chỉ có ý nghĩa trong đầu tôi ...)
user56reinstatemonica8

Bạn đúng. Và "nhịp điệu của văn bản" truyền đạt khái niệm một cách hoàn hảo, tôi nghĩ vậy. :)
Alan Gilbertson

-4

Chỉnh sửa Ok, vì vậy, có lẽ "không thể sai" không phải là lựa chọn tốt nhất của các từ. Tất nhiên không có tối ưu phổ quát , nhưng tỷ lệ vàng thực sự trông tốt trong rất nhiều trường hợp. Kiểm tra máy tính bố trí phi dựa này. http://www.pearsonified.com/typography/

Và đây là một bài viết tuyệt vời giải thích lý luận của lập trình viên http://www.pearsonified.com/2011/12/golden-ratio-typography.php


Bạn không thể đi sai với tỷ lệ vàng.

Chiều cao dòng = chiều cao văn bản x 1,62

Bằng cách này, câu hỏi tuyệt vời.


1
Bạn cũng có thể sử dụng em để kích thước phông chữ của bạn. Trên trang web, nó có thể giảm xuống 0,01em là 1/2 pixel.
Julian

2
Câu trả lời này không phải là lời khuyên tốt. Nó chạy ngược lại với nhiều thế kỷ thực hành typographic. Không có máy sắp chữ nào sẽ sử dụng tỷ lệ cố định cho tất cả văn bản và hầu như không bao giờ có tỷ lệ lớn như phi.
Alan Gilbertson

2
Tất nhiên bạn có thể đi sai với tỷ lệ vàng. Đó là một tỷ lệ có ý nghĩa trong kiến ​​trúc tượng đài cổ đại, nhưng không nhất thiết phải phù hợp với mọi thứ khác.
DA01

3
Câu trả lời này khá nhiều bỏ qua tất cả sự khôn ngoan thông thường và hoàn toàn tùy ý - nó không phản ánh thực hành đánh máy và nó không thực sự là một ý tưởng tốt. Nó cũng không tính đến các yếu tố như thiết kế kiểu chữ (có thể là yếu tố lớn nhất), bối cảnh, kích thước loại, chiều rộng cột và lề và các yếu tố khác.
thomasrutter

2
Hiện tượng typography tỷ lệ vàng này dường như không có nền tảng đánh máy vững chắc và về cơ bản là một mánh lới quảng cáo hoặc mốt mà chỉ "nghe có vẻ geeky, vì vậy nó phải được mát mẻ". Bài báo đó gần giống như sùng bái khi nhấn mạnh rằng tỷ lệ vàng sẽ giải quyết tất cả các vấn đề đánh máy của chúng tôi.
thomasrutter
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.