글꼴 크기와 관련하여 최적의 줄 높이


24

줄 높이와 텍스트 크기의 최적의 수학적 비율이 무엇인지에 대한 합의가 있습니까? 그리고 있다면, 인쇄와 웹에서 동일합니까?


참고 : 디지털 글꼴의 크기는 유형 디자이너가 글꼴에 정의 된 1em 높이를 가지고 있지만 글리프의 본문을 임의의 크기와 크기로 배치 할 수 있다는 점에서 허구입니다. 'H'는 1em의 75 %, 또는 50 % 또는 5 %를 차지할 수 있으며, 위쪽, 가운데 또는 아래쪽에 플러시되어 있고 글꼴의 내부 "내장"줄 높이가 변한다는 것을 의미합니다. 이로 인해 글꼴에서 글꼴에 이르기까지 줄 높이가 0이 될 수도 있습니다. 규칙은 있지만 표준은 없기 때문에 각 글꼴은 나중에 편집 소프트웨어에 추가 된 행간에 상관없이 엠 스퀘어에서 고유 한 높이를 갖습니다.
kontur

답변:


19

짧은 대답 : "아니요"

긴 대답 : 행간을 결정하는 데 관련된 4 가지 요소가 있습니다 (현재는 한 기준선에서 다음 기준선까지의 거리를 의미하며 선 높이라고도 함). 문자의 x 높이, 측정 (선 길이), 무게 문자 자체의 획과 유형의 크기 이 답변에서는 간단하게하기 위해 "리딩"과 "라인 높이"를 서로 바꿔서 사용하겠습니다.

이 중 지배적 인 것은 측정 값이며 x 높이와 포인트 크기가 뒤 따릅니다.

측정 값이 넓을수록 일반적으로 가독성을 유지하기 위해 라인 높이가 더 개방적이어야합니다. 측정 값이 선택한 서체 및 포인트 크기의 약 70 자보다 긴 경우 판독기가 읽는 동안 줄을 건너 뛰거나 실수로 반복하지 않도록 줄 높이를 늘려야합니다.

문자의 크기는 포인트 크기와 절대 같지 않습니다. 금속 유형의 날짜는 가장 낮은 하위 자의 하단 (예 : 소문자 "y"의 꼬리)에서 상단까지의 총 측정으로 간주되었습니다. 가장 높은 어 센더 (예 : 소문자 "h"의 수직 스트로크) "x-height"가 파생되는 소문자 "x"의 높이는 포인트 크기와 관련하여 높거나 (Arial) 매우 짧을 수 있습니다 (Bernhard Modern). 선 높이가 포인트 크기가 "단단하게 설정"된 것과 같도록 선을 설정하십시오. 선 사이에 추가 리드가 없습니다. Arial 또는 Helvetica는 끔찍하게 보입니다. 베른하르트 모던은 그렇지 않습니다.

가독성을 유지하기 위해 캡 및 어 센더 높이 (예 : Century Schoolbook 또는 Helvetica)와 관련하여 x 높이가 큰 서체는 x 높이가 작은 Garamond 또는 Futura보다 포인트 크기에 비해 더 많은 선 높이가 필요합니다.

Sans serif는 serif 서체보다 크기에 비해 획이 훨씬 두껍습니다. 너무 세게 설정하면 (작은 줄 높이) 단락과 페이지가 너무 무겁고 어둡게 보이므로 읽기가 매우 어려워 질 수 있습니다. 선행 및 때로는 문자 간격을 열면 텍스트의 모양이 상당히 향상됩니다. Garamond와 같이 상대적으로 작은 x- 높이를 가진 serif면은 훨씬 적은 선 높이로 설정할 수 있습니다.

이러한 모든 고려 사항은 디자이너가 페이지 모양을 원하는 방식으로 수정됩니다. 일부 주제는 페이지를보다 풍성하게 보이게함으로써 (예 : 낭만적 인시, 유니콘 이야기) 섬세한 서체를 요구하고 개방적인지도를 요구합니다. 다른 사람들은 더 많은 권위 (교과서)가 필요하고 더 어두운 "유형"의 혜택을받습니다.

이제 황금비 ( phi ) 아이디어를 생략하겠습니다 . 거의 모든 경우에 잘못된 것입니다. 수학은 그것과 아무 관련이 없습니다. 외관

