최근 수정 시각 : 2024-08-04 03:07:59

타이포그래피

레터링에서 넘어옴

파일:나무위키+유도.png  
은(는) 여기로 연결됩니다.
영상 편집 기술에 대한 내용은 키네틱 타이포그래피 문서
번 문단을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
, 에 대한 내용은 문서
번 문단을
번 문단을
부분을
부분을
참고하십시오.
글꼴 관련 문서
{{{#!wiki style="margin:0 -10px -5px; min-height:calc(1.5em + 5px)"
{{{#!folding [ 펼치기 · 접기 ]
{{{#!wiki style="margin:-5px -1px -11px; word-break:keep-all"
손글씨
서예 · 캘리그래피 · 필기체 · 서명 · 필기 · 필적
필기도구 · 문방사우
분류
한글 바탕 · 돋움
라틴 문자 Vox-ATypI 분류 · 세리프 · 산세리프 · 이탤릭 · 블랙 레터
한자 관련 틀 참조
인쇄 / 디자인
활자( 금속활자) · 합자 · 타이포그래피
포스트스크립트 · OTF · TTF · 웹 폰트 · 클리어타입 · 가변 글꼴
목록
글꼴 목록 · 상업용 목록 · 분류:글꼴
기타/관련 항목
속기 · 문자 체계 · 문장 부호 · 전각과 반각 · 볼드
}}}}}}}}} ||
파일:external/www.playwares.com/db715e00b11682647f14786dee0a7fa2.jpg
1. 개요2. 정의3. 역사
3.1. 근대 이전3.2. 현대 타이포그래피의 정립3.3. 컴퓨터 시대의 타이포그래피
4. 용어5. 타이포그래퍼 목록

[clearfix]

1. 개요

타이포그래피(typography)는 편집 디자인에서, 활자의 서체나 글자 배치 따위를 구성하고 표현하는 일을 가리킨다.

2. 정의

본래 타이포그래피는 '활판으로 하는 인쇄술'을 가리켰다. 그러나 인쇄 기술의 발달로 표현의 제약이 거의 없어진 뒤 그 의미가 확장되어, '글자를 다루는 모든 방법', '(인포그래픽처럼) 시각 언어에서 모든 조형적 요소를 조화롭게 배치하는 행위에 대해 탐구하는 것' 그 자체를 지칭하기도 한다.

사전적인 의미로 본다면, 물리적 활자 또는 디지털 활자를 다루는 방법이라고 할 수 있다. 이를 좀 더 세분화하여 말하자면, 다음의 세 가지 정도로 나눌 수 있다.
  • 활자를 배치하고 특수한 목적에 맞게 조정하는 것 (예: 편집 디자인, 그래픽 디자인)
  • 활자를 디자인하는 것 (예: 폰트 디자인 서체 디자인)
  • 기존에 디자인된 활자를 어떠한 목적에 맞게 변용하는 것 (예: 로고 디자인등)

현대에 들어 사진술과 디지털 인쇄술 등 수많은 요소들이 같이 사용될 수 있는 여건이 조성되면서 이런 구분은 점점 무의미해지고 있다. 이제는 그라피티나, 손글씨 내지는 서예인 캘리그래피 등 활자가 아닌 글자를 다루는 글자까지도 타이포그래피라고 불려, 이러한 넓은 의미에서 보면 사소한 편지에서 글의 문단을 나누고 글씨체를 선택하는 것부터 글자의 모양을 가지고 그림을 그리고 영상을 만드는 것 까지 상당히 폭 넓은 영역을 가지고 있게 된다. 그러나 이에 대해 '용어를 편의대로 가져다 쓰는 것'에 불과하다고 비판하는 견해도 있다.

3. 역사

3.1. 근대 이전

타이포그래피의 역사는 인쇄술의 역사와 함께 한다고 봐도 좋을 정도로 인쇄술과 매우 밀접한 연관을 가지고 있다. 인쇄에 있어서 활자가 본격적으로 이용된 건 요하네스 구텐베르크 이후의 시대부터였다.

