디자인 개선에 도움이 되는 타이포그래피 팁

타이포그래피 팁을 디자인에 통합하는 방식에 따라 차이가 날 수도 있고 깨질 수도 있습니다. 그러나 이것이 당신이 그것을 피해야 한다는 것을 의미하지는 않습니다. 디자이너의 도움으로 타이포그래피를 가지고 놀 수 있는 방법은 많습니다.

브랜드 개성을 끌어내거나 강화하고, 디자인을 특정 아이디어에 맞추거나, 특정 감정을 불러일으키는 데 도움이 될 수 있습니다. 이 모든 것은 타이포그래피의 몇 가지 예를 들자면, 타이포그래피의 크기 조정, 문자 사이의 간격(커닝) 또는 텍스트 블록을 조이거나 느슨하게 하는 방법(트래킹)을 통해 이루어집니다.

그렇다면 타이포그래피는 무엇일까요?

타이포그래피 팁에 대해 알아보기 전에 한 걸음 물러나겠습니다. 타이포그래피란? 그것은 당신(또는 당신의 디자이너)이 당신의 유형을 배열하는 방법의 예술입니다. 인쇄물이든 디지털 디자인이든, 맞춤형 일러스트레이션이든, 웹사이트이든, 타이포그래피는 청중이 메시지를 이해하고 브랜드를 인식하는 방식에 중요한 역할을 합니다.

타이포그래피를 통해 디자이너는 브랜드의 특정 경험을 만들 수 있습니다. 그리고 그것은 두 가지 주요 목적을 수행합니다. 첫 번째는 텍스트를 읽을 수 있는지 확인하는 것입니다. 두 번째는 매우 특정한 청중에게 어필하고 끌어들이는 것입니다. 두 가지를 모두 달성하려면 타이포그래피 규칙을 이해하는 것이 중요합니다. 아름다운 결과를 생성하는 방식으로 사용하거나 깨뜨릴 수 있습니다.

서체와 글꼴의 차이점은 무엇입니까?

이 두 용어는 서로 교환할 수 없는 것처럼 사용되는 경우가 많습니다. 서체는 글꼴 모음입니다. 예를 들어, Helvetica는 서체입니다. 한편 글꼴은 서체 패밀리의 특정 스타일 또는 특정 두께를 나타냅니다. Helvetica 서체 패밀리 내에서 Helvetica Light는 글꼴이 될 것입니다.

유형의 범주는 무엇입니까?

각각의 모든 단일 글꼴은 세 가지 유형의 서체 중 하나에 속합니다. 세리프체, 산세리프체 및 장식용 서체입니다. 장식 서체는 디스플레이 서체라고도 합니다.

유형의 다른 범주는 무엇입니까?

각각의 모든 단일 글꼴은 세 가지 유형의 서체 중 하나에 속합니다. 세리프체, 산세리프체 및 장식용 서체입니다. 장식 서체는 디스플레이 서체라고도 합니다.

세리프체

이 글꼴은 문자 하단의 "피트"가 특징입니다. 이 작은 선이나 획은 더 큰 획의 끝을 결합하여 보다 형식적이고 전통적인 서체의 문자를 만듭니다. 그러나 전통이 약간의 변형이 없다는 것을 의미하지는 않습니다. 한 세리프를 다른 세리프와 비교할 때 종종 약간의 조정을 볼 수 있습니다. 세리프는 예를 들어 신문, 책 및 잡지와 같은 인쇄물에 일반적으로 사용됩니다. Times New Roman은 아마도 세리프체의 가장 잘 알려진 예일 것입니다. serif 사용의 장점 중 하나는 제공하는 사용자 정의의 양입니다. 그들은 종종 이탤릭체를 포함하지만 산세리프체는 포함하지 않습니다.

산세리프체

sans serifs의 "sans"는 "없는"을 의미하는 프랑스어입니다. 그래서 이것들은 작은 선/획이 없는 서체입니다. 헤드라인에 자주 사용되는 이 서체는 대담하고 현대적입니다. Arial은 일반적으로 사용되는 산세리프체의 한 예입니다. 그것은 본질적으로 Helvetica에 산세리프체를 취한 것입니다.

장식용 서체

