커뮤니케이션 라인 – 서체의 역사(인포그래픽 포함)

책과 기타 인쇄물을 당연하게 여기기 쉽습니다. 그러나 15세기 중반 요하네스 구텐베르그가 인쇄기를 발명하기 전에는 책을 손으로 썼습니다. 중산층의 문맹률이 높아짐에 따라 수요가 증가했지만 일반적으로 엘리트를 위한 것이었습니다.

서체의 역사는 구텐베르그의 인쇄기를 시작으로 20세기와 21세기 디자이너의 디지털 타이포그래피 발전을 통해 수세기에 걸쳐 기술의 가용성에 크게 영향을 받았습니다.

대중을 위한 책

구텐베르크는 책을 빠르고 저렴하게 대량 생산할 수 있다는 것이 수익성 있는 전망임을 인식했습니다. 그는 동아시아에서 사용하는 활자를 사용하고 유럽의 농부들이 사용하는 나사식 인쇄기를 사용하여 최초의 인쇄기 아이디어를 고안했습니다.

구텐베르그는 금세공인이었기 때문에 계속해서 사용할 수 있는 튼튼한 글자 블록을 만들 수 있었습니다. 각 페이지에 대한 문자를 정렬하는 데 하루가 걸릴 수 있지만 하루의 작업에서 필요한 만큼 페이지를 인쇄할 수 있습니다.

구텐베르크의 서체는 원고를 작성하는 데 사용된 Blackletter 서예를 기반으로 했습니다. 단점은 한 페이지에 들어갈 수 있는 텍스트의 양이 제한되어 설정하는 데 더 많은 시간이 필요한 더 긴 책을 만들 수 있다는 것이었습니다.

공간 절약형 서체

Blackletter 서체는 주로 당시의 필기 스타일을 모방했기 때문에 인쇄의 원래 표준이었습니다. 그러나 위에서 언급했듯이 단점은 페이지에서 상당한 공간을 차지한다는 것입니다.

1470년에 Nicolas Jenson은 단순한 서체를 사용하면 한 페이지에 더 많은 텍스트를 담을 수 있다는 사실을 깨달았습니다. 그는 Blackletter와 이탈리아 인본주의 레터링을 기반으로 최초의 로마 서체를 만들었습니다.

Jenson의 서체는 필사본 모델이 아닌 타이포그래피 원칙을 기반으로 만들어진 최초의 서체입니다. 그의 로마 글꼴은 1914년 Bruce Rogers가 만든 Centaur와 1996년 Robert Slimbach가 만든 Adobe Jenson을 비롯한 여러 현대 글꼴의 기초입니다.

Jenson의 로마자 활자는 인쇄된 페이지의 공간을 절약했지만 다른 사람들은 책 인쇄의 효율성을 향상시키기 위해 더 많은 공간을 절약하려고 했습니다. 1501년 Aldus Manutius와 Francesco Griffo는 페이지에 더 많은 텍스트를 넣을 수 있는 최초의 기울임꼴 서체를 만들었습니다. 처음에는 공간 절약을 위해 고안되었지만 여전히 텍스트를 강조하기 위해 기울임꼴이 사용됩니다.

가독성 향상

효율성은 첫 번째 활자 디자이너가 해결한 유일한 인쇄상의 문제가 아닙니다. 초기 서체의 가독성은 이상적이지 않았습니다. 특히 공간 절약을 위해 이탤릭체를 선호했습니다.

1734년에 William Caslon은 각 글자체의 획 사이에 더 많은 대비를 포함하는 새로운 서체 스타일을 만들었습니다. 이제는 '구체형'이라 불리는 이 서체는 글자를 한 눈에 구분할 수 있도록 하여 가독성을 높였습니다.

John Baskerville은 1757년에 이를 한 단계 더 발전시켜 보다 뚜렷한 서체를 가진 Transitional 서체를 만들었습니다. 그는 활자, 잉크, 인쇄기를 개선했지만 그의 서체는 동시대 사람들의 서체보다 검었습니다. Baskerville의 디자인은 획의 두께 때문에 비판을 받았습니다. 그의 비평가 중 한 명은 그의 서체가 "국가의 눈을 멀게 할 책임이 있다"고까지 말하기까지 했습니다. 그의 서체는 상업적으로 실패했지만 20세기에 부활했으며 이후 "영국 역사상 가장 위대한 인쇄기"로 찬사를 받았습니다.

