2013.04.25

“인상적인 메시지 전달을 위한” 타이포그래피의 이해와 피해야 할 실수들

Lesa Snider | Macworld
텍스트는 놀라울 정도로 강력하다. 명함을 만들 때건 중고 물품 판매 공고에서건 텍스트로 메시지를 전달한다. 메시지의 형태는 사람들이 그 메시지를 보는 방식에 영향을 미친다. 메시지가 시각적으로 즐거우면, 그에 대한 반응도 긍정적이지만, 텍스트가 읽기 어렵다면, 그에 대한 불편한 반응도 바로 전달자인 당신에게 그대로 돌아온다. 여기 우리는 일상적인 타이포그래피의 기본, 눈으로 보기 편한 글꼴 짝짓기, 다양한 소프트웨어에서 작동하는 실용적인 서식설정 팁, 피해야 할 흔한 실수들에 대해 다룰 것이다.

타이포그래피의 기본
서식설정으로 들어가기에 앞서, 용어부터 정리해보자. 포인트 사이즈(Point size)는 실제 텍스트 크기를 말한다. X-하이트(x-height)는 글자의 주 사이즈를 말하고, f나 h에서와 같이 x-하이트 위로 뻗는 부분은 아센더(ascenders)라고 하고, g나 y처럼 x-하이트 밑으로 뻗는 부분은 디센더(descenders)라고 한다. 평균 리니어 베이스라인(mean lineor baseline)은 텍스트가 위치하는 가상의 선을 말한다.

이 그림에서 텍스트의 각기다른 요소를 확인할 수 있다.


글꼴 집합(font family)는 글자 디자인을 말하고, 글꼴 스타일(font style)은 그 같은 디자인의 변형을 말하는데, 표준, 가늘게, 굵게, 이탤릭체 등등이 있다.

글꼴 역시 작은 발처럼 각 글자의 주요 획에서 뻗어져 나오는 선들을 가진 세리프(serif); 그리고 그런 뻗침이 없는 산세리프(sans serif) 글꼴 같은 카테고리들로 나온다. 다른 카테고리들로는 세리프와 비슷하지만 두꺼운 형태인 슬랍세리프(slab serif)와 화려한 모양을 가지진 데코레티브(decorative), 그리고 아주 두꺼운 형태의 디스플레이(display), 필기체처럼 보이는 스크립트(scripts) 글꼴이 있다.

대부분 프로그램의 분리 메뉴에서 글꼴 집합과 스타일을 찾을 수 있다.
(하지만 마이크로소프트 워드는 이를 단일 계층 메뉴 안으로 몰아넣어 두었다.)


트래킹(tracking)은 글자 사이에 균일한 공간을 차지함을 말한다. 이는 텍스트를 작은 공간에 들어가도록 할 때 편리한데, 디자인을 향상시키기 위해 다양한 양의 트래킹을 활용할 수 있다.

옆의 예를 보면, 컨퍼런스(conference)라는 단어는 디지털(digital)속의 i에서부터 카메라(camera)의 마지막 a까지 “트랙 아웃(track out)”되어있다. 공간의 큰 부분이 균일하고 명백히 의도적이기 때문에, 이는 디자인 요소가 된다 (그리고 이 방법은 대문자 텍스트를 보기 좋게 만드는 몇 가지 방법들 중 하나다-여분의 공간으로 인해 전체가 덜 답답해 보인다). 애플 페이지(Apple Pages)와 키노트(Keynote) 모두에서 트래킹은 캐릭터 스페이싱(character spacing)이라고 불린다.

리딩(Leading)은 텍스트 줄 사이의 공간의 양을 제어한다. 공간을 만들기 위해 리턴 키를 더 누른 적이 있거나 디자이너들이 어떻게 텍스트 줄을 한데 밀어 넣는지 궁금했었다면, 바로 리딩 때문이다. 페이지(Pages)와 키노트(Keynote) 모두에서 리딩은 라인 스페이싱(line spacing)이라고 불린다.

페이지나 키노트에서 리딩을 조정하려면, 우선 커맨드(Command)-옵션(Option)-I를 함께 눌러 검사기(Inspector) 창을 열고, 그 다음 까만 T 버튼을 클릭해야 한다. 커서를 조정하고픈 문단 내에 위치시키고 라인 스페이싱 슬라이더를 왼쪽으로 밀어 리딩을 줄이거나, 오른쪽으로 밀어 리딩을 늘릴 수 있다. 또한 문단 이전(Before paragraph)와 문단 이후(After Paragraph) 슬라이더를 사용하여 정확히 리턴키 이전과 이후의 공간을 설정할 수 있다.

어도비 포토샵 엘레멘트(Adobe Photoshop Elements)를 사용해도 리딩을 조절할 수 있다. 바꾸고 싶은 텍스트 줄을 하이라이트하고 유형(Type) 툴을 활성화시키고 포인트 사이즈를 엘레멘트 11안의 화면 아래쪽에 위치한 툴 옵션(Toop Option) 영역내 리딩 팝업 메뉴에서 선택하라.



