웹 및 인쇄 디자인을 위한 서체 스타일

대다수의 사람들은 아침에 눈을 뜨는 순간부터 밤에 잠자리에 드는 순간까지 서체의 폭격을 받습니다. 휴대전화의 앱부터 욕실의 미용 제품, 아침 출퇴근길에 보는 표지판에 이르기까지 타이포그래피는 어디에나 있습니다. 그러나 얼마나 많은 사람들이 자신이 매일 둘러싸고 있는 서체 스타일을 진정으로 알아차리겠습니까?

디자이너조차도 서체를 과소 평가하고 객관적인 이해보다는 느슨한 의견에 따라 서체를 결정하는 경우가 많습니다. 대부분의 디자이너들은 다양한 서체가 디자인된 원래 산업적 맥락에 대해 알고 있습니까? 주어진 서체의 가독성, 적절한 문자 및 사용을 결정하는 데 이러한 컨텍스트와 기록이 의미하는 바는 무엇입니까? 시각 디자인이든 UX이든 전통적인 인쇄 디자인이든 어떤 디자인 분야에서 작업하든 서체는 제작되는 거의 모든 디자인의 필수 요소입니다.

오늘날 사용되는 가장 영향력 있는 서체 중 일부는 시장에 새로 출시된 고유한 서체 디자인을 선호하기 때문에 종종 간과됩니다. 이 기사의 각 서체는 수백 년은 아니더라도 수십 년 동안 사용되었으며 모두 다른 기술 컨텍스트에 맞게 설계되었습니다. 따라서 도입 이후 많은 대안이나 업데이트가 만들어졌습니다. 원래 화면용으로 설계된 일부 글꼴도 디스플레이와 프린터의 해상도가 높아지고 더 복잡한 모양을 정확하게 표시할 수 있게 되면서 구식이 되었습니다.

세리프 서체

serif와 sans-serif 서체 스타일의 차이점을 이해하는 것은 가장 기본적인 유형 규칙 중 하나입니다. 많은 사람들에게 이것은 분명할 수 있지만 세리프는 문자의 주요 가로줄과 세로줄 끝에 지정되는 획입니다. 세리프 자체의 시각적 특성을 설명하는 헤어라인, 웨지 및 슬랩 세리프를 포함하여 세리프 내에 많은 하위 클래스가 있습니다.

일반적으로 세리프체는 구텐베르그 출판사의 발명 이후 책을 인쇄하는 데 사용된 최초의 서체였기 때문에 산세리프체보다 더 오랜 역사를 가지고 있습니다. 본질적으로, 세리프는 글자에서 글자로 부드럽게 눈을 안내하여 긴 형태의 인쇄물에 이상적인 세리프를 만들기 때문에 긴 글을 보다 편안하게 읽을 수 있습니다. 이 때문에 세리프는 절대적인 규칙은 아니지만 일반적으로 책이나 보고서와 같은 인쇄물에 사용되는 서체입니다. 각 서체에는 고유한 특성이 있으며 많은 양의 본문 텍스트에 적합하지 않은 일부 세리프 서체(및 긴 형식의 작업에 대해 완벽하게 가독성 및 가독성이 높은 일부 산세리프 서체)가 있습니다.

바스커빌

Baskerville은 시간의 시험을 견디고 오늘날에도 여전히 널리 사용되는 고전적인 세리프 중 하나입니다. Baskerville은 최초의 조판 서체(Bodoni 및 Didot)와 19세기 및 20세기 서체 사이의 전환기에 설계되었습니다. Baskerville은 눈에 띄게 고대비 문자 형식으로 인해 성공했습니다.

디자이너 John Baskerville은 철저한 완벽주의자여서 아름다운 디테일이 있는 글꼴을 만들었습니다. 서체는 서체가 페이지에 올바르게 전송되도록 하기 위해 자신의 기계에서만 인쇄할 수 있었습니다. Baskerville이 오늘날 우리가 작업하는 다양한 매체에 적응했기 때문에 이 역사는 중요합니다. 각 서체에 포함된 세부 사항으로 인해 Baskerville은 저해상도 디스플레이나 불량 프린터를 포함한 저해상도 매체에 적합하지 않습니다. 그렇긴 하지만 Baskerville이 그 품질을 표현할 기회가 주어졌을 때 그것은 훌륭한 세리프 서체입니다.