현대 세리프의 모습

1780년대에 두 명의 활자 디자이너(프랑스의 Firmin Didot와 이탈리아의 Giambattista Bodoni)는 획이 극도로 대조되는 현대적인 셰리프를 만들었습니다. 얼핏 보기에 서체의 모양이 매우 유사하고 각 회사에서 수행하는 금속 주조 작업의 품질을 보여주었습니다. 얇은 획에는 훨씬 더 나은 장인 정신이 필요하기 때문입니다.

두 글꼴 간에는 몇 가지 뚜렷한 차이점이 있으며, 대부분 특정 문자 형식의 모양과 배치에 있습니다. 예를 들어 Bodoni의 대문자 J는 기준선 아래로 확장되는 반면 Didot에서는 기준선 위에 있습니다. Bodoni에서 "3"의 스트로크는 모두 볼로 종료되지만 Didot에서는 위쪽 스트로크만 볼로 종료됩니다.

Didot 및 Bodoni와 같은 현대 세리프체의 가는 획과 두꺼운 획 사이의 대비 정도 때문에 작은 크기에서 가장 읽기 쉬운 서체는 아닙니다. 헤드라인 및 디스플레이 용도에 가장 적합하지만 고해상도에서는 본문 카피에 적합할 수 있습니다.

최초의 슬랩 세리프 서체

"Antique"라고 불리는 최초의 상업적으로 이용 가능한 슬래브 세리프 또는 이집트 서체는 Vincent Figgins가 디자인한 1815년에 나타났습니다. 그들은 전통적인 세리프보다 더 주목을 끌었습니다. 슬랩 셰리프 글꼴의 주요 특징은 셰리프에 곡률이 없다는 것입니다.

첫 번째 슬래브 세리프 서체가 출시된 후 19세기 초 인쇄 광고의 부상과 함께 빠르게 인기를 얻었습니다. 일부 슬래브 셰리프는 포스터와 같은 인쇄물에 더 큰 크기로 사용하기 위해 특별히 개발되었습니다. 이것은 기존의 책 유형을 채택한 초기의 대규모 활자 디자인에서 출발했습니다.

대규모 광고 디자인은 또한 최초의 산세리프체를 탄생시켰습니다.

산세리프체 첫 등장

최초의 슬래브 셰리프 서체가 출시된 것과 거의 같은 시기에 최초의 산세리프 글꼴이 상용화되었습니다. William Caslon IV는 1816년에 "Two Lines English Egypt"("Caslon Egypt"라고도 함)를 개발했습니다. 빠르게 유행했고 19세기 초의 광고 및 기타 인쇄물이 그 사용으로 인해 눈에 띄었습니다.

산세리프체는 세리프체가 최소화되거나 완전히 누락된 고전 고대에서 일반적으로 사용된 블록 글자의 영향을 받았습니다. 1800년대 초반에 Egyptomania는 서구 세계의 많은 부분을 휩쓸었고 타이포그래피와 디자인 모두 고대 이집트 예술과 뭉툭한 글자 스타일에서 힌트를 얻었습니다.

산세리프체의 다음으로 중요한 발전은 100년 후 Edward Johnston이 런던 지하철의 상징적인 서체를 디자인했을 때 이루어졌습니다.

20세기 서체의 역사

20세기는 서체 역사에서 훨씬 더 중요한 발전을 가져왔습니다. 최초의 전업 활자 디자이너는 1920년대에 시작한 Frederic Goudy였습니다. 그는 Copperplate Gothic 및 Goudy Old Style(Jenson의 Old Style 서체 기반)을 포함하여 여전히 사용 중인 상징적인 글꼴을 만들었습니다.

1957년 Max Miedinger는 틀림없이 20세기의 가장 상징적인 서체인 Helvetica를 디자인했습니다. Futura(Paul Renner가 개발)와 Optima(Hermann Zapf가 개발)를 포함한 다른 미니멀리스트 서체가 20세기에 개발되었습니다.

