글꼴 간격에 관한 일반적인 규칙이 있습니까?


10

최근에 나는 내 자신의 글꼴을 디자인하려고했습니다.


실제로 3 글자로이 디자인을 만들었 듯이 작은 가족 일을하면서 모든 것이 거의 "맞춤 글꼴"이었습니다. 가족과 친구들에게 보여주었습니다 ...

제 삼촌 (창조 산업에 종사하는 사람)은 다음과 같이 말했습니다.

당신은 그것을 완벽하게 (수학적으로) 정렬했지만 시각적으로 (아주 좋아 보였습니다) 서로 다른 문자 사이에 필요한 양의 간격이 있습니다.

[ E 와 다음 문자 사이의 공간이 더 적습니다 .]


그래서 나는 그것을 조사하기 시작했고 다양한 글꼴을 보았고 그가 올바른지 알았습니다.

Arial 글꼴에서는 ri 사이의 공간이 매우 적고 a의 양쪽에있는 공간의 두 배가 넘지 만 A의 공간은 더 적습니다.

내 질문은 :

이 공간을 만드는 규칙이 있습니까? 어쩌면 내가 배울 필요가있는 일종의 수학적 것입니까, 아니면 디자이너의 재량에 의한 시각적 인 것일 수도 있습니다. (외형이 마음에들 때까지 놀아요)

참고 : 선은 글자의 각 측면에서 가장 먼 도달 지점과 직선을 사용하여 측정됩니다.

참고 : 선은 글자의 각 측면에서 가장 먼 도달 지점과 직선을 사용하여 측정됩니다.


6
kerning 이라고 합니다. 이전 Q & A (예 : 내 질문 : graphicdesign.stackexchange.com/q/68245/52050 )를 살펴보면 유용한 정보를 많이 찾을 수 있습니다
Cai

답변:


14

kerning 이라고 하며 특정 문자 1에 적용되는 추가 간격 입니다.

목표는 글리프 사이에 동일한 간격을 인식 하는 것입니다 . 글리프의 모양이 매우 다르기 때문에 각 글리프의 경계 상자를 기반으로하는 수학적으로 동일한 간격이 항상 작동하는 것은 아닙니다. 일부는 경계 상자 내에 빈 공간이 많고 일부는 거의 없습니다. 일반적으로 커닝이 필요한 글리프는 기울어 진 형태의 문자 (예 : "W", "V", "A")와 "팔"또는 큰 크로스바가있는 문자 (예 : "T", "F")입니다.

문자열 "AVAIL"을 예로 들어 보겠습니다. 커닝을 적용하지 않으면 "A"와 "V"사이의 빈 공간이 매우 분명합니다.

여기에 이미지 설명을 입력하십시오

따라서 부정적인 커닝을 적용하여 가져옵니다.

여기에 이미지 설명을 입력하십시오

주의해야 할 또 다른 사항은 충돌입니다. 다음 예를 보자. 특별한 처리없이 "f"의 후드와 "i"의 점이 충돌하므로이를 분리해야한다.

여기에 이미지 설명을 입력하십시오

"f"와의 충돌은 일반적으로 특정 합자 에도 고정되어 있습니다 (그러나 나는 ...)

여기에 이미지 설명을 입력하십시오

세리프 간의 충돌도 조심하십시오. 예를 들어 "y"와 "p"는 조잡 해 보입니다.

여기에 이미지 설명을 입력하십시오

참조 : 일반적인 커닝 쌍은 무엇입니까?


몇 가지 일반적인 기술

컨 거꾸로

텍스트를 뒤집 으면 실제 글자 모양, 단어 및 의미에 방해받지 않고 모양과 공간에 집중할 수 있습니다. 그것들을 모양으로 취급 할 수 있습니다 ...

여기에 이미지 설명을 입력하십시오

곁눈질

유형의 비전을 흐리게하기 위해 눈을 가늘게 뜨거나 교차 시키면 전체 대비와 공간 사용을 잘 볼 수 있습니다 (커닝뿐만 아니라 모든 레이아웃 또는 간격에 적합한 기술입니다). 도움이된다면 사용중인 소프트웨어에 관계없이 유형에 실제 흐림 효과를 설정할 수 있습니다 ...

여기에 이미지 설명을 입력하십시오

최근에 타입 디자인에 사용했던 Glyphs 에는 편집기에 내장 된 기능이 있습니다.

여기에 이미지 설명을 입력하십시오

풍선?

제가 몇 번 언급 한 더 추상적 인 기술은 풍선 기술입니다 ... 본질적으로 각 캐릭터 사이에 ballon을 상상하면됩니다. 품번 기호는 가능한 한 품번 기호와 문자 사이에 공간이 적고 x 높이 위나 아래에 흘리지 않고 문자 사이에 맞아야합니다. 모두 같은 영역을 유지하면서

여기에 이미지 설명을 입력하십시오

연습...

모든 것과 마찬가지로, 배우고 향상시키는 가장 좋은 방법은 연습, 연습 및 더 많은 연습입니다.

커닝 게임커닝 을 연습하고 전문가 커닝과 비교할 수있는 훌륭한 도구입니다 ...

여기에 이미지 설명을 입력하십시오


1 또는 때때로 더. 다항식 커닝 테이블이란 무엇입니까?를 참조하십시오 .


0

x- 높이 범위를 고려할 때 글리프 사이의 여유 공간은 동일한 면적을 가져야합니다. 또한 면적 기준을 완전히 채울 수없는 경우 무시해서는 안되는 최소 거리를 정의해야합니다. 캐릭터가 서로 닿는 것처럼 보이지 않도록하기 위함입니다.

이것은 실제로 자유형 단순화이지만 시작점으로 유용 할 수 있습니다. 타이포그래피 책을 받거나 글꼴 편집 소프트웨어 튜토리얼에서 사용할 수있는 기본 사항을 확인하십시오.

당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.