Baskerville이 큰 영향을 미친 현대적인 디지털 서체의 좋은 예는 Amazon이 Kindle, Bookerly를 위해 의뢰한 서체입니다. 200년의 역사를 간직한 풍부함을 유지하면서 화면에서 가독성을 높이기 위해 업데이트된 Baskerville의 대안을 찾고 있다면 Bookerly가 좋은 솔루션이 될 수 있습니다. 다른 대안으로는 Mrs. Eaves와 Plantin이 있습니다.

타임즈 뉴 로만

Times New Roman은 오랫동안 널리 사용된 많은 글꼴과 마찬가지로 많은 사람들이 사랑하지만 일부는 혐오하는 편광 서체입니다. 종종 사람들이 TNR에 대해 좋아하거나 싫어하는 것은 동일합니다. 바로 냉담한 중립입니다.

Matthew Butterick은 "Times New Roman은 글꼴 선택이 아닌 만큼 글꼴 선택이 없는 것처럼, 마치 깊은 공간의 어둠이 색이 아닌 것과 같습니다. Times New Roman을 보는 것은 허공을 응시하는 것입니다.” Times New Roman은 그것이 디자인된 신문인 The Times of London에 노출된 결과 압도적인 편재성으로 인해 매우 단순하게 느껴집니다.

Times New Roman은 신문의 상업적인 이익을 위해 설계되었습니다. 신문은 가독성을 유지하면서 가능한 한 많은 단어를 한 줄에(따라서 페이지에) 집어넣는 것이었습니다. 디자이너들은 이 글꼴이 얇은 기둥에서 더 좁고 가독성이 높기 때문에 신문과 함께 글꼴을 사용하는 것에 대해 매우 공개적이었지만 선 길이가 더 긴 책에는 적합하지 않았습니다. 이 효율성은 x-높이를 높이고 문자 사이의 추적 또는 공간을 크게 줄임으로써 달성되었습니다.

Times와의 서체의 성공으로 인해 Times New Roman은 곧 대부분의 미국 신문에 채택되어 가장 유비쿼터스한 서체 중 하나가 되었습니다. 이러한 편재성 때문에 일부 디자이너는 Times New Roman을 사용하지 말라고 조언합니다. 고려할 수 있는 다른 편집 스타일 글꼴로는 Arnhem, Le Monde Journal 또는 Plantin이 있습니다.

가라몬드

Garamond Antiqua는 상징적인 파리의 펀치 커터 Claude Garamond가 디자인한 순수주의적인 구식 서체입니다. Garamond는 활자 세트를 위해 설계된 최초의 문자 중 하나였으며, 이는 당시 최신 유행인 소설의 긴 본문에 이상적이었습니다.

Garamond는 디자인된 시대의 고유한 품질로서 텍스트에 구시대적인 스타일을 부여합니다. 그러나 둥근 세리프체는 많은 세리프체보다 텍스트를 비공식적으로 유지합니다. Garamond는 사용자가 지루하지 않고 길게 읽을 수 있도록 명확한 형태 덕분에 많은 글꼴로 남아 있습니다. 캐릭터의 큰 몸체와 높은 x-높이는 각 글자 주위에 많은 공간을 만들어 단어를 인지할 수 있을 정도로 크게 만들어 읽기 쉽게 만듭니다.

많은 디자이너들이 Garamond의 영원성을 주장하지만 그 형태는 단순히 웹 타이포그래피에 이상적이지 않습니다. Garamond의 인쇄물의 장점은 문자에서 문자로 혼합되는 부드러운 곡선을 포함하여 오랜 시간 동안 더 읽기 쉽게 만듭니다. 단점은 이러한 곡선이 화면의 더 작은 크기에서 흐려져 가독성을 저해한다는 것입니다. 따라서 온라인에서 찾을 수 있는 Garamond의 수많은 재창조에도 불구하고 화면의 대부분의 디자이너는 그것이 구식이라고 생각합니다. 그렇긴 하지만 EB Garamond의 디자이너는 여전히 다른 생각을 하고 있으며 오픈 소스 커뮤니티에서 이 고전을 활성화하려고 노력하고 있습니다.

Garamond의 대안을 찾고 있다면 Sabon 또는 Minion을 확인하십시오.

그루지야

Garamond의 화면 실패와 같은 서체에 대한 응답으로 Matthew Carter는 1990년대에 Microsoft로부터 화면 가독성을 위한 서체 디자인을 의뢰받았습니다. 그리고 조지아가 태어났습니다.

많은 사람들은 조지아가 TNR과 같은 다른 대량 생산 셰리프의 중립적인 품질이 부족하고 텍스트에 친근하고 매력적인 품질을 제공한다고 믿습니다. 따라서 Carter의 인상적인 디자인 위업은 인쇄면의 매력적인 특성을 유지하면서 화면 가독성 문제를 해결했다는 것입니다.