구텐베르크는 마인츠라는 지금은 그다지 크지 않은 도시의 금속세공업자였으며[1], 자신의 금속세공술에 대한 지식과 인맥을 이용하여 인쇄와 관련된 사업들을 시작하였다. 구텐베르크는 42줄 성서를 제작하면서 본격적으로 와인을 짜내는 기계 (프레스)를 도입하고 유성 잉크를 사용하여 이전보다 인쇄되는 양을 늘리는 한편 필사본에 필적하는 품질을 만들기 위하여 노력하였다.[2]

비록 구텐베르크의 목적은 성서를 지방군주 등에게 대량으로 팔아 돈을 벌려고 했던 것으로 추정되지만, 성서의 성공적인 보급은 종교혁명에 큰 영향을 미치게 되었을 뿐더러 근대적인 의미의 인쇄를 처음으로 가능케 하였다.[3]

초기의 인쇄술은 '손으로 쓴 글씨처럼 읽기 좋은 책'을 만드는 것이 목적이었으므로, 당연히 초기의 활자체(Typeface) 디자인은 필사본과 비슷하게 만드는 데에 큰 비중을 두었다. 깃털펜의 끝의 넓은 면적을 사용해 각지고 굵은 획들을 보여주던 필사체의 재현인 블랙 레터 글씨체가 이러한 것 이었다. 구텐베르크도 필경사의 글씨처럼 자연스러운 글씨 재현을 위해 미세한 차이가 있는 300자로 구성된 활자체를 만들었을 정도다.[4]

르네상스가 시작되면서 고대 로마의 조각품에 남아있는 글자들을 분석한 디자인이 유행하기 시작한다.[5] 프랑스인 펀치커터[6] 니콜라스 장송의 장송(Jenson)체는 대표적인 활자체로 프랑스와 네덜란드, 영국 등을 비롯한 서부 유럽에 엄청난 유행을 타게 되지만 독일과 북유럽 국가들에서는 황제의 명령으로 블랙레터를 고수하게 된다. (자세한 사항은 블랙레터 항목을 참조.) 장송체는 이후 가라몽(Garamond)체와 네덜란드의 서체 디자인에서 파생된 영국의 캐즐런(Caslon)[7]으로 나뉘게 된다.

근세에 들어 발달된 인쇄술이 널리 보급되면서, 인쇄 산업의 규모도 커지고 따라서 그 인쇄물들의 정보를 전달하는 활자의 중요성도 커지기 시작한다. 따라서 활자 디자인도 번성하기 시작하는데, 17, 18세기에 만들어진 활자가 아직까지도 디지털화되어 사용되고 있을 정도다.[8]

로마자와 필기체를 기반으로 한 가라몽과 같은 올드 페이스 스타일은 18세기를 거치면서 바로크 또는 과도기 서체 (Transitional)로 불리는 캐즐런과 바스커빌로 넘어가게 된다. 또한 18세기 후반에는 디도(Didot)와 보도니(Bodoni)같은 대비가 뚜렷한 서체가 등장하게 된다.

3.2. 현대 타이포그래피의 정립

19세기 말에 '현대(modern)'라는 의식이 퍼져나가면서, 모더니즘의 영향을 받은 인쇄공들은 활자 디자인과 사용에 대해 법칙을 재정립을 할 필요성을 느끼게 된다. 이 방면에서 가장 중요한 인물을 꼽으라면 단연 얀 치홀트를 꼽을 수 있다. 그가 발행한 "뉴 타이포그래피"의 이론은 기존에 있던 무분별한 글자와 장식의 쓰임을 비판하고, 엄격한 글자의 사용을 통해 가독성을 중시한 법칙을 제시한 것이다. 사실상 이 뉴 타이포그래피에서 현대 타이포그래피의 기본이 세워졌다...


또한 집단으로는 독일의 바우하우스를 들 수 있겠는데, 디자인을 미술 영역이 아닌 공학 수준으로 연구하여 완성된 기교는 현대 디자인에 큰 영향을 끼쳤으며, 타이포그라피 또한 예외가 아니다.

