줄 높이와 텍스트 크기의 최적의 수학적 비율이 무엇인지에 대한 합의가 있습니까? 그리고 있다면, 인쇄와 웹에서 동일합니까?
줄 높이와 텍스트 크기의 최적의 수학적 비율이 무엇인지에 대한 합의가 있습니까? 그리고 있다면, 인쇄와 웹에서 동일합니까?
답변:
짧은 대답 : "아니요"
긴 대답 : 행간을 결정하는 데 관련된 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 조작으로 인해 웹 페이지가 인쇄 된 페이지보다 조금 더 개방되어있을 때 더 잘 읽히는 경향이 있습니다.
편집 " 좋아요"는 단어의 최선의 선택이 아니 었습니다. 물론 보편적 인 최적은 없지만 황금 비율은 실제로 많은 경우에 좋아 보입니다. 이 파이 기반 레이아웃 계산기를 확인하십시오. http://www.pearsonified.com/typography/
그리고 여기 프로그래머의 추론을 설명하는 훌륭한 기사가 있습니다. http://www.pearsonified.com/2011/12/golden-ratio-typography.php
당신은 황금 비율로 잘못 갈 수 없습니다.
선 높이 = 문자 높이 x 1.62
그런데 좋은 질문입니다.