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

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ữ đó. Theo nghiên cứu của chúng tôi: Line height (pixel) ÷ cỡ chữ phần nội dung(pixel) = 1,48 Lư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ắc nà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,8 Line 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 cho kí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,754 Chúng tôi đã rất ngạc nhiên bởi kết quả này. Nó chỉ ra rằng khoảng cách giữ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ạn vă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ữ đầu dòng – the Leading (đó là đặc điểm chính của nhịp điệu thẳng đứng hoàn hảo ). Chữ đầu dòng (The Leading ) – là chữ cái được làm lớn khi bắt đầu một phầ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ông gian đưa lên bởi descenders (ngược với ascender – là phần gạch trên của các chữ 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 ra theo 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ày lê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 padding Gutter là không gian giữa các cột của văn bản in, đôi khi gọi là alley The 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ôi cho 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ỗi dò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à Boxes and Arrows (125 ký tự/ dòng). . 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. hoàn hảo ). Chữ đầu dòng (The Leading ) – là chữ cái được làm lớn khi bắt đầu một phầ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ý. height (pixel) ÷ cỡ chữ phần nội dung( pixel) = 1,48 Lư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