이 시기의 활자 디자인의 변화라면 세리프 (serif), 즉 초기의 활자 디자인에서 손글씨의 모양을 따라하기 위해 붙어 있었던 작은 획들이 제거되기 시작한 것이다. 이를 산스 세리프 (sans-serif, 즉 세리프가 없는)[9]라고 하는데, 이는 17-18세기에도 간혹 기록에 등장하긴 하나 실험적인 것으로 치부되었다.

특히 1898년에 등장한 악치덴츠 그로테스크는 20세기 초중반의 모더니스트들에 의해 열광적으로 사용되기 시작한다. 1900년대 중반 악치덴츠 그로테스크를 편집한 노이에 하스 그로테스크(헬베티카)는 국제주의 양식, 스위스 스타일이라는 이름하에 미국에서 널리 사용되었다. 헬베티카는 20세기 후반의 가장 유명하고 널리 사용된 산스 세리프가 되었으며 그에 대한 다큐멘터리도 제작되었다. 링크 그러나 이 헬베티카는 러시아 구성주의와 공산/사회주의의 영향을 받아 규격화되고 어디서나 모두가 사용할 수 있는 평등한 디자인을 주창한 스위스 스타일의 결정체임에도 불구하고, 지나치게 보편화되어 버린 탓에 오히려 80년대 이후 그런지 스타일의 디자이너들에게 "헬베티카는 파시즘에 가까운, 상상력을 말살하는 딱딱한 서체다!"라는 반격을 받게 되었다는 점은 참 아이러니하다.

20세기 들어 산스 세리프는 전성기를 맞이하며 우리가 알고 있는 대부분의 산스 세리프 활자는 20세기들어 개발된 것들이다. 가장 대표적인 산스 세리프로는 Helvetica, Futura, Gill Sans, Univers, Arial, Comic Sans 와 샌즈! 등 셀 수 없이 많다. 현대적인 활자 디자이너들은 대체로 활자들에 남아 있는 손글씨의 흔적을 줄이고 과학적인 방법으로 가독성을 증대시킬 수 있는 방법들을 모색하였다.

3.3. 컴퓨터 시대의 타이포그래피

애플 매킨토시와 소프트웨어가 제공하는 WYSIWYG 인터페이스를 이용하여 디지털 조판기술과 디지털 그래픽 디자인이 80년대부터 등장하면서, 잡지 EMIGRE 등을 위시한 디지털 타이포그래피를 표방하는 디자이너와 집단들이 대거 등장하였다.

이 시기의 특징은 가독성에 대한 거부와 감정의 표현이라고 할 수 있을 것이다. 데이빗 카슨이 서퍼와 레이건이란 잡지를 통해 보여준 타이포그라피는 기존의 영역을 넘어 당시로써는 파격을 선보인다. 정규 디자인 교육을 받지도 않았던 데이빗 카슨으로부터 시작된 이러한 변화는 컴퓨터를 통해 디자이너가 손쉽게, 마음대로 글자들을 변형할 수 있게 되었고, 설사 못 읽게 되더라도, 보다 감정을 잘 나타낼 수 있게 마개조를 하는 수준까지 가버린 실험적인 타이포그래피들이 나오기 시작했다.

90년대 초반에 학교를 다녔던 디자이너들의 말을 들어보면, 당시에는 매킨토시로 작업을 할 수 있다는 것만으로도 꽤 많은 돈을 벌을 수 있었다고 한다.

힙합과 포스트 펑크 등 다양한 문화에 영향을 받은 그래픽 디자이너들이 매우 실험적인 작품들을 많이 하던 시기가 90년을 전후한 시기였다. 따라서 전통적인 인쇄술과는 조금씩 적잖이 거리가 멀어지고 있는 것이 사실이며 인쇄 공정 자체가 자동화됨에 따라서 인쇄술에 대해 지식이 별로 없는 그래픽 디자이너도 상당히 많다. 어도비와도 관련이 좀 있다.

보통 시각디자인 또는 디자인 관련 학부에 들어가면 가장 처음부터 배우는 분야며, 이는 그래픽 디자인과 매우 밀접한 연관성이 있기 때문이다.

