같은 공간을 공유하는 어 센더와 디 센더는 어떻게 처리해야합니까?

이것은 내 고객의 커뮤니케이션 앱에 대한 초기 등록 페이지입니다. (나는 그의 로고를 덮었다-그의 개인 정보 보호를 위해 흰색 상자를 주목하십시오)

나는 "y"가 하강하고 "h"가 같은 공간으로 올라가는 것을 좋아하지 않습니다. 두 줄이 약간 좁아집니다. 어떤 제안?

(앱의 글꼴은 roboto입니다. 여기서 Roboto Bold를 사용하고 있습니다.)

다른 디자인 의견은 우리가 높이 평가할 것입니다.

일반적으로 몇 가지 옵션이 있습니다.

현재 문제는 1 줄과 2 줄이 2 줄과 3 줄보다 멀리 떨어져 있다는 것입니다. 그것은이다 착시 하지만 두 번째 두에, 처음 두 사이 센더과 승천의 부족에 의해 만들었습니다.

솔루션은 두 가지 기본 범주로 분류됩니다.이 상황을 모두 피하거나 정면으로 대처하는 것입니다. 우리는 그것을 피하는 몇 가지 방법으로 시작할 것입니다.

옵션 1 : 대문자로 변환

이것은 상황을 피합니다. 그러나 소문자에 연결되었을 수 있습니다.

(이 예제는 Roboto가 설치되어 있지 않기 때문에 Franklin Gothic을 사용합니다).

옵션 2 : 줄 바꿈 재정렬

이 경우 두 줄로 변환했지만 때로는 다른 방법으로 줄 바꿈을 다시 정렬 할 수 있습니다.

두 줄만 사용하면 문제를 피할 수 있습니다. 비교할 방법이 없습니다.

옵션 3 : "시각적으로 올바르게"보일 때까지 간격을 수동으로 조정

여기에서는 1 행과 2 행 사이의 간격을 크게 줄 였으므로 "균등하게"보입니다. 당신은 이것에 대한 공식을 사용할 수 없으며 단지 눈입니다.

실제로이 예에서 첫 번째와 두 번째 선 사이의 선 간격은 두 번째와 세 번째 선 사이의 선 간격보다 훨씬 작지만 두 번째 행의 승천 자와 내림차순으로 인한 착시 때문에 너무 잘못 표시되지는 않습니다. .

이 빠른 예를 더 향상시킬 수 있다는 것은 그럴듯합니다. 이렇게 할 때, 뒤에서 보거나 눈을 가늘게 뜨는 등을 시도해보십시오. 따라서 단어가 아닌 글자 모양이 마치 얼룩처럼 보입니다.

보너스 옵션 : 어 센더와 디 센더가 겹치지 않도록 단어 이동

선택한 단어에는이 옵션이없는 것처럼 보이지만이 단어에서 다른 단어가있는 것처럼 하위 단어와 어 센더가 겹치지 않도록 단어를 왼쪽이나 오른쪽으로 이동할 수 있습니다.

그런데, 나는 해시 기호의 사용 생각 #이 제대로 보이지 않습니다 그리고 당신은 갔단 말인가 떨어져 좋을 것 번호 또는 N ^O를 -하지만 그건 내 개인적인 의견입니다.

타이포그래피에서 행간을 변경하면 시청자가 작품을 읽고 해석하는 방식에 영향을 줄 수 있습니다.

예를 들어, 두 줄 사이의 행간 양을 줄이면 내림차순과 어 센더가 충돌하여 텍스트의 전체 가독성에 부정적인 영향을 미칩니다.

시각적 스타일로, 단단하게 밀착하면 독자가 독자의 텍스트 (눈을 사로 잡는 글자가 증가 할 때)의 속도가 빨라지거나 전체적인 부분에 비좁거나 밀실 공포증이 생길 수 있습니다 (1) . 여기서 원하는 효과가 되십시오.

반면에, 선행을 늘리면 독자의 페이스가 줄어들 수 있습니다 (2) . 각 줄 사이에 더 많은 공간을 도입하면 시선을 사로 잡는 글자의 양을 줄여 독자의 속도를 늦출 수 있습니다. 이것은 독자에 의해 텍스트에 편안한 느낌을 불러 일으킬 수 있습니다. 그러나 리더의 눈이 각 선 사이를 더 이동해야하므로 너무 많은 선행이 있으면 연속성에 문제가 발생할 수 있으므로 공백의 양에주의하십시오 (3) .

텍스트의 가독성을 향상시키는 최선의 방법은 다음과 같이 일관된 결과로 무언가를 수행하는 것입니다.