모든 디자이너가 알아야 할 18가지 타이포그래피 규칙

게시 됨: 2021-02-19

가치 있는 모든 그래픽 디자이너는 디자인에서 타이포그래피가 얼마나 중요한지 알고 있습니다. 글꼴, 간격 및 구조를 현명하게 사용하면 독자의 시선을 사로잡고 더 나은 반응을 얻을 수 있음을 부인할 수 없습니다.

타이포그래피는 사본을 명확하고 읽기 쉽고 시각적으로 매력적으로 만들기 위해 글자를 배열하는 기술(과학)입니다. 제대로 하면 많은 말을 하지 않고도 특정 감정을 이끌어내고 강력한 메시지를 전달할 수 있습니다.

타이포그래피의 본질을 아는 것은 디자인을 개선하는 데 도움이 될 뿐만 아니라 이러한 규칙을 유리하게 구부릴 수도 있습니다.

다음은 디자인 기술을 개발하는 데 도움이 될 수 있는 전문가 권장 타이포그래피 지침입니다. 한번 봅시다.

1. 기초부터 시작하라

모든 디자인 관행과 마찬가지로 예술의 핵심을 아는 것은 필수적입니다. 귀로 연주할 수 있다고 생각할 수도 있지만 실제로는 타이포그래피가 상당히 복잡합니다. 따라서 초보자로서 타이포그래피의 기본 원리에 익숙해지십시오.

모든 언어에서 타이포그래피의 기본 디자인 요소에는 간격, 색상, 서체, 대비, 일관성, 계층 구조 및 정렬이 포함됩니다.

시간을 내어 다양한 서체, 특정 어휘, 관련 측정치 등 이러한 기본 사항에 대해 알아보세요. 시간을 내어 실험해 보십시오.

2. 글꼴 선택을 가볍게 여기지 마십시오

Don’t Take Font Selection Lightly

무작위로 눈을 사로잡고 시작하는 서체를 선택하고 싶은 마음이 들지만, 그것은 지형의 세계에서 저지를 수 있는 가장 큰 실수 중 하나입니다.

심리학이 ​​다양한 서체와 연결되어 있다는 사실에 놀라실 것입니다. 서체는 작품의 분위기를 결정하고 청중이 콘텐츠를 보는 방식에 역할을 할 수 있기 때문입니다. 디자이너는 사용하는 글꼴이 시장에 맞는지 확인해야 합니다.

로펌 브로셔에 구피 글꼴을 선택하지 않으시겠습니까? 생일 카드를 위한 것일 수도 있지만 확실히 공식적인 것은 아닙니다.

3. 커닝 이해하기

Understand Kerning

고르지 않고 조잡한 커닝보다 독자를 작품에서 멀어지게 하는 것은 없습니다.

콘텐츠를 더 매력적이고 간소화하기 위해 문자 사이의 간격을 최적화하는 작업입니다. 별 것 아닌 것 같지만 잘 조정된 커닝은 디자인을 보는 사람에게 큰 변화를 줄 수 있습니다. 목표는 모든 문자 사이의 간격을 미학적으로 균일하게 만드는 것입니다.

Adobe Illustrator와 같은 유용한 도구는 커닝 문제를 해결하는 데 도움이 될 수 있습니다. 그러나 규칙적인 연습을 통해서만 더 나아질 수 있다는 것을 알아두십시오.

많은 커닝 오류는 특히 긴 단락에서 미묘하고 포착하기 어렵습니다. 목표는 이러한 간격 실수를 최소화하고 헤드라인이나 로고의 커닝 문제가 전체 디자인을 망칠 수 있기 때문에 피하는 것입니다.

4. 시각적 계층 구조를 염두에 두십시오.

시각적 계층 구조를 사용하는 것은 독자가 집중하기를 원하는 콘텐츠의 특정 부분을 강조하는 훌륭한 방법입니다.

시각적 계층 구조는 독자가 정보를 받는 순서를 설정하고 전환하여 독자를 작품 전체로 안내하는 데 효과적으로 사용할 수 있습니다. 당신의 작품에서 중요한 헤드라인, 단락, 단락을 강조하여 그들의 시력을 안내하십시오. 시각적인 방식으로 가장 중요한 측면에서 덜 중요한 측면으로 콘텐츠를 간소화합니다.

