iA의 올리버 레이첸스타인Oliver Reichenstein이 온라인 타이포그래피에 관한 그만의 열 가지 노하우를 쏟아냈다.

올리버 레이첸스타인은 도쿄의 정보디자인 에이전시인 iA의 창립자다. iA는 웹 트렌드 맵Web Trend Map으로유명하며 iA 노트북iA Notebook이라는 정보디자인 블로그로 인기를 끌고 있다.

http://informationarchitects.jp

01 릴렉~스
화면과 일단 적당한 거리를 둔다. 많은 디자인 에러가 너무 화면 가까이에 앉음으로 발생한다. 좋은 타이포그래피란 적당한 거리에서 부드러운 흐름성을 가지고 있는 법이다. 또 보통 사람들은 디자이너들보다 화면과 더 떨어져서 앉아있다는 사실을 기억하라. 즉 폰트가 약간은 더 커야한다는 뜻이다.

02 포토샵은 잠깐 제쳐두라
쉽게 지우고 다시 쓸 수 있는 보드나 이면지 같은 것에서 작업을 시작하라. 그리고 파이어웍스나 일러스트레이터같은 벡터 프로그램으로 재빨리 스케치 작업을 한다. 기초 그리드를 완성시키고 나면 CSS나 HTML을 사용한다.

03 딱 맞는 단 크기를 찾아라
그리드를 만든다는 것은 그리 쉬운 작업이 아니다. 단 크기 설명만으로도 사실 난 몇 장이나 글을 쓸 수 있을 정도다. 일단 상업 사이트를 만든다면 수직 단은 광고의 규격사이즈에 맞추어야 한다는 것을 기억하라. 물론 이 또한 복잡한 작업이지만 진정한 크리에이티브란 문제해결이지 이상적인 세상을 만드는 것이 아님을 명심하자.

04 타입페이스를 정확히 인지하라
일단 선택할 수 있는 타입페이스의 범위는 상당히 좁다. 더 솔직히 말하면 우린 아직도 버다나Verdana, 애리얼Arial, 조지아Georgia, 타임즈Times에서 크게 벗어나지 못하고 있다. 종이에서의 타이포그래피는 엄청난 디테일을 요하기 때문에 오히려 더 다양한 옵션이 있을 수 있지만 웹에서는 어떤 폰트를 고르느냐보다 주어진 폰트를 어떻게 사용하느냐가 더 관건이다. 다른 크기의 타입페이스가 다양한 브라우저와 플팻폼에서 어떻게 나타나는지 인지하는 것도 도움이 된다.

05 폰트 사이즈는 철저하게
크기가 중요하다. 대부분의 웹 디자이너들은 아직도 타이포그래피의 기본 규칙인 가독성보다는 아름다움에 더 치중하고 있다. 규칙은 지키라고 있는 법이다. 텍스트에는 1em이나 100% 폰트 사이즈를 사용하라. 단 꼭 텍스트를 읽지 않아도 되는 페이지에서는 이보다 더 작아도 상관없다.

06 대비효과
흰 바탕에 검은 폰트는 대비가 너무 뚜렷하다고 말하는 사람이 있다. 그래서 글자가 더 작아보이게 한다는 것이다. 하지만 가장 큰 문제는 흰 바탕에 검은 글자가 아니다. 회색 바탕에 회색글자, 빨간 바탕에 노란 글자가 더 큰 문제다. 가장 나이 많으신 할아버지, 할머니를 염두에 두고 배경색과 폰트색의 대비를 주는 습관을 들여라. 경험이 풍부한 디자이너일수록 대비에 민감하며 보통 사람들의 시각을 잘못 판단할 가능성이 높다.

07 폰트 색을 가지고 과도하게 실험하지 말라
폰트 색과 링크가 걸린 부분의 언더라인 색을 일관성있게 유지하라. 한 번 클릭된 링크는 색깔이 확 바뀌어야 한다. 이것은 취향의 문제가 아니라 웹 사용에 있어서 꼭 지켜져야 할 규칙이다.

08 흰 공간을 남겨두라
공간이 충분히 없다면 선과 박스를 사용해라. 하지만 다른 경우엔 쓰지 않는 편이 좋다. 흰색 공간을 웹사이트를 관통해 흐르고 있는 물이라고 생각하라. 혹시 이 물이 암석이나 동굴에 걸려 흐르지 못하고 있다면 레이아웃을 다시 한 번 고려해보라. 그래서 물이 깔끔하게 흐를 수 있도록 하는 것이 중요하다.

09 베이스라인 그리드를 사용하라
최근에 베이스라인 그리드가 웹디자인 세계에 널리 쓰이고 있다. 베이스라인 그리드 또한 다수의 실험과 착오를 거쳐야 마스터할 수 있는 것이다. 하지만 짧게 말해 다음과 같이 말할 수 있다. 바로 폰트 크기와 줄 높이line-height를 퍼즐처럼 맞추는 것. 기억해야 할 것은, 화면에 나오는 폰트가 흐릿하기 때문에, 줄높이가 인쇄용보다 조금 높아야 한다는 것이다. 적당한 평균 값은 140퍼센트 정도이다.

10 그리드를 만들고, 그리드에서 벗어나라
훌륭한 매크로 타이포그래피 레이아웃을 만드는 것은 훌륭한 로고를 만드는 것과 같다. 너무 논리적인 접근법으로 그리드를 만들지 말라. 그리드에 김이 빠질 것이다. 어떤 곳에서는 그리드를 과감히 탈피해야 할 필요도 있다.

** 영문 타입을 중심으로 작성된 내용입니다.