4. 용어

  • Vox-ATypI 분류: 로마자 글꼴들의 분류법.
  • 활자(Type): 특정하게 디자인된 글자. 주로 인쇄를 위해 쓰인다.
  • 활자체(Typeface): 활자의 묶음이라고 할 수 있다. 완전한 글을 쓸 수 있을 만큼 동일한 종류의 활자들이 모이면 그 것이 활자체가 된다.
  • 글자(Character): 조판(판짜기)을 할 때 쓰는 각각의 글자, 구두점, 숫자, 그리고 다른 요소들.
  • 서체(Font): 글꼴이라고도 한다. 특정한 크기, 스타일 등으로 구별된 활자체를 말한다. 예를 들면 Hevetica 9pt와 10pt는 같은 종류의 자체지만 다른 서체다.

파일:external/upload.wikimedia.org/438px-Futura-1.png

파울 레너의 활자체(Typeface)인 푸투라 예시이다. 위 세가지 문단은 전부 같은 활자체지만, 각기 다른 스타일이 적용된 서체(Font) 변주에 따라 얼마나 다른 분위기를 나타낼 수 있는지 엿볼 수 있다.

그러나 이와 같은 구분, 특히 활자체와 서체는 컴퓨터로 인해 무의미해지고 별 구별 없이 쓰여지게 되었다. 과거에는 각기 다른 크기의 문자를 인쇄하기 위해 각각 다른 크기의 서체를 가지고 있어야 했지만, 컴퓨터에서는 수치 입력을 통해 간단하게 크기가 변하기 때문에 의미가 없어진 것. 그리고 같은 서체 부류에 속하는 것을 Family라고 하는데, 예를 들어 Helvetica Black, Helvetica Condensed, Helvetica Bold, Helvetica Italic은 모두 헬베티카 패밀리에 속한다. 포토샵이나 워드프로세서 등에서 텍스트에 직접 "굵게 하기", "이탤릭"등의 속성을 지정해주는 것들은 거의 제대로 된 타이포가 아니므로 디자인 용도라면 써서는 안 된다. 디자인용 폰트들은 이 패밀리가 다 통합되어 한 파일에 들어있던지 아니면 다 따로 나와있기 때문.[10]

파일:Typography Line Terms.svg 파일:Typography Line Terms White.svg

* 라틴 문자
* 대문자(Uppercase): 라틴 문자의 대문자. 인쇄술 개발 초창기, 손으로 판을 짜던 시대에 활자상자 윗부분에 대문자를 넣어 두던 것에서 단어가 유래했다. 약칭은 Caps, U. C.지만 간단하게 C라고도 쓴다.
*소문자(Lowercase): 라틴 문자의 소문자. 전술한 대문자처럼 활자상자 밑부분에 주로 소문자가 보관되었기에 이런 이름으로 불린다. 약칭은 보통 lc지만 대문자와 결합하면 U / lc, U & lc, C. lc라고 표기한다.
* 베이스라인(Baseline): 일정한 글줄의 모든 글자들이 그 위에 놓여 있다고 가정하는 수평선. 한국에선 기준선이라고도 부른다.
* 민라인(Meanline): 엑스라인이라고도 한다. 라틴 문자 기준으로 a, c, e, i, m, n, u, v, w, x와 같이 어센더가 없는 소문자들의 맨 윗부분을 표시하는 선. 한국에선 윗선이나 몸통선이라고도 부른다.
* 엑스하이트(X-height): 베이스라인과 민라인 사이에 있는 소문자 몸체 부분의 높이. 소문자 x의 글자 획이 베이스라인과 민라인에서 끝나기에 이런 이름이 붙었다.
* 어센더(Ascender): b, d, f, h, k, l, t같은 소문자에서 민라인 위로 올라가 있는 획. 소문제 몸체 부분 위로 솟아 있는 부분이라 생각하면 된다.
* 디센더(Descender): g, j, p, y, g같은 소문자에서 베이스라인 아래로 쳐지는 획. 소문자 몸체 아래로 쳐져 있는 부분이라 생각하면 된다.
* 카운터(Counter): b, d, p의 둥근 부분처럼 완전히 또는 부분적으로 글자의 획에 둘러싸인 공간. 한국에서는 속공간이라고도 부른다.
* 세리프(Serif): 획의 말단 부분에 달린 작은 부분. 석판을 끌로 조각하면서 글자들의 줄을 맞추기 위해 획의 끝 부분에 가는 실선을 조각한 데서 유래한다.
* 작은 대문자(Small Caps): 소문자의 몸체 크기(=엑스하이트)와 같은 크기로 만든 대문자. 보통은 대문자 본문 조판에서 사용하지만 가끔 이걸로 강조하기도 한다. 작은 소문자는 글자 획 무게에서 소문자의 글자꼴과 서로 일치한다. 대표적인 쓰임새는 두문자어 표기.
* 모던 숫자(Modern Figures, Lining Figures): 대문자와 높이를 균등하게 맞춘 숫자들. 수직으로 정렬되어 있어 표나 도표 짜기에 적합하다는 점 덕분에 주로 연차보고, 도표, 표 등 숫자가 잘 보여야 하는 문서나 숫자가 중요한 정보를 제공하는 문서 등지에 사용된다.
* 올드스타일 숫자(Old Style Figures, Nonlining Figures): 크기가 다양한 숫자들. 어센더와 디센더를 가진다는 점에선 소문자 글자꼴과 유사하다. 주로 작은 대문자와 함께, 혹은 본문을 처리할 때 덜 두드러져 보이는 숫자가 필요한 경우에 사용된다.
* 이음자(Ligatures): 두 개 혹은 그 이상의 글자가 하나의 단위로 결합된 것. 합자라고도 부른다. ff, fi, fl, ffi, ffl처럼 결합하면 어색하게 보이는 글자들을 보정해 준다.