인쇄상의 시각적 계층 구조가 없으면 작품은 하나의 큰 콘텐츠 덩어리처럼 보일 것입니다. 독자들은 당신의 작업에 집중하기 어려울 것입니다. 그리고 독자를 지루하게 만드는 것은 디자이너로서 저지를 수 있는 가장 큰 죄입니다!

5. 글꼴을 현명하게 선택하십시오

많은 아마추어 디자이너는 종종 실수하여 많은 글꼴 스타일을 통합합니다. 우리는 그들을 비난하지 않습니다. 다양한 글꼴 스타일을 사용하여 작품을 돋보이게 할 수 있다고 생각하고 싶을 것입니다. 그건 사실이 아닙니다.

많은 글꼴을 사용하면 독자에게 포만감을 줄 수 있습니다. 콘텐츠의 요지는 다양한 글꼴과 색 구성표 속에서 길을 잃기 쉽습니다. 그리고 더 나쁜 것은 당신의 작품이 비전문적이고 일관성이 없다는 것입니다.

이상적인 글꼴 변형은 최대 2~3개의 서체여야 합니다. 본문에는 하나의 글꼴과 크기를 사용하고 하나는 헤더에, 다른 하나는 하위 헤더에 사용합니다. 조각이 일관성을 유지하는 한 다른 글꼴을 사용할 수 있습니다. 유사하게 보이는 두 개의 서체는 디자인에 가치를 더하지 않으므로 피해야 합니다.

6. 정렬에 초점

글꼴 정렬은 타이포그래피에서 매우 중요한 개념입니다. MS Word를 사용하여 왼쪽 정렬, 오른쪽 정렬, 가운데 정렬 및 양쪽 정렬의 네 가지 유형의 정렬 옵션을 탐색할 수 있습니다.

가장 일반적이고 표준적인 정렬 형식은 왼쪽 정렬입니다. 독자의 자연스러운 독서 습관을 따르기 때문에 대부분의 작품에서 기본값으로 사용됩니다. 사람들은 왼쪽에서 오른쪽으로 읽는 데 익숙합니다. 다른 유형의 정렬은 목적 없이 정기적으로 사용하면 거슬리게 할 수 있습니다.

그러나 중앙 정렬은 종종 제목에 사용됩니다. 또한 두 단락 사이에 인용문을 추가하는 것과 같이 서면 중단을 제공합니다. 한편, 오른쪽 정렬은 이력서와 같이 컨텍스트에 맞게 텍스트를 한쪽에 멋지게 정렬하는 데 사용할 수 있습니다.

기억해야 할 한 가지는 왼쪽과 오른쪽 정렬이 모두 들쭉날쭉한 선을 조심하십시오. 튀어나온 선은 전체 조각을 엉성하게 보이게 하고 텍스트에 범프를 추가할 수 있습니다.

7. 그리드 활용하기

정렬에 대해 이야기했지만 콘텐츠를 공간적으로 조정할 수 있는 또 다른 방법이 있습니다. 즉, 디자인에 그리드를 통합하는 것입니다. 디자인 그리드는 페이지의 모든 것이 아무리 적은 양이라도 다른 것과 관련하여 추가되도록 합니다.

이것은 시각적 조화로 이어지고 작품에 일관성을 부여합니다. 작업을 위한 디자인 스텐실이라고 생각하십시오.

모든 조각에 대해 디자인 그리드를 사용할 필요는 없습니다. 더 간단한 세부 사항을 위해 생략할 수 있지만 디자인에 복잡성을 추가할 때 모든 것을 멋지게 정렬하는 데 확실히 도움이 됩니다.

8. 글꼴을 늘리거나 왜곡하지 마십시오.

Stretch Or Distort Fonts

콘텐츠에 적합한 글꼴을 찾은 후에는 크기를 조정하여 더 넓거나 더 크게 만들지 마십시오.

