완벽한 글꼴 조합을 위한 글꼴 페어링 전략 및 도구

완벽한 글꼴 조합을 위한 글꼴 페어링 전략 및 도구

선택한 글꼴에 따라 문서, 웹 사이트 또는 기타 디자인의 모양이 결정됩니다. 재미있고 친근한가, 매끄럽고 창의적인가, 아니면 진지하고 형식적인가?





일반적으로 프로젝트에서 2~3개의 글꼴을 사용하는 것이 좋습니다. 그러나 무엇을 선택해야 하고 어떤 글꼴 쌍이 잘 어울리는지 어떻게 알 수 있습니까?

이 기사에서는 프로젝트에 사용할 완벽한 글꼴 조합을 찾는 데 도움이 되는 글꼴 페어링 전략과 도구에 대해 설명합니다.

타이포그래피 입문서

이 가이드 전체에서 설명하는 데 도움이 될 수 있는 용어가 있습니다.

글꼴 대 서체

글꼴과 서체라는 용어는 종종 같은 의미로 사용되지만 실제로는 다른 것입니다. NS 서체 글꼴 모음입니다. NS 만들다 해당 패밀리 내의 개별 스타일 변형 중 하나입니다. 따라서 Times New Roman은 서체이고 Times New Roman Regular 및 Times New Roman Medium Italic은 글꼴입니다.

ps4 컨트롤러가 ps4에 연결되지 않음

유형 분류

유형 분류는 모양에 따른 글꼴 범주입니다. 몇 가지 분류는 다음과 같습니다.

  • 가는 장식 선
  • 산세 리프
  • 고딕
  • 타이프라이터
  • 스크립트
  • 장식

이들은 다양한 유형의 웹사이트, 주조 공장 등에서 찾을 수 있는 유형의 범주일 뿐입니다. 글꼴을 선택하는 좋은 출발점은 프로젝트와 주제에 적합한 분류를 선택하는 것입니다.

세리프 대 산세 리프

서체에 대한 가장 일반적인 분류 중 하나는 serif 대 sans-serif입니다. 차이점이 무엇인지 확실하지 않습니까? 세리프체는 글자 끝에 가는 선이 있습니다. sans-serif 글꼴에는 확장 기능이 없습니다.

슈퍼패밀리

슈퍼패밀리는 여러 분류에 속하는 서체 그룹입니다. 서체는 동일한 기본 모양으로 시작한 다음 특정 분류에 맞게 요소가 추가됩니다. 수퍼패밀리의 일반적인 예는 다음과 같습니다. 광택 슈퍼패밀리 .

또한 글꼴의 기술적 측면에 관심이 있는 경우 다음을 읽을 수 있습니다. OTF와 TTF 글꼴의 차이점 .

첫 서체 선택하기

어떤 서체는 인생의 목적이 하나뿐인 것처럼 보이게 하여 일을 조금 더 쉽게 만듭니다. Copperplate Gothic을 고려하고 있다면 스테이크하우스 메뉴나 은행과 관련된 무언가를 디자인하고 있을 것입니다.

불행히도 그렇게 쉬운 경우는 드뭅니다. 적절한 후보자를 찾는 데 문제가 있는 경우 약간의 조사를 고려해 보십시오. 올바른 방향으로 인도하는 데 도움이 될 수 있는 예를 찾으십시오.

당신은 모방하려는 것이 아니라 영감을 찾고 있다는 것을 기억하십시오. 누군가가 이전에 이 문제를 해결했을 가능성이 있으며 그들의 솔루션이 귀하에게 정보를 제공하는 데 도움이 될 수 있습니다.

첫 번째 서체를 선택한 후에는 보완에 대해 생각할 때입니다.

글꼴 페어링 선택

어떤 글꼴이 잘 어울리는지 알아내기 위한 지침이 많이 있습니다. 이러한 지침 중 일부는 결합될 수 있고 다른 지침은 서로 모순됩니다.

글꼴 페어링과 관련하여 절대적으로 피해야 하는 몇 가지 사항(예: 너무 많은 글꼴 사용)이 있지만 더 유연하고 디자인의 분위기나 목적에 크게 좌우되는 다른 지침이 있습니다.

다음은 기억해야 할 몇 가지 사항입니다.

1. 대비 만들기