2013.04.25

“인상적인 메시지 전달을 위한” 타이포그래피의 이해와 피해야 할 실수들

Lesa Snider | Macworld
텍스트는 놀라울 정도로 강력하다. 명함을 만들 때건 중고 물품 판매 공고에서건 텍스트로 메시지를 전달한다. 메시지의 형태는 사람들이 그 메시지를 보는 방식에 영향을 미친다. 메시지가 시각적으로 즐거우면, 그에 대한 반응도 긍정적이지만, 텍스트가 읽기 어렵다면, 그에 대한 불편한 반응도 바로 전달자인 당신에게 그대로 돌아온다. 여기 우리는 일상적인 타이포그래피의 기본, 눈으로 보기 편한 글꼴 짝짓기, 다양한 소프트웨어에서 작동하는 실용적인 서식설정 팁, 피해야 할 흔한 실수들에 대해 다룰 것이다.

타이포그래피의 기본
서식설정으로 들어가기에 앞서, 용어부터 정리해보자. 포인트 사이즈(Point size)는 실제 텍스트 크기를 말한다. X-하이트(x-height)는 글자의 주 사이즈를 말하고, f나 h에서와 같이 x-하이트 위로 뻗는 부분은 아센더(ascenders)라고 하고, g나 y처럼 x-하이트 밑으로 뻗는 부분은 디센더(descenders)라고 한다. 평균 리니어 베이스라인(mean lineor baseline)은 텍스트가 위치하는 가상의 선을 말한다.

이 그림에서 텍스트의 각기다른 요소를 확인할 수 있다.


글꼴 집합(font family)는 글자 디자인을 말하고, 글꼴 스타일(font style)은 그 같은 디자인의 변형을 말하는데, 표준, 가늘게, 굵게, 이탤릭체 등등이 있다.

글꼴 역시 작은 발처럼 각 글자의 주요 획에서 뻗어져 나오는 선들을 가진 세리프(serif); 그리고 그런 뻗침이 없는 산세리프(sans serif) 글꼴 같은 카테고리들로 나온다. 다른 카테고리들로는 세리프와 비슷하지만 두꺼운 형태인 슬랍세리프(slab serif)와 화려한 모양을 가지진 데코레티브(decorative), 그리고 아주 두꺼운 형태의 디스플레이(display), 필기체처럼 보이는 스크립트(scripts) 글꼴이 있다.

대부분 프로그램의 분리 메뉴에서 글꼴 집합과 스타일을 찾을 수 있다.
(하지만 마이크로소프트 워드는 이를 단일 계층 메뉴 안으로 몰아넣어 두었다.)


트래킹(tracking)은 글자 사이에 균일한 공간을 차지함을 말한다. 이는 텍스트를 작은 공간에 들어가도록 할 때 편리한데, 디자인을 향상시키기 위해 다양한 양의 트래킹을 활용할 수 있다.

옆의 예를 보면, 컨퍼런스(conference)라는 단어는 디지털(digital)속의 i에서부터 카메라(camera)의 마지막 a까지 “트랙 아웃(track out)”되어있다. 공간의 큰 부분이 균일하고 명백히 의도적이기 때문에, 이는 디자인 요소가 된다 (그리고 이 방법은 대문자 텍스트를 보기 좋게 만드는 몇 가지 방법들 중 하나다-여분의 공간으로 인해 전체가 덜 답답해 보인다). 애플 페이지(Apple Pages)와 키노트(Keynote) 모두에서 트래킹은 캐릭터 스페이싱(character spacing)이라고 불린다.

리딩(Leading)은 텍스트 줄 사이의 공간의 양을 제어한다. 공간을 만들기 위해 리턴 키를 더 누른 적이 있거나 디자이너들이 어떻게 텍스트 줄을 한데 밀어 넣는지 궁금했었다면, 바로 리딩 때문이다. 페이지(Pages)와 키노트(Keynote) 모두에서 리딩은 라인 스페이싱(line spacing)이라고 불린다.

페이지나 키노트에서 리딩을 조정하려면, 우선 커맨드(Command)-옵션(Option)-I를 함께 눌러 검사기(Inspector) 창을 열고, 그 다음 까만 T 버튼을 클릭해야 한다. 커서를 조정하고픈 문단 내에 위치시키고 라인 스페이싱 슬라이더를 왼쪽으로 밀어 리딩을 줄이거나, 오른쪽으로 밀어 리딩을 늘릴 수 있다. 또한 문단 이전(Before paragraph)와 문단 이후(After Paragraph) 슬라이더를 사용하여 정확히 리턴키 이전과 이후의 공간을 설정할 수 있다.

어도비 포토샵 엘레멘트(Adobe Photoshop Elements)를 사용해도 리딩을 조절할 수 있다. 바꾸고 싶은 텍스트 줄을 하이라이트하고 유형(Type) 툴을 활성화시키고 포인트 사이즈를 엘레멘트 11안의 화면 아래쪽에 위치한 툴 옵션(Toop Option) 영역내 리딩 팝업 메뉴에서 선택하라.



X