더 많은 빈 공간을 채우기 위해 글꼴을 늘리고 싶을 수 있습니다. 모든 글꼴은 모양, 크기 및 질감을 고려하여 만들어집니다. 따라서 확장하거나 축소하면 미적 매력이 엉망이 될 수 있습니다.

글꼴을 왜곡하는 대신 작품에 맞는 올바른 글꼴을 선택하십시오. 온라인에는 무료 및 유료 글꼴이 무한히 제공되므로 현명하게 선택하십시오.

타이포그래피 측정이라는 기술을 사용하면 적합한 글꼴을 선택하는 데 도움이 될 수 있습니다. 글꼴은 웹 페이지에서 다른 공간을 차지하므로 웹 페이지를 디자인할 때 글꼴 측정이 중요하다는 점을 기억하는 것이 중요합니다.

"포인트 시스템" 방법은 글꼴을 측정하는 데 사용됩니다. 문자의 높이는 "x-높이"라고 하고 너비는 "설정 너비"로 알려져 있습니다. 두 개의 글꼴을 페어링할 때 동일한 크기와 너비의 글꼴을 선택하십시오.

9. 현명한 페어링을 위한 보조 글꼴 선택

한 조각에 너무 많은 글꼴을 사용하지 말라고 경고했지만 전략적으로 글꼴을 페어링하면 콘텐츠 조각에 많은 가치를 추가할 수 있습니다.

일반적으로 텍스트의 제목, 부제목, 본문에 최대 3개의 변형 글꼴을 사용하는 것이 좋습니다. 제목과 부제목에 다른 글꼴을 사용하여 시각적 계층 구조를 설정합니다. 두 글꼴을 구별하기 어려울 수 있는 극도로 대조되는 글꼴 또는 유사한 글꼴을 사용하지 마십시오.

두 번째 글꼴은 디자인 일관성을 유지하면서 첫 번째 글꼴을 어둡게 하거나 취소하지 않고 첫 번째 글꼴을 향상시켜야 합니다.

10. 트렌드 밴드왜건에 뛰어들지 마십시오.

그래픽 디자인은 패션과 매우 흡사합니다. 오늘 유행하던 스타일이 내일이면 사라질 것입니다.

따라서 지금은 멋지게 보일 수 있지만 앞으로 몇 달 동안은 낡고 이상하게 보일 수 있는 트렌디한 디자인을 피하십시오.

당신의 디자인에 그들 중 몇 가지를 통합하는 것은 괜찮습니다. 과용하지 않도록 기억하십시오. 당신은 당신의 콘텐츠가 시간의 시험을 견디기를 원합니다.

그렇다고 해서 유행하는 디자인에 잠을 자야 한다는 의미는 아닙니다. 무엇이 그들을 인기 있게 만드는지 알아보기 위해 그들을 분석하십시오. 틈새 시장에 맞는 새로운 아이디어를 통합하는 것은 항상 좋은 생각이지만 다른 사람들이 하고 있기 때문에 하지 마십시오.

11. 문법 규칙 준수

문법은 작가의 영역인 것 같죠? 문법은 디자인과 어떤 관련이 있습니까?

글쎄요, 문법은 언어를 말하고 쓰는 규칙을 지배합니다. 동시에 타이포그래피는 단어를 보기 좋게 설정하고 배열하는 예술입니다. 조판을 보기 좋게 만들기 위해 함께 사용하십시오.

문법과 구두점의 불일치는 작품의 가치를 크게 떨어뜨릴 수 있습니다. 구두점을 적절하게 사용하면 전문적인 내용과 아마추어적인 내용을 구분할 수 있습니다. 최고의 디자이너는 항상 세부 사항에 특별한주의를 기울입니다.

이중 공백, 잘못 배치된 쉼표 및 구두점, 부적절한 대문자, 과도한 하이픈, 대시 및 기호에 주의하십시오.

12. 공백의 중요성을 과소평가하지 마십시오

Importance Of White Space

여백과 여백 사이에는 상당한 차이가 있습니다.

여백은 초점을 맞추고 작품에 시각적인 매력을 더하는 데 사용됩니다. 콘크리트가 깔린 포장 도로 사이의 녹지 조각처럼 디자인이 "숨쉬게" 할 수 있습니다.