생각하는 것과 달리 제목과 같은 큰 텍스트는 단락 텍스트보다 선행이 더 엄격해야합니다. 헤드 라인은 종종 "네거티브 리딩"으로 설정됩니다. 라인 높이가 포인트 크기보다 습니다. 이는 항상 줄어든 리드가 필요한 모든 대문자의 헤드 라인에 해당됩니다. (오름차순 및 내림차순으로 인해 줄 간격 고르게 보이 도록 여러 줄 헤드 라인이 줄마다 다르게 표시되는 것이 일반적입니다 .) 반대로 캡션이나 각주와 같은 작은 크기는 더 앞줄을 필요로하거나 읽기 어려워집니다. 유형이 커질수록 "느슨해"보이고 작아 질수록 "단단하게"보이기 때문에 대부분의 서체에서 8pt 이하 및 24pt 이상인 글자를 조정해야합니다.

당신은 파이 (또는 사용하려고하는 경우는 심각하게 타락 할 어떤 계산 선 높이에 고정 비율)을 실수로 바로 유일한 것이기 때문에.

웹의 경우 중간 해상도 화면 (250-400ppi)이 일반화 될 때까지 최소 몇 년간 저해상도 장치 용으로 설계된 서체를 사용하십시오. Google, Extensis 또는 Typekit과 같은 제공 업체의 모든 "웹 글꼴"을 대부분의 디스플레이에서 텍스트 크기로 사용할 수있는 것은 아닙니다. 획을 흐리게하고 문자 모양을 왜곡하는 거친 도트 그리드 및 OS 조작으로 인해 웹 페이지가 인쇄 된 페이지보다 조금 더 개방되어있을 때 더 잘 읽히는 경향이 있습니다.


플로팅 레이블이나 블록 인용 부호와 같은 줄이 거의없는 매우 짧은 측정 텍스트는 점 크기가 너무 작지 않은 한 음수 (점 크기보다 작음)를 사용하는 경우가 있습니다. 나는 (지금은 단어로 그 비유를 넣어하려고하지만, 나는 ... 아마 단지 감각이 내 머리에서 만들어 그것을 실현) 텍스트의 리듬을 설정 같은 작은으로 생각
user56reinstatemonica8

네가 옳아. 그리고 "텍스트의 리듬"은 개념을 완벽하게 전달한다고 생각합니다. :)
Alan Gilbertson

-4

편집 " 좋아요"는 단어의 최선의 선택이 아니 었습니다. 물론 보편적 인 최적은 없지만 황금 비율은 실제로 많은 경우에 좋아 보입니다. 이 파이 기반 레이아웃 계산기를 확인하십시오. http://www.pearsonified.com/typography/

그리고 여기 프로그래머의 추론을 설명하는 훌륭한 기사가 있습니다. http://www.pearsonified.com/2011/12/golden-ratio-typography.php


당신은 황금 비율로 잘못 갈 수 없습니다.

선 높이 = 문자 높이 x 1.62

그런데 좋은 질문입니다.


1
em을 사용하여 글꼴 크기를 조정할 수도 있습니다. 웹에서는 1/2 픽셀 인 .01em으로 내려갈 수 있습니다.
Julian

2
이 답변은 좋은 조언이 아닙니다. 수세기에 걸친 활판 인쇄 연습과는 반대로 실행됩니다. 어떤 식자도 모든 텍스트에 대해 고정 비율을 사용하지 않으며 phi만큼 크지 않습니다.
Alan Gilbertson

2
물론 황금 비율로 잘못 갈 수 있습니다. 고대 기념비적 건축물에는 의미가 있지만 반드시 다른 모든 것에 적합하지는 않습니다.
DA01

3
이 답변은 기존의 모든 지혜를 거의 무시 하고 완전히 임의적입니다. 인쇄상의 연습을 반영하지 않으며 실제로 좋은 생각이 아닙니다. 또한 서체 디자인 (아마도 가장 큰 요소), 컨텍스트, 유형 크기, 열 너비 및 여백 등의 요소를 고려하지 않습니다.
thomasrutter

2
이 황금 비율의 타이포그래피 현상은 탄탄한 타이포그래피 접지가없는 것으로 보이며 기본적으로 "유쾌한 소리가 나기 때문에 시원해야합니다"라는 특수 효과 또는 유행입니다. 이 기사는 황금비가 우리의 모든 인쇄상의 문제를 해결할 것이라는 주장에서 거의 컬트와 같습니다.
thomasrutter
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.