제목과 헤드라인은 장식용 서체에서 가장 자주 사용되는 것입니다. 디자인에 약간의 감각을 더하고 주목을 받는 데는 좋지만 본문 카피에 관해서는 주의를 기울여야 합니다. 본문에 사용할 때 장식용 서체는 가독성에 영향을 미치므로 디자인의 메시지를 읽기 어렵게 만듭니다. 장식 서체에는 슬래브 세리프와 스크립트가 포함됩니다.

타이포그래피의 핵심 요소

타이포그래피에는 다양한 요소가 있습니다. 그리고 아래에서 디자인에서 가장 많이 사용되는 것들을 살펴보겠습니다.

주요한

텍스트 줄 사이의 간격을 행간이라고 합니다. 기준선에서 기준선까지 측정한 행간을 올바르게 사용하면 디자인에서 텍스트의 가독성을 높일 수 있습니다. 궁극적으로 당신은 디자이너가 텍스트 줄 사이에 공간이 너무 적거나 너무 많은 것 사이에서 적절한 지점을 찾기를 원합니다.

추적

추적은 다양한 문자 범위에 대한 간격에 관한 것입니다. 네거티브 트래킹은 조밀하고 간결하게 보이는 단어의 효과를 만듭니다. 그 사이에 증가된 추적은 텍스트의 문자 사이에 공백이나 공기의 효과를 만듭니다. 행간과 마찬가지로 디자인에서 추적이 사용되는 방식은 서체에 따라 다릅니다. 또한 디자인을 무엇을 위해 만들었는지에 따라 다릅니다. 가까이서 읽는 문서가 될까요? 아니면 꽤 멀리서 본 광고판? 가독성을 보장하기 위한 경험에 따르면 대문자가 있는 제목은 추적을 높여야 하고 소문자와 기울임꼴 글꼴은 음의 추적이 필요합니다.

커닝

커닝은 디자인의 개별 문자 사이의 간격에 관한 것입니다. 그리고 많은 양의 본문 카피에는 사용되지 않는 경우가 많지만 로고와 헤드라인에는 매우 중요합니다. 따라서 광고 디자인을 위해 반드시 고려해야 할 사항입니다.

고객이 작은 글씨로 알아차리지 못할 수도 있지만, 귀하의 유형이 클수록 간격이 어색하다는 것을 알게 될 것입니다. 커닝에는 정확한 과학이 없습니다. 디자인의 문자 사이에 적절한 공간이 없을 때 디자이너가 인식하려면 경험과 훈련된 눈이 필요합니다. 그리고 그에 따라 조정합니다.

조정

일반적으로 본문 복사 단락을 왼쪽 정렬하는 것이 좋습니다. 우리의 눈은 왼쪽에서 오른쪽으로 텍스트를 읽는 데 익숙하기 때문에 메시지를 더 쉽게 읽을 수 있습니다. 양쪽 정렬과 같은 다른 유형의 정렬을 선택하기로 결정했다면 디자이너가 필요에 따라 추적을 변경하도록 하십시오. 양쪽 정렬은 일반적으로 기본적으로 보기에 어색한 간격을 초래합니다.

디자인을 향상시키는 타이포그래피 팁

괜찮은. 이제 타이포그래피 용어에 대한 확실한 배경 지식을 갖추었으므로 디자인을 향상시키는 데 도움이 되는 몇 가지 팁을 더 살펴보겠습니다.

항상 고품질 글꼴 사용

글꼴은 전체 타이포그래피와 디자인의 가장 중요한 빌딩 블록입니다. 디자이너가 디자인에 사용할 멋진 글꼴을 선택하는 데 도움이 되도록 몇 가지 사항을 고려해야 합니다. 디자인으로 정확히 무엇을 달성하고 싶습니까? 청중의 관심을 끌고 싶습니까? 그들에게 알리시겠습니까? 어쩌면 둘 다 약간? 디자이너에게 목표와 어떤 텍스트가 무엇을 해야 하는지(예: 헤드라인 대 설명) 알려주십시오.

또한 청중과 청중이 디자인을 어떻게 받아들일지 생각하고 싶을 것입니다. 청중의 선호도와 인쇄 또는 디지털에서 가장 잘 작동하는 것을 고려하십시오. 마지막으로 가독성(서체를 얼마나 쉽게 읽을 수 있는지)과 가독성(글자를 얼마나 쉽게 읽을 수 있는지)을 고려하십시오.

서체 페어링 방법 알기

또는 디자이너와 협력하여 이것을 알아내십시오. 어떤 글꼴을 어떤 게재위치에 사용해야 하는지를 지정하는 일련의 브랜드 지침이 없는 경우에도 디자이너와 협력하여 이를 파악할 수 있습니다.