공백을 효율적으로 사용하면 텍스트의 균형을 맞춰 작품에 가치를 더할 수 있습니다. 또한 작업의 특정 부분에 주의를 끌기 위해 매우 창의적으로 사용할 수도 있습니다. 예를 들어 콘텐츠의 중요한 요소 주위에 공백을 추가하면 해당 요소를 강조 표시하고 디자인의 유일한 초점이 되는 데 도움이 됩니다.

공백에 대한 자세한 내용을 보려면 여기를 클릭하십시오!

13. 스케일링 및 비율 확인

타이포그래피가 화면 크기에 맞는지 확인하십시오. 타이포그래피가 전체 화면 너비와 길이에 비례하도록 확대 및 축소합니다.

당신이 당신의 선도 권리를 설정했는지 확인하십시오. 이것은 각 선 사이의 수직 공간입니다. 일반적으로 이상적인 값은 글꼴 크기의 약 1.25~1.5배입니다.

14. 팔레트를 현명하게 선택하십시오

전략적 색상 팔레트는 그래픽 디자이너로서 최고의 무기가 될 수 있습니다. 보완 및 대조 색상을 사용하여 콘텐츠에 의미를 추가하고 색상환을 활용하여 디자인에 적합한 색상을 선택하십시오.

다른 색상은 독자에게 특정 효과를 주고 분위기를 설정하는 데 도움이 될 수 있습니다. 예를 들어, 빨간색은 열정을 불러일으키고 파란색은 진정 효과가 있습니다. 다양한 색상을 어떻게 활용할 수 있는지 확인하십시오.

그러나 색상이 콘텐츠를 가리지 않도록 하십시오. 색상은 콘텐츠를 따라잡지 말고 향상시켜야 합니다.

15. 가독성 우선

가독성은 디자인의 핵심입니다. 독자는 어려움 없이 메시지를 읽을 수 있어야 합니다. 어떤 경우에도 방법이 콘텐츠의 주요 텍스트를 방해해서는 안 됩니다.

어두운 배경, 거슬리는 색상, 작은 글꼴 및 너무 많은 이미지를 사용하지 마십시오. 최고의 디자인은 읽을 수 없으면 가치가 없습니다.

16. “과부”와 “고아”를 조심하십시오

Widows And Orphans

"과부"와 "고아"는 무엇이며, 타이포그래피에서 왜 중요한가요?

인쇄상의 과부는 다음 열로 넘어가는 사진의 일부인 한 줄의 텍스트입니다. 고아는 다음 열로 이동한 단락의 한 단어입니다. "과부" 및 "고아"를 방지하려면 줄 길이를 수동으로 조정하거나 텍스트 상자 또는 열 크기를 조정하십시오.

17. 예술가처럼 생각하라

타이포그래피를 글꼴을 전략적으로 사용하는 것으로 생각하지 마십시오. 단순한 텍스트를 만드는 것 이상입니다. 글꼴을 예술의 한 형태로 취급하십시오.

서체와 기존 글꼴에만 국한하지 마십시오. 타이포그래피 디자인에 창의성을 불러일으키고 글꼴을 보완하는 소용돌이, 질감, 선 또는 창의적인 요소를 사용하십시오.

18. 올바른 도구를 사용하여 도움을 받으세요

디자이너는 장인입니다. 그리고 모든 장인은 자신의 예술에 적합한 도구가 필요합니다. PDF 파일에 텍스트, 이미지 및 모양을 추가할 수 있는 SmallPDF와 같은 다양한 도구를 사용하여 인쇄상의 디자인을 지원할 수 있습니다. 타이포그래피 도구를 직접 비교하여 디자인에 도움이 되는 도구와 쓸모 없는 도구를 결정하는 것이 좋습니다.

결론적으로

이러한 타이포그래피의 기본 사항을 이해했다면 나머지는 창의력과 디자인 작업에 맡기십시오. 여기부터는 모두 주관적입니다. 타겟 시장에서 영감을 받아 멋진 이야기를 전달하고 청중의 감정을 불러일으키는 타이포그래피 디자인을 만들 수 있습니다.