디지털 타이포그래피

최초의 디지털 서체인 Digi Grotesk는 1968년 Rudolf Hell에 의해 디자인되었습니다. 초기 디지털 글꼴은 비트맵이었기 때문에 작은 크기에서는 가독성이 떨어졌습니다. 1974년에는 최초의 외곽선(벡터) 글꼴이 개발되어 파일 크기를 줄이는 동시에 가독성을 향상시켰습니다.

1980년대 후반에는 컴퓨터 디스플레이와 프린터와 같은 출력 장치 모두에서 단일 파일을 사용할 수 있는 TrueType 글꼴이 만들어졌습니다. 1997년에는 Mac과 PC 플랫폼 모두에서 단일 글꼴 파일을 사용할 수 있는 OpenType 글꼴이 발명되었습니다.

같은 해에 CSS는 최초의 글꼴 스타일 규칙을 통합했으며 다음 해에는 웹 글꼴에 대한 첫 번째 지원이 Internet Explorer 4에 추가되었습니다(당시 널리 채택되지는 않았지만).

웹에서 서체의 진화

21세기는 웹 글꼴에 상당한 발전을 가져왔습니다. 2009년 WOFF(Web Open Font Format)가 개발되어 W3C 개방형 웹 표준에 추가되었습니다. 이 개발은 모든 주요 브라우저가 마침내 WOFF에 대한 지원을 채택한 2011년 웹 글꼴의 광범위한 채택을 위한 기반을 마련했습니다.

웹 글꼴에 대한 광범위한 지원은 디지털 디자인에 혁명을 일으켰으며 디자이너는 웹 타이포그래피에서 사실상 무제한 옵션을 제공하고 큰 타이포그래피 및 윤곽선 글꼴 사용을 포함한 트렌드를 안내합니다.

2016년 OpenType 표준에 가변 글꼴이 도입되면서 웹 타이포그래피 혁명이 강화되었습니다. 가변 글꼴은 단일 글꼴 파일 내에서 디자인에서 사용되는 위치에 따라 크기와 두께를 변경할 수 있습니다. 이러한 유연성은 더 적은 수의 글꼴 파일을 사용하여 페이지 로드 시간이 빨라짐을 의미합니다.

타이포그래피의 미래

가변 글꼴은 디지털 활자 디자인에 큰 영향을 미쳤지만 앞으로 새로운 트렌드와 기술이 등장할 여지가 여전히 있습니다. 많은 서체가 아직 부족한 영역 중 하나는 글로벌 언어 적용 범위입니다. 많은 서체가 라틴 문자 집합에 중점을 두지만 글꼴 파일에 표준으로 더 널리 포함되어야 하는 다른 서양 언어(예: 그리스어 및 키릴 자모)가 있습니다.

디자인의 일부 영역은 빠르게 변화하고 진화하지만, 타이포그래피는 수세기에 걸쳐 진화하는 속도가 느렸습니다. 주목해야 할 새로운 기술 중 하나는 OpenType-SVG 형식 내에서 컬러 글꼴의 개발입니다. 이러한 글꼴을 사용하면 디자이너가 단일 글리프 내에서 여러 색상을 사용할 수 있습니다. 이를 수행하는 기술은 몇 년 동안 주변에 있었지만 아직 널리 채택되지 않았습니다. 다시 말하지만 웹 글꼴은 널리 채택되기 전에 10년 이상 기술적으로 가능했습니다.

서체의 역사가 증명한 것이 있다면, 타이포그래피는 디자이너, 새로운 형식 및 독자의 요구를 충족시키기 위해 계속 진화할 것이라는 것입니다.

• • •

Toptal Design 블로그에 대한 추가 정보:

• 서체 분류의 뉘앙스 이해하기
• 웹 및 인쇄 디자인을 위한 서체 스타일
• 효과적인 타이포그래피 계층 구조를 구성하는 방법
• 미니 튜토리얼 – 글꼴 조합 가이드
• 세상은 우리의 인터페이스입니다 – UI 디자인의 진화