5. 타이포그래퍼 목록

시대가 흐르면서 그래픽 디자이너와 경계가 모호해져 서로 겹치는 경우가 있다. 과거에는 타이포그래퍼가 인쇄를 위해 활자를 배치하는 역할을 지칭했다면, 현대에 이르러서는 전반적인 그래픽 작업은 물론, 보기 좋은 활자 배열과 레이아웃까지 고려하는, 즉 처음부터 끝까지 담당하는 '독립 스튜디오' 형태로 활동하는 디자이너가 많아졌기 때문.
  • 김기조
  • 안상수(디자이너)
  • 최정호(1916-1988): 최정순과 함께 한국 글꼴 디자인의 선구자적인 존재다. 최정순의 서체가 주로 교과서와 신문에 사용되었다면 최정호의 글꼴은 주로 출판용으로 사용되었다. 최정호의 서체는 활자과 사진식자기에서 사용되었지만 최근에 사진식자기에 사용되었던 최정호 서체 14종이 디지털로 다시 복원되었다.
  • 최정순(1917-2016): 최정호와 마찬가지로 한국 글꼴 디자인의 선구자 중 한 명이다. 최정호와 이름이 흡사한 데다 나이 차이도 한 살밖에 안 되어서 두 사람을 서로 혼동하거나 심지어 한 사람으로 착각하는 경우도 많았다고 한다. 최정호의 서체가 주로 출판물에 사용된 것과 달리 최정순의 서체는 교과서와 신문용으로 많이 사용되었다. 당시 신문은 전부 세로쓰기였기 때문에 세로쓰기에 맞춘 서체가 많았다. 1965년부터 한국일보, 경향신문, 중앙일보, 서울신문, 동아일보, 부산일보 등 한국 굴지의 신문 서체들이 그의 손으로 제작되었다. 또 대단히 장수해서 1990년대에 들어와서도 여전히 서체 개발 활동을 했으며 컴퓨터 용의 본문 바탕체와 본문 돋움체, 제목 돋움체와 제목 바탕체, 옛한글 바탕체를 개발했다. 50년 동안 서체 개발 31만여 자, 신문사 서체를 수정하고 감수한 것이 90여만 자, 신문사 디스플레이용 비트맵 폰트를 수정, 감수한 자가 380만자에 이르렀다.
  • 공병우
  • 구텐베르크
  • 막스 미딩어
  • 석금호
  • Apple: 위의 3.3 문단을 봐도 알 수 있겠지만, 애플은 시각적 디자인에 이상할 정도로 집착하는 회사로 유명하다. 그 덕분인지, 대부분의 출판사들은 애플 매킨토시에서 작동하는 도서 작성 프로그램을 사용했었다. 물론 여러가지 문제로 벗어나고 있기는 하지만, 여전히 폰트를 가독성 있게, 있는 그대로 표현하기에는 애플의 맥 계열이 유리하다는 평. 그래서인지 디지털 타이포그래피는 대부분 애플의 컴퓨터나 모바일 디바이스( iPad 등)에서 만들어진다. 몇몇 소비자들이 애플의 맥 컴퓨터를 '전문가가 쓰는 컴퓨터'라는 인식을 가지고 있는 이유이기도 하다.
  • MARETU: 이쪽은 음악 활동도 하고 있다. 난수를 활용하거나, 의미가 있는 단어를 활용하는 것이 특징.
  • 이타미 주조