디자인에 사용할 올바른 서체를 결정하는 것은 개별적으로 어떻게 보이는지에 달려 있지 않습니다. 둘 이상을 사용할 때는 잘 짝을 지어야 합니다. 올바른 글꼴이 일치하면 결과가 상당한 영향을 미칠 수 있습니다. 또한 시각적 계층 구조를 만들고 청중이 제안 및 클릭 유도문안을 이해하는 데 도움이 될 수 있습니다. 여기에서 잘 작동하는 몇 가지 접근 방식은 다음과 같습니다.

• 대조되는 서체를 사용합니다. 세리프체와 산세리프체처럼요.
• 같은 계열이나 서체의 글꼴을 사용해 봅니다.
• 페어링하려는 글꼴의 'x' 높이가 일치하는지 확인합니다.

글꼴 조합을 직접 사용하거나 디자이너에게 영감을 주고 싶다면 Typewolf, Typ.io 또는 FontPair를 확인하십시오.

타이포그래피로 계층 구조 추가

타이포그래피를 통해 계층을 추가하기 위해 일반적으로 사용되는 3가지 접근 방식이 있습니다. 먼저 가장 중요한 것부터 가장 덜 중요한 순서로 메시지를 나타내도록 텍스트 크기를 지정할 수 있습니다. 즉, 청중이 먼저 읽어야 하는 메시지가 가장 커야 합니다. 그러면 2차 또는 3차 메시지의 크기가 상대적으로 작아집니다.

공간은 계층 구조를 설정하는 데 매우 효과적입니다. 헤드라인이 어떻게 표시되는지 생각해 보세요. 예, 그들은 크고 대담할 수 있으며, 그것만으로도 집중할 수 있습니다. 그러나 다른 예를 보면 해당 예가 주요 초점임을 나타내기 위해 주변에 꽤 많은 공간이 있음을 알 수 있습니다.

색상은 타이포그래피로 계층 구조를 설정하는 또 다른 도구입니다. 청중이 즉시 끌리도록 하려는 텍스트에 생동감 있거나 대담한 색상을 사용할 수 있습니다. 그런 다음 보조 메시지를 위해 동일한 색상 또는 덜 생생한 색상의 덜 주목받는 색조를 선택할 수 있습니다.

단락에도주의하십시오

단락 조판은 정말 중요하며 디자인이 인식되는 방식에 영향을 미칩니다. 헤드라인과 부제목은 종종 많은 관심을 받습니다. 그러나 본문 사본의 형식은 디자인의 전반적인 매력에 큰 역할을 합니다. 다음은 단락에 대해 고려해야 할 몇 가지 사항입니다.

• 지저분한 가장자리. 왼쪽 정렬 또는 오른쪽 정렬은 멋지게 보일 수 있지만 때때로 가장자리가 지저분해 보입니다. 이것을 피하기 위해 필요에 따라 디자이너에게 이전 줄이나 다음 줄로 단어를 이동하도록 요청하십시오.
• 분할 및 창. 때로는 텍스트 배열로 인해 일부 단어가 하이픈으로 연결되어 어색해 보이거나 단락 끝에 엉뚱한 단어가 나타날 수 있습니다. 이 문제를 해결하기 위해 필요에 따라 유연하게 설계자에게 대체 단어나 표현을 제공하도록 노력하십시오.
• 양쪽 맞춤 텍스트 조정. 양쪽 맞춤은 일반적으로 여러 페이지 디자인의 내부 페이지에 사용되지만 간격을 조정하는 데 훨씬 더 많은 시간이 필요합니다.

타이포그래피가 의도한 대로 작동하는지 확인하려면 디지털 디자인을 업로드하거나 인쇄 디자인을 인쇄해 보십시오. 그런 다음 잘 작동하지 않는 경우 디자이너에게 보다 구체적인 지침을 제공할 수 있습니다.

피해야 할 타이포그래피 오류

타이포그래피 팁과 관련하여 모범 사례가 있는 것처럼 피해야 할 실수도 있습니다. 이것들을 아는 것은 디자인의 품질을 향상시키는 데 정말로 도움이 될 수 있습니다.

고전적인 서체를 배제하지 마십시오.