이야기는 Carter가 19세기 글꼴 Scotch Roman의 새 버전을 작업하면서 조지아를 디자인했다는 것입니다. 조지아는 전임자의 많은 자질을 유지합니다. 그러나 화면용 조지아를 만들기 위해 Carter는 x 높이를 늘리고 숫자를 반올림하고 캐릭터 감각을 유지하기 위해 약간의 오정렬을 만드는 등 몇 가지 본질적인 변경을 수행했습니다.

조지아는 이제 고전으로 자리 잡았지만 다른 많은 세리프 서체보다 현대적인 느낌을 주는 것으로 널리 간주됩니다. Miller와 Abril은 비슷한 느낌을 가지고 있으며 좋은 대안입니다.

산세리프체

일부에서는 산세리프체 스타일이 고대에 처음 발생했다고 주장하지만 19세기까지 공식적으로 널리 사용되어 현대 사회에 통합되지 않았습니다. 광고, 신문, 미디어가 붐을 일으키면서 새로운 산업 시대를 대표할 뿐만 아니라 멀리서도 명확한 제목으로 읽을 수 있는 서체에 대한 요구가 있었습니다.

베르다나

Verdana는 90년대에 Matthew Carter가 Microsoft를 위해 설계한 사촌인 Georgia와 유사한 이야기를 공유합니다. 따라서 Verdana는 화면용으로 특별히 설계된 산세리프체입니다. 명확성을 위해 노력하는 많은 글꼴과 유사하게 Verdana는 가독성을 높이기 위해 큰 x 높이를 가지고 있습니다. Verdana는 인본주의적인 산세리프체로 불리며, 이는 세리프체의 일부 품질과 디자인 논리를 유지한다는 의미입니다.

그러나 Matthew Carter는 일부 텍스트가 화면에 빽빽이 들어갈 수 있는 잠재적으로 제약적인 공간을 알고 있었기 때문에 Verdana의 문자 크기는 안정적인 행간이 없는 앱이나 플랫폼에서 벼락치기를 피하기에 충분할 정도로 균형이 잡혀 있습니다. Verdana가 90년대에 사용하도록 설계되었다는 점을 고려하면 특히 여전히 저해상도 기기에서 효과적입니다. 그러나 화면의 품질이 높아짐에 따라 Verdana의 장점은 사라지고 예전만큼의 성능을 발휘하지 못합니다.

인쇄 시 Verdana를 사용하는 경우 넓은 간격으로 인해 고정 폭 타자기 글꼴의 품질이 제공됩니다. 이 품질로 인해 Verdana는 인쇄된 텍스트의 큰 본문에 적합하지 않습니다. 지금 대신 고려할 수 있는 대안은 Colfax입니다. Colfax의 디자이너는 오늘날 활자 디자인에 기계적 제약이 없다는 점을 고려하여 고해상도 디스플레이와 잉크젯 인쇄에 더 적합한 글꼴을 만들었습니다.

Gesta와 PT Sans는 모두 Verdana의 좋은 대안입니다.

프랭클린 고딕

Franklin Gothic은 ATF(American Type Founders)의 Morris Fuller Benton이 1902년에 처음 만들었으며 ITC에서 1970년대와 1990년대에 더 많은 가중치를 포함하도록 확장한 사실주의적인 산세리프 서체입니다. 서체의 디지털 버전은 Adobe, ITC(International Typeface Corporation), Monotype Imaging 및 URW에서 만들었습니다.

Benton이 인정한 원래 서체는 Benjamin Franklin에게 경의를 표하기 위해 디자인되었으며 긴 본문 텍스트 블록보다는 헤드라인 및 거래 용도에 가장 적합했습니다. 이후 추가 가중치 및 스타일 업데이트로 사용 옵션이 확장되었습니다.

Franklin Gothic의 시대를 초월한 품질은 최초 출시 후 한 세기가 지난 지금도 많은 언론 매체에서 인기 있는 선택이 되고 있습니다. Time Magazine과 The New York Times 모두 다양한 헤드라인에 이를 사용합니다. 미국과 캐나다 버전의 게임에서 Scrabble 타일은 이 기능을 제공하며 압축된 버전은 Star Wars 영화의 오프닝 크롤링에도 사용되었습니다.

Franklin Gothic은 여전히 ​​믿을 수 없을 정도로 인기가 있지만 인기 있는 대안은 Benton의 인기 있는 후속 제품인 News Gothic으로, 더 좁은 구조와 획 대비가 적습니다. 다른 대안으로는 Trade Gothic, Benton Sans 및 Maple이 있습니다.