[1] 다만 마인츠가 그냥저냥한 중소도시라는 건 오늘날의 이야기고, 요하네스 구텐베르크가 살던 시기에는 이곳에 화폐를 발행하는 조폐국이 있다던가, 이곳의 대주교가 신성 로마 제국의 황제를 선출하는 선제후들 중의 한 명이기도 했을 만큼, 상당히 중요한 대도시였다. 그리고 구텐베르크 본인은 마인츠 대주교를 통해 교황청과도 인맥이 닿아있던 거물급 세공업자이자 인쇄업자였다. [2] 현재의 활자는 알파벳과 특수기호, 기껏해야 연자 (Ligature)를 넣는 것이 보통이지만 구텐베르크는 필사본에 가까운 글씨를 재현하기 위하여 290자를 제작하였다. 이게 말이 290자를 만들었다는 것이지, 한 페이지에 2600자가 들어가는 성서의 공정이 동시다발적으로 이루어지므로, 수천개의 활자를 찍어내야 했다는 의미가 된다. [3] 구텐베르크 이전에는 성서란 성직자가 아닌 한 쉽게 만질 수 없는 성스러운 책이었으며, 따라서 필사를 하는 동시에 온갖 화려한 장식이 올라간 예술품에 가까운 개념이었다. [4] 현대의 알파벳 디자이너는 그에 비해 약 50자로 구성된 활자체를 만드는 것에 그친다. 옛날 사람들이 쓴 글씨를 현대인이 보면 상당히 읽기 힘들다는 느낌을 받기 쉬운데, 그만큼 현대인은 손으로 쓴 글씨보다는 활자를 많이 보기 때문이기도 하다. [5] 주의해야 할 점은, 이것은 구텐베르크의 인쇄술 후에 등장한 것이 아니라 거의 동시에 진행된 일이었다는 것. 최초의 '로만' 활자체를 만든 니콜라스 장송은 구텐베르크와 거의 동일한 시대를 살았다. 장송은 30대 후반에 마인츠에 가서 인쇄술을 배웠는데, 이 때 구텐베르크가 후견인 역할을 했다는 주장을 하는 사람도 있다. 하지만 그 때는 구텐베르크가 이미 빚으로 기계를 차압당했을 때며, 이미 구텐베르크를 따라한 수많은 인쇄 공방이 세워져 있었다고 한다. [6] 글자 그림을 따라 활자를 조각하는 사람. 근대까지는 당연히 활자 디자이너와 펀치커터는 분리되지 않았다. [7] 미국의 독립 선언문이 이것으로 조판되었다. [8] 워드를 켜본 사람이라면 누구나 알 'Times New Roman' 의 Roman은 당시의 신고전주의 성향을 대변하는 활자체를 의미하는데, 대표적인 활자체로 Bembo, Baskerville, Caslon, Bodoni, Times New Roman 과 Garamond 등이 있다. 이 시대의 활자 발전 이야기는 비교적 기록으로 잘 남아 있는 편이다. [9] 흔히 고딕체라고 불리는 형태를 말한다. 이것도 상표의 보통명사화 범주에 들 수 있겠다. 한글 글꼴 중 산스 세리프중 가장 유명한 게 이거라서... [10] 간혹 그냥 굵게를 지정해 줘도 폰트 파일 안에 들어있는 Bold를 찾아서 적용해 주는 경우도 있다.