글꼴과 관련하여 '반대편의 매력'은 확실히 사실입니다. 너무 유사한 옵션을 사용하고 싶지 않습니다. 단순히 디자인에 아무 것도 추가하지 않거나 약간 떨어져 보일 것입니다.

대신 소용돌이 모양의 글꼴을 굵은 글꼴과 짝을 지어 보세요. 가볍고 경쾌한 글꼴과 두꺼운 글꼴을 페어링하십시오. 우아한 필기체 옵션으로 세리프 서체를 연결하십시오. 슬래브 세리프를 필기체 , 위의 예와 같이.

또는 좁은 것과 넓은 것을 결합 --- Copperplate에 대한 좋은 글꼴 쌍은 Helvetica Condensed와 같이 더 얇은 것입니다.

2. 가족과 함께 하세요

당신이 할 수 있는 가장 쉬운 방법 중 하나는 선택 사항을 하나의 서체로 제한하고 크기, 두께 또는 기울기를 변경하여 글꼴을 변경하는 것입니다. 이것은 가장 창의적인 선택은 아니지만 텍스트로 약간의 다양성을 만드는 가장 간단한 방법입니다.

일부 서체에는 매우 광범위한 글꼴 세트가 있습니다. 베바의 신작 , 예를 들어 다양한 가중치로 제공됩니다. 다양한 크기의 Bebas Neue Bold와 Bebas Neue Light를 결합하면 멋진 디자인에 한 걸음 더 다가갈 수 있습니다.

Bebas Neue는 대문자로만 된 서체이지만 디자인에 흥미를 더하는 방법으로 대문자를 사용할 수도 있습니다.

좀 더 다양한 것을 원하지만 가족과 함께 하는 것이 가장 효과적이라는 것을 알게 되면 슈퍼패밀리를 찾으십시오. NS 광택 슈퍼패밀리 Sans, Serif, Typewriter Sans, Typewriter Serif, Math 및 기타 서체를 포함합니다.

3. 세리프체와 산세리프체 결합

대비를 만드는 빠르고 효과적인 방법은 serif 글꼴을 sans-serif 글꼴과 페어링하는 것입니다. 아래 예에서 볼 수 있듯이 좋은 Calibri 글꼴 페어링은 Times New Roman과 같은 세리프 글꼴입니다.

보완적인 세리프체 및 산세리프체 옵션을 선택하는 가장 쉬운 방법 중 하나는 상위 패밀리에 유지하는 것입니다. Viget 제공 광범위한 슈퍼패밀리 목록 이는 유용할 수 있으며 글꼴이 서로 보완되도록 합니다.

4. 2~3개의 글꼴로 제한

이 타이포그래피의 기본 규칙에 따라 살지 않는 전문 디자이너를 찾기가 어려울 것입니다. 글꼴을 결합하는 경우 두 개 또는 세 개로 제한하고 싶을 것입니다.

디자인에 머리글, 하위 머리글 및 본문이 포함된 경우 세 가지 글꼴을 사용할 수 있습니다. 디자인이 텍스트가 덜 무겁다면 두 가지만 고수하고 싶을 것입니다.

규칙에는 예외가 있지만 매우 특정한 종류의 디자인에만 적용됩니다.

글꼴 페어링 영감 및 아이디어

마지막으로, 글꼴 페어링에 대한 아이디어가 여전히 어렵다면 작은 Calibri가 나쁜 군중과 함께 실행되지 않도록 하는 데 도움이 되는 글꼴 페어링 도구가 많이 있습니다.

Canva의 글꼴 조합

Canva의 글꼴 조합 첫 번째 선택을 선택하고 파트너가 무엇인지 제안합니다. Canva 디자인 도구를 통해 사용할 수 있는 글꼴을 사용하므로 일부 일반적인 서체는 포함되지 않습니다.

Typ.io

NS Typ.io 웹사이트는 두 부분으로 나뉩니다. 첫 번째 섹션 기능 글꼴 조합 영감의 원천으로 웹에서. 다른 섹션 기능 글꼴 목록 헤더 또는 본문 텍스트에 사용할지 여부와 같이 기능에 따라 함께 잘 쌍을 이룹니다.

그냥 내 유형

Adobe 프로그램 제품군에서 디자인하는 경우 그냥 내 유형 매우 편리할 것입니다. 이 사이트는 Adobe의 페어링 제안을 제공합니다. Typekit 글꼴 뿐만 아니라 Hoefler and Co's의 클라우드 타이포그래피 서비스 .