푸투라

1927년에 출시된 Futura는 최초의 기하학적 산세리프체(인간주의적 산세리프체와 반대되는) 서체 중 하나의 직접적인 결과입니다. Futura의 가장 큰 경쟁자인 Erbar Grotesk(1926년 출시)는 20세기 전환기에 학교가 현대적이라고 느끼는 모든 것을 전달할 의도로 매우 영향력 있는 Bauhaus에서 설계되었습니다. 이것은 기하학적 논리가 장식의 힌트를 없애고 생성된 문자 형태의 순수한 논리를 목표로 한다는 것을 의미했습니다.

Erbar Grotesk와 마찬가지로 Futura는 주로 원(원은 적절하지 않은 사각형과 삼각형도 포함하지만)과 같은 기하학적 모양을 기반으로 한 문자 형식을 포함합니다. 여기에는 로마 대문자와 비슷한 비율을 공유하는 높은 소문자 어센더와 대문자가 있는 획 간의 낮은 대비가 포함됩니다. 디자이너인 Paul Renner는 모던 서체가 단순히 이전 디자인을 반복하는 것이 아니라 현대적인 감성을 가져야 한다고 믿었습니다.

Futura는 Apollo 11호 우주비행사들이 Futura의 달에 명판을 남겼기 때문에 20세기 동안 많은 명성을 얻었습니다. Volkswagen 및 기타 많은 브랜드에서 이를 채택했습니다. Stanley Kubrick과 Wes Anderson을 포함한 여러 영화 제작자가 이를 다시 사용했습니다. Futura의 현대적인 품질을 높이 평가하지만 FF Super Grotesk, HK Grotesk(오픈 소스) 또는 Neuzeit를 사용해 보십시오.

길 산스

우리에게 Times New Roman을 가져온 것과 동일한 서체 주조소인 Monotype은 런던의 현대 간판을 위한 글꼴 제작을 전문 수학자 Eric Gill(조각가/식자 세공/그래픽 아티스트)에게 의뢰했습니다. Gill Sans는 Futura와 달리 독일 동시대 글꼴보다 덜 엄격한 스타일의 휴머니스트 글꼴입니다. "R"은 약간 플레어가 있고 "안경" 소문자 "g"는 아이코닉에 가깝습니다. 글꼴의 자연스러운 대담한 품질은 디스플레이 및 제목에 적합하지만 나중에 출시되는 더 가벼운 무게는 본문 텍스트에 적합합니다.

런던 지하철, BBC, 영국 성공회에서의 역사와 현대적이면서도 인간적인 특성으로 인해 서체는 본질적으로 영국적입니다. 글꼴은 비율에 따라 고전적이지만 약간의 예술적 플레어가 있어 엄격한 독일 글꼴인 DIN보다 더 경쾌합니다.

즉, 이러한 예술적 플레어 중 많은 부분이 Gill Sans를 일부 그래픽 디자이너에게 바람직하지 않게 만들었습니다. 특히, 소문자 "a'"는 균형이 맞지 않고 가독성을 떨어뜨린다는 비판을 받는 경우가 많습니다.

Gill Sans에 대한 대안을 찾고 계십니까? ITC Johnston 또는 P22 Underground를 확인하십시오.

헬베티카

Helvetica는 자체 영화(2007)에 영감을 준 유일한 서체입니다. 그것은 틀림없이 오늘날 가장 유명하고 유비쿼터스한 글꼴입니다. 이 글꼴은 널리 인기 있는 Grotesk 글꼴의 새 버전에 대한 50년대의 광범위한 경쟁에서 탄생했습니다.

Grotesk 글꼴은 가독성을 높이기 위해 점진적으로 발전했습니다. 그러나 모든 서체가 핸드셋 서체와 기계식 서체 모두에서 잘 작동하는 것은 아닙니다. linotype 기계는 일반 문자와 기울임꼴 문자를 모두 같은 너비로 설정해야 했기 때문에 기울임꼴이 너무 넓게 나타나고 일반 문자가 너무 좁아 보이도록 했습니다.

Helvetica는 Grotesk 서체의 현대적인 아름다움과 가독성을 유지하면서 디자이너에게 대량 생산의 이점을 제공하기 위해 급격한 문자 조정으로 특별히 설계되었습니다. "Graphic 57" 무역 박람회에서 처음 출시된 이 글꼴은 스위스 디자인 전반에 걸쳐 보편적으로 사용되었습니다.

