본문 바로가기
카테고리 없음

자간, 단어 사이, 트래킹, 커닝 정의, 커닝과 자간 차이점

by daybyday-dev 2024. 3. 25.

자간, 단어 사이, 트래킹, 커닝 정의, 커닝과 자간 차이점


1. 자간, 단어 사이, 트래킹

 

대문자와 소문자

 

  • 대문자(Upper Case)
  • 소문자(Lower Case)

자간과 단어 사이

 

  • 자간(letter space)
    • 글'자'와 글자 사이의 '간'격 → 자간
    • 전체 글자를 일정하게 조절함
    • ex) 'y'와 'p' 사이 간격
  • 단어 사이(word space)
    • 단어와 단어 사이 간격
    • ex) 'Type' 단어와 'fx' 단어 사이
  • 트래킹(tracking)
    • 자간(글자와 글자 사이) + 단어 사이(단어와 단어 사이) = 트래킹
    • 글자와 글자 사이, 단어와 단어 사이를 총칭하는 것
    • 글자와 글자 사이 또는 단어와 단어 사이 간격을 조절, 수정하는 것 = 트래킹 한다

 

2. 커닝

 

커닝

 

  • 커닝(Kerning)
    • 특정 글자 사이의 간격을 조절하는 것
    • 여러 글자를 일괄 조절하는 트래킹과 차이가 있음
    • 글자 모양으로 인해 글자(활자)가 고르지 않게 배열될 때, 글자를 조절해 시각적으로 매끄럽고, 안정감 있어 보이게 하는 것

커닝을 적용하지 않았을 경우와 적용했을 경우

 

  • 커닝을 적용하지 않았을 경우, 'A'와 'V'가 시각적으로 떨어져 보임
  • 원칙적으로는 글자와 글자가 오버랩(겹침)되면 안 되지만,
    커닝을 적용해 특정 글자의 간격을 조절하면 시각적으로 고르게 보임(안정감 제공)
  • 주로 대각선 형태나 움푹 들어가 있는 형태의 글자가 간격이 멀어 보임

 

3. 커닝과 자간 차이점

커닝과 자간의 차이점

 

  • 커닝
    • 특정 글자 사이의 간격 조절
    • ex) 'T'와 'y' 사이에만 -130 간격을 주어 시각적으로 안정감 있어 보임
  • 자간
    • '선택 영역'의 모든 글자와 글자 사이 간격 일괄 조절
    • 특정 글자 사이의 간격 문제 해결 불가능
    • ex) 모든 글자 사이 간격이 -25

영어 커닝, 영어 자간

 

한글 커닝, 한글 자간

 

커닝과 자간 차이점 예시

 

  • 커닝
    • 특정 글자 사이의 간격 조절
    • 한글의 경우, 박스와 박스 사이 간격 조절을 의미함
    • 글자 'T'와 글자 'y' 사이에 커서를 놓고 커닝을 적용시키면 'T'와 'y' 사이 간격만 조절됨
    • 커닝 설정값 중 '메트릭'은 타입 디자이너가 사전에 설정해 놓은 커닝값
    • 커닝 설정값 중 '메트릭-로마자 전용'은 영어에서만 커닝값이 조절됨(한글 적용 X) → 추천
  •  자간
    • 선택 영역의 모든 글자와 글자 사이 간격이 일괄 조절
    • 글자 중심선과 글자 중심선을 기준으로 간격 조절하는 것
    • 글자 'T'와 글자 'y'를 선택 영역으로 묶고 자간을 적용시키면 'T'의 뒤, 'y'의 뒤 간격이 조절됨