디자인이나 타이포그래피 팁에 관해서는 특정 경험 법칙을 들어본 적이 있을 것입니다. "고전적인 서체는 너무 일반적으로 사용되기 때문에 피하십시오"와 같이. 누군가가 당신과 같은 아이디어를 공유할 때마다 조금 더 깊이 파고들도록 노력하십시오.

클래식은 일부 시나리오에서 이길 수 없기 때문에 클래식이라고 합니다. 타이포그래피는 이 규칙에서 면제되지 않습니다. 가장 현대적인 글꼴에서도 시도되고 테스트되었으며 사실로 남아 있는 세리프와 산 세리프가 있습니다. 이 범주에 속하는 세리프에는 Caslon, Bosoni 및 Fournier가 있습니다. Avenir, Futura 및 Gill Sans가 많은 디자인에 확실한 선택이 되는 산세리프체입니다.

따라서 글꼴 옵션과 디자인에 대한 목표에 대해 디자이너와 이야기를 나누십시오. 어떤 대가를 치르더라도 고전적인 서체를 피해야 한다고 주장하지 마십시오.

Kern 오른쪽 위 및 거꾸로

커닝(kerning)이라고 하는 텍스트의 개별 문자 사이의 간격을 조정할 때 모든 각도를 고려하는 것이 중요합니다. 커닝을 거꾸로 하면 디자인이 더 잘 보이고 대칭적인 느낌이 더 많이 듭니다.

디자인이 잘 맞지 않는 경우 글자 사이의 간격을 고려하여 대칭적인 느낌이 있는지 확인하기 위해 회전시켜 보세요. 경우에 따라 디자인 사양으로 인해 특정 방식으로 배치해야 하는 특정 양의 텍스트가 있을 수 있습니다. 또는 포함해야 할 다른 요소가 많이 있을 수 있습니다. 결과적으로 효과적인 커닝이 불가능합니다. 포함해야 하는 텍스트 또는 기타 요소의 양에 유연성이 있는지 디자이너에게 알려야 합니다.

가중치 범위가 없는 서체를 피하십시오.

많은 양의 텍스트에 서식을 지정하려고 할 때 다양한 두께의 서체를 선택하는 것은 오랜 시간이 걸립니다. 그렇지 않으면 콘텐츠가 의미 없는 흐림 효과가 됩니다. 브랜드를 구축하는 중이고 다양한 양의 텍스트가 포함된 다양한 디자인이 필요할 것으로 예상되는 경우 디자이너에게 이 사실을 알려야 합니다. 이렇게 하면 디자인에 관계없이 일관되게 브랜드를 나타내는 데 잘 작동하는 서체를 선택하는 데 도움이 됩니다.

스타일보다 가독성을 선택하세요

일부 서체와 글꼴은 정말 멋져 보입니다. 그러나 그것들이 사용되는 특정한 방식이 있고 문맥이 중요하다는 것을 기억하십시오. 디자인이 다른 형식이거나 더 많거나 적은 텍스트, 다른 색상 등이 포함되는 경우 작동하지 않는 서체나 글꼴을 고집하면 디자인이 나빠 보일 가능성이 있습니다. 여기에서 대안적인 접근 방식은 디자이너에게 특정 서체나 글꼴에 대해 마음에 드는 점을 알려주고 그 효과나 느낌을 디자인에 가져올 수 있는 방법을 묻는 것입니다. 다른 접근 방식이 매우 효과적일 수 있으며 여전히 명확성과 영향력을 가질 수 있습니다.

이 타이포그래피 팁을 염두에 두십시오.

디자인의 일부로 아름다운 타이포그래피를 만드는 것은 까다로운 과정일 수 있으며 많은 연습이 필요합니다. 그러나 이에 대해 디자이너와 협력하는 노력은 충분히 가치가 있습니다. 당신이 좋아하는 디자인의 브랜드를 살펴보고 그들의 타이포그래피에 세심한 주의를 기울이는 것으로 시작하십시오. 작동하거나 작동하지 않는 것은 무엇입니까? 당신은 그것을 밖으로 만들 수 있습니까? 또는 그것이 당신을 어떻게 느끼게 하거나 당신이 생각하게 만드는 아이디어를 식별할 수 있을 것입니다. 이러한 기본 설정을 디자이너와 공유하고 함께 실험해 보십시오. 측정항목을 주시하고 청중으로부터 피드백을 수집하십시오. 시간이 지나면 어떤 타이포그래피 팁이 고객에게 가장 잘 맞는지 정확히 알게 될 것입니다.