Helvetica를 대체할 수 있는 다른 서체에는 Maison Neue, Univers 및 Folio가 있습니다.

고정 폭 서체

고정 폭 서체 스타일은 원래 타자기용으로 설계되었습니다. 이 유형의 서체에 대해 이해해야 할 주요 특성은 타자기에서 각 문자를 동일한 간격으로 입력해야 한다는 것입니다. 따라서 모든 문자는 텍스트 본문의 단일 구성 매트릭스에 배치되지만 종종 다른 글꼴은 가독성을 관리하기 위해 간격이 다릅니다.

궁극적으로 타자기의 맥락을 벗어나 고정 폭 서체를 사용하는 것이 타당한 응용 프로그램은 거의 없습니다. 동일한 간격은 덜 효율적이고 일반적으로 가독성도 떨어짐을 의미합니다. 이 규칙의 예외는 코드 작성용으로 설계된 응용 프로그램의 경우이며, 동일한 간격이 실제로 가독성에 도움이 될 수 있습니다.

이러한 예로는 Courier, Consolas, Letter Gothic 또는 Source Code Pro(무료)가 있습니다. 그러나 일부 디자이너는 향수를 불러일으키는 미학을 부정할 수 없습니다. 따라서 그들은 인기를 유지합니다.

시스템 서체

시스템 서체는 장치 또는 프로그램과 함께 제공되는 서체입니다. Mac, Windows 및 Adobe 제품에도 다양한 시스템 서체가 있습니다. 이 기사에 포함된 모든 서체에는 시스템 글꼴인 일부 변형이 있습니다.

시스템 글꼴을 사용하는 데에는 몇 가지 단점이 있습니다. 가장 큰 것은 이러한 서체들이 일반적으로 엄청나게 과다하게 노출되어 있다는 것입니다. 그들은 거의 모든 사람의 컴퓨터에 포함되어 있기 때문에 사람들은 좋은 디자인과 나쁜 디자인 모두에서 매일 그것을 봅니다. 모든 타이포그래피 프로젝트가 독창성의 최첨단에 있을 필요는 없지만 디자인하려는 브랜드 가 독특하고 독창적이어야 하는 경우 시스템 글꼴을 사용하면 종종 이를 훼손할 수 있다는 점을 이해하는 것이 중요합니다.

시스템 글꼴 사용의 또 다른 주요 단점은 일부 글꼴이 그다지 좋지 않다는 것입니다. 아리엘이 떠오른다...

마지막으로, 많은 시스템 글꼴은 화면에서 매우 가독성이 높도록 특별히 설계되었으며 인쇄에서는 특히 가독성이 좋지 않을 수 있습니다. 이것은 디자이너가 수행하는 모든 프로젝트에 대한 문제는 아니지만 염두에 두어야 할 사항입니다.

디자인 작업에 적합한 서체 선택하기

특정 브랜드를 위해 디자인할 때 적절한 전문 서체를 선택하는 것은 모든 디자이너에게 중요한 작업입니다. 특히 일부 서체 제품군의 라이선스가 $1,000를 초과할 수 있다는 점을 고려할 때 그렇습니다.

다양한 두께, 너비, 세리프 및 산세리프 변형을 모두 포함하는 서체 제품군을 선택하는 것은 많은 프로젝트에서 현명한 아이디어입니다. 이것은 디자이너에게 특정 브랜드의 파이프라인을 따라 내려올 수 있는 모든 프로젝트에 대한 많은 옵션을 제공하고 실제로 다르지 않은 "다른" 글꼴을 사용하여 마케팅 자료에 대한 업데이트를 허용합니다(따라서 소비자와 브랜드 충성도를 덜 비난할 가능성 , 주요 브랜드의 많은 대규모 재설계에서 발생한 것처럼). 깊은 글꼴 패밀리는 자체적으로 쉽게 짝을 이룰 수 있고 다양한 개성을 전달할 수 있습니다.

프로젝트에서 보다 일반적으로 사용하기 위해 기존 유형 라이브러리와 쌍을 이루는 서체를 찾을 때 유사한 특성을 가진 글꼴을 선택하는 데 중점을 둡니다. 이는 대문자와 소문자, x 높이 및 형식 기하학의 모든 특성을 고려한다는 것을 의미합니다. Typewolf와 같은 사이트는 이미 사용 가능한 기존 옵션과 짝을 이루는 글꼴을 찾는 데 매우 유용할 수 있습니다(또한 고객이 Helvetica와 같은 것을 원하지만 Helvetica는 아닌 것을 원한다고 말할 때를 위한 훌륭한 대안).