Hoefler and Co.는 또한 '피킹에 대한 정말 편리한 가이드'를 제공합니다. 팔레트를 만들다 ' 그들은 같은 역사적 시대의 글꼴을 다른 기능으로 결합하거나 다른 질감을 가진 유사한 선 품질을 권장합니다. 글꼴 제안은 Hoefler and Co.에서 제공하지만 다른 글꼴에도 규칙을 적용할 수 있습니다.

핀터레스트

대부분의 시각적 요소와 마찬가지로 Pinterest는 글꼴 페어링 영감의 훌륭한 원천입니다. '글꼴 페어링' 또는 '타이포그래피'를 검색하기만 하면 엄청난 제안을 찾을 수 있습니다.

유형 연결

글꼴 짝짓기 게임 만들기 유형 연결 . 웹사이트에서 첫 번째 글꼴을 선택할 수 있고 두 번째 글꼴을 선택하는 것은 '자신만의 모험을 선택'하는 것과 같습니다.

Gmail 발신자별로 정렬하는 방법

같은 계열, 비슷한 글꼴, 대조되는 글꼴로 가고 싶습니까, 아니면 과거에 빠져들고 싶습니까?

구글 타입

선택한 글꼴 소스가 Google Fonts인 경우 구글 타입 이 글꼴이 서로 잘 어울리는 방법에 대한 훌륭한 영감의 원천입니다. Aesop의 Fables의 텍스트와 Unsplash의 사진을 사용하여 이 사이트는 Google Fonts가 서로 잘 작동하는 방식에 대한 시각적 영감을 줍니다.

글꼴 쌍 는 Google 웹 글꼴 사용자를 위한 또 다른 편리한 도구로, 잘 어울리는 머리글 및 본문 글꼴 선택을 제안합니다.

조판

조판 글꼴을 결합하는 방법에 대한 아이디어를 제공할 뿐만 아니라 적절한 색상 구성표를 제공합니다. 샘플을 통해 특정 조합을 사용하여 기사가 어떻게 보일지 알 수 있으므로 웹 디자인에 특히 좋습니다.

웹 글꼴 블렌더

웹 글꼴 블렌더 제안하지는 않지만 다양한 Google 글꼴을 사용하고 샘플 제목, 부제목 및 본문 텍스트로 미리 볼 수 있습니다. 보너스로 온라인 디자인에서 이러한 글꼴을 사용하는 데 필요한 CSS를 생성합니다.

적합한 글꼴 찾기

이제 프로젝트의 글꼴을 선택할 때 무엇을 찾아야 하는지 알게 되었습니다. 그러나 사용할 글꼴을 찾는 가장 좋은 위치는 어디입니까?

우리의 가이드 최고의 Google 글꼴 웹사이트와 프리젠테이션을 위한 환상적인 무료 글꼴을 찾는 데 도움이 될 것입니다.

더 넓은 범위에서 선택하려면 다음 목록을 확인하십시오. 무료 글꼴을 다운로드하고 사용할 수 있는 최고의 웹사이트 .

이미지 크레디트: mrdoomits/ Depositphotos

공유하다 공유하다 트위터 이메일 Canon vs. Nikon: 어느 카메라 브랜드가 더 낫습니까?

Canon과 Nikon은 카메라 업계에서 가장 큰 두 회사입니다. 그러나 어느 브랜드가 더 나은 카메라와 렌즈 라인업을 제공합니까?

다음 읽기
관련 항목
  • 창의적인
  • 글꼴
  • 타이포그래피
  • 웹 디자인
  • 그래픽 디자인
저자 소개 앤디 베츠(221건의 기사 게재)

Andy는 15년 동안 기술에 관해 글을 써온 전직 인쇄 기자이자 잡지 편집자입니다. 그 동안 그는 수많은 출판물에 기여했으며 대형 기술 회사를 위한 카피라이팅 작업을 제작했습니다. 그는 또한 미디어에 전문가의 논평을 제공하고 업계 행사에서 패널을 주최했습니다.

앤디 베츠가 참여한 작품 더보기

뉴스레터 구독

뉴스레터에 가입하여 기술 팁, 리뷰, 무료 전자책 및 독점 거래를 확인하십시오!

구독하려면 여기를 클릭하세요.