Chiều cao (line height ) tối ưu giữa các dòng ở phần nội dung.

Line height trong PTS là là biểu tượng Chiều cao Line height sẽ luôn phụ thuộc vào kích thước font bạn lựa chọn. Do đó trình bày bằng biểu đồ lựa chọn phổ biến sẽ không có ý nghĩa. Thích hợp hơn cho bạn khi sử dụng một đương vị tương đối, chẳn hạn như "em" hay "%" để xác định khoảng cách line height "em" là một đơn vị đo lường trong lĩnh vực typography. Đơn vị này xác định tỷ lệ chiều rộng và chiều cao xung quanh một chữ đối với kích thước điểm px của chữ...
Nội dung trích xuất từ tài liệu:
Chiều cao (line height ) tối ưu giữa các dòng ở phần nội dung. Chiều cao (line height ) tối ưu giữa các dòng ở phần nội dung.Line height trong PTS là là biểu tượngChiều cao Line height sẽ luôn phụ thuộc vào kích thước font bạn lựa chọn.Do đó trình bày bằng biểu đồ lựa chọn phổ biến sẽ không có ý nghĩa. Thíchhợp hơn cho bạn khi sử dụng một đương vị tương đối, chẳn hạn như emhay % để xác định khoảng cách line heightem là một đơn vị đo lường trong lĩnh vực typography. Đơn vị này xácđịnh tỷ lệ chiều rộng và chiều cao xung quanh một chữ đối với kích thướcđiểm px của chữ đó.Theo nghiên cứu của chúng tôi:Line height (pixel) ÷ cỡ chữ phần nội dung(pixel) = 1,48Lưu ý rằng 1,5 là một giá trị thường được đề nghị trong các cuốn sách kinhđiển về typographic, do đó nghiên cứu của chúng tôi sao lưu các nguyên tắcnày. Rất ít các trang web sử dụng tỉ lệ ít hơn thế. Số lượng các trang web màtrên 1,48 giảm khi bạn nhận được thêm những giá trị này.Line length (pixel) ÷ đường cao (pixel) = 27,8Line length trung bình là 538,64 pixel (không bao gồm margins và paddings) là khá lớn, lưu ý rằng nhiều trang web vẫn còn sử dụng 12-13 pixel chokích thước font nội dung.Trong Typography Line length là chiều rộng chiếm bởi một khối câu chữvăn bản , được đo bằng inch, picas và pixel.Trong Typography, margins là không gian bao quanh nội dung của trang.Margin giúp xác định nơi một dòng văn bản bắt đầu và kết thúc.Không gian giữa các đoạn văn (pixel) ÷ Line height (pixel) = 0,754Chúng tôi đã rất ngạc nhiên bởi kết quả này. Nó chỉ ra rằng khoảng cáchgiữa các đoạn (tức là khoảng trống giữa những dòng cuối cùng của một đoạnvăn và dòng đầu tiên của kế tiếp của 1 đoạn khác ) chỉ gần bằng với chữ đầudòng – the Leading (đó là đặc điểm chính của nhịp điệu thẳng đứng hoànhảo ).Chữ đầu dòng (The Leading ) – là chữ cái được làm lớn khi bắt đầu mộtphần nội dung.Thường xuyên hơn, khoảng cách giữa các đoạn (pharaghap spacing) là 75%của line height. Lý do có thể là chữ đầu dòng thường bao gồm các khônggian đưa lên bởi descenders (ngược với ascender – là phần gạch trên của cácchữ như chữ d -. descenders là phần gạch dưới của các chữ như chữ q, p), vàbởi vì hầu hết các ký tự không có descenders, thêm khoảng trắng được tạo ratheo dòng. AIGA là một ví dụ hoàn hảo tối ưu. Kích thước font của nó là 13,21 điểm(chuyển đổi từ ems) và chiều cao dòng của nó là 19,833 pixel(chuyển đổi từems). Trong thực tế, 19,8333 ÷ 13,2167 = 1,5011. (Chữ I là the Leading ).Vì vậy, một khi bạn đã quyết định kích thước font nội dung, nhân giá trị nàylên 1.5 sẽ cung cấp cho bạn số Line height tối ưu. Một khi bạn đã có điều đó,bạn có thể nhân giá trị mới này bằng 27,8 để có được chiều dài dòng tối ưu.Lưu ý rằng cách bố trí cũng cần có gutters, margins and paddingGutter là không gian giữa các cột của văn bản in, đôi khi gọi là alleyThe New Scientist có 20 pixel của khoảng cách giữa các đoạn.7. Bao nhiêu chữ trong một dòng?Theo một quy luật cổ điển của web typography, 55-75 là một số lượng tốiưu của các ký tự trên mỗi dòng. Đáng ngạc nhiên, nghiên cứu của chúng tôicho thấy hầu hết các trang web có số lượng cao hơn.Chúng tôi đếm có bao nhiêu chữ có thể phù hợp trên một dòng bằng cách sửdụng kích thước font mặc định. Kết quả là trung bình 88,74 ký tự trên mỗidòng (tối đa ) là rất cao.Giữa 73 và 90 ký tự trên mỗi dòng là một lựa chọn phổ biến trong thiết kế,nhưng chúng tôi cũng tìm thấy ngoại lệ: Monocle (47 ký tự/ dòng) và Boxesand Arrows (125 ký tự/ dòng).