본문 바로가기
디자인 전문가의 숨겨진 보물창고

로고 디자인 만들려면 자간, 커닝을 알아야 한다고? 그게 뭐야? 어떻게 해?

by 노이어스믹 2023. 3. 13.
반응형

로고 디자인을 하려면 타이포그래피에 대한 감각이 필요합니다.

타이포그래피를 구성하는 요소는 글꼴, 크기, 줄간격, 자간, 정렬, 색상, 강조, 행간등이 있습니다.
이중 자간에 대한 훈련을 할 수 있는 게임을 준비했습니다.
커닝, 자간조절 훈련할 수 있습니다.


목차

1. 타이포그래피 구성요소
2. 자간, 커닝, 트래킹 뭐가 달라?
3. Kern Type 소개
4. Kern Type 사용법
5. 마치며



타이포그래피 구성요소

타이포그래피(Typography)는 글자와 문자를 디자인하는 기술로, 다양한 요소로 구성됩니다. 다음은 타이포그래피를 구성하는 요소들입니다.

1. 글꼴(Font)
글꼴은 문자를 구성하는 요소로, 서체와 같은 개념입니다. 타이포그래피에서는 다양한 글꼴을 사용하여 글자의 느낌과 분위기를 전달합니다.

2. 크기(Size)
글자의 크기는 글자의 중요도와 읽기 쉬움을 고려하여 결정됩니다. 타이포그래피에서는 서로 다른 크기의 글자를 사용하여 정보를 구분합니다.

3. 줄 간격(Leading)
줄 간격은 한 줄과 다음 줄 사이의 간격으로, 읽기 쉽게 글자들이 서로 충돌하지 않도록 합니다.

4. 글자 간격(Kerning)
글자 간격은 각 글자 사이의 간격을 조절하여 글자들이 서로 붙어있는 것처럼 보이지 않게 합니다.

5. 정렬(Alignment)
글자를 왼쪽, 가운데, 오른쪽 등으로 정렬하여 읽기 쉽게 만듭니다.

6. 색상(Color)
글자의 색상은 배경과 대비를 이루어 글자가 더욱 두드러지게 보이게 합니다.

7. 강조(Emphasis)
텍스트에서 특정 부분을 강조하기 위해 굵은 글씨, 이탤릭체, 밑줄 등의 스타일을 사용합니다.

8. 행간(Line length)
텍스트가 너무 길면 읽기 어렵고, 너무 짧으면 불편합니다. 행간은 텍스트가 담길 영역의 길이를 말하며, 적절하게 조절해야 합니다.


이러한 요소들을 조합하여 적절히 디자인된 타이포그래피는 읽기 쉬우면서도 아름다움을 느낄 수 있습니다.



자간, 커닝, 트래킹 뭐가 달라?

커닝(Kerning)과 트래킹(Tracking)은 모두 타이포그래피(Typography)에서 사용되는 용어로, 글자 간격을 조절하는 데 사용됩니다.
하지만 커닝과 트래킹은 그 목적과 방법이 다릅니다.

자간(Kerning), 커닝(Kerning), 트래킹(Tracking)은 모두 글자 간격을 조절하는 기술이지만, 그 방법과 대상이 다릅니다.

자간


자간은 두 개의 글자 사이의 간격을 조절하여 글자 간의 불균형한 간격을 보정하는 것입니다. 예를 들어 "To" 또는 "AV"와 같은 글자 조합에서는 보통 글자 사이의 간격이 너무 멀어 보이기 때문에, 이를 좁게 조절하여 글자 간격을 더 균형있게 만들 수 있습니다.

커닝


커닝은 자간과 비슷하지만, 보통 더 작은 규모에서 작동합니다. 즉, 일반적으로 글자 간격이 불균형한 몇몇 글자 조합을 보정하는 데 사용됩니다.
이는 주로 일부 글자 조합에서 발생하는 문제를 해결하기 위해 사용됩니다. 예를 들어, "AV"나 "To"와 같은 조합은 보통 글자 사이의 간격이 너무 멀어 보이기 때문에, 이를 좁게 조절하여 글자 간격을 더 균형있게 만들 수 있습니다.

트래킹
트래킹은 전체 텍스트 블록에서 모든 글자 사이의 간격을 조정합니다. 이를 통해 전체적인 글자 간격이 넓어지거나 좁아지게 되며, 이로 인해 텍스트 블록의 모양과 느낌이 달라질 수 있습니다. 예를 들어, 타이포그래피에서 글자 간격을 좁게 설정하면 글자들이 서로 밀접하게 배치되어 보다 밀도 있는 텍스트 블록을 만들 수 있습니다.

따라서, 커닝과 트래킹은 글자 간격을 조절하는 데 사용되는 두 가지 다른 기술이며, 그 목적과 방법이 서로 다릅니다.




Kern Type 소개

자간 조절을 훈련할 수 있는 타이포그래피 게임입니다.
총 10단계로 이루져 있습니다.





Kern Type 사용법

컨타입은 브라우저에서 바로 해볼 수 있습니다.

단축키



사용법

각 단계마다 첫글자와 마지막 글자가 고정되어 있습니다. 그 사이에 글자들을 드래그해여 자간이 맞는 위치로 조절합니다.
단축키를 이용할 수도 있습니다.
그리고 NEXT 버튼을 누르면 내가 몇 점인지 확인할 수 있습니다.
좌측하단에 보면 내가 조절한 글자와 정답을 겹쳐서 확인하거나 어떻게 고쳐야하는지를 체크할 수 있습니다.


마치며

자, 시작해보시죠.
https://type.method.ac/

Kern Type

A game to learn how to kern type

type.method.ac



반응형

댓글