지난 5월, ‘타이포그래피/디지털 환경’을 주제로 스물 두 번째 가 진행되었다. 안병국 대표와 모은영 교수, 금윤정 이사가 강연자로 참여한 이번 컨퍼런스는 급속하게 변화하는 디지털 환경의 격류 속에 있는 타이포그래퍼와 디자이너라면 어떤 감각과 지식을 갖춰야 하고 어떻게 미래를 준비해야 하는지, 그들의 다양한 사례와 경험, 실험을 공유하는 자리였다.
첫 번째 강연자로 연단에 오른 안병국 비주얼스토리(www.visualstory.co.kr) 대표는 디지털 매체를 통해 전달되는 디자인에서 고객과의 감성 소통을 위한 타이포그래피 구현 방법에 대한 이야기를 풀어냈다. 디지털 기술과 기기가 발전할수록 소비자를 감동하게 만들 수 있는 요소는 디지털 속 아날로그 감성이라는 이야기였다. 모든 디자인 방법과 과정, 결과물이 기계적으로 변화하다 보니 사람들의 향수를 자극하고 감성을 채워주는 디자인과 타이포그래피가 더욱 효과적으로 전달될 수 있다는 것이다.
"편하게 서체를 선택하고 정형적으로 디자인 하는 이들은 디자이너라기 보다는 에디터에 가깝습니다. 디자인 요소와 메시지를 재해석해 표현할 수 있는 디자이너가 되어야 합니다. 소비자들의 어떤 감성을 자극해야 하는지 고민한 결과를 작업 중인 프로젝트에 반영해야 하죠. 감성이 덧입혔을 때 보다 효과적인 메시지 전달이 가능합니다. 형식적으로 적은 ‘사랑한다’는 글자는 정보 전달을 위한 것에 불과하지만, 감성을 보태면 진심이 담긴 ‘사랑’을 전할 수 있습니다. 그 지점에서 정보의 차이가 발생합니다."
안병국 대표는 글자의 표정, 질감과 촉감, 청각적인 효과, 의미에 따른 형태의 변화 등으로 감성적인 타이포그래피가 가능하다고 설명했다. 그는 ‘공존’이라는 단어를 예로 들어 설명하며, 고딕체로 쓴 ‘공’과 ‘존’을 굴림이 들어간 서체로 바꾸고 떨어져 있던 두 음절을 붙여 ‘공존’이라는 단어가 내포한 의미를 글자의 표정으로 표현할 수 있다고 강조했다. 더 나아가 두 음절에 공통으로 들어간 ‘ㅗ’라는 모음을 마치 서로 손을 맞잡고 있는 형태로 변형해 이야기를 입히고 감성을 보탤 수 있다고 덧붙였다.
디자인 컨셉과 주제를 잘 보여주는 타이포그래피 사례
"가발 업체 지면 광고의 ‘나쁜 남자’ 카피와 비보이 공연 <쿵> 포스터를 살펴보면 전자는 ‘쁜’ 글자에 인상을 쓰고 있는 사람 눈을 대입하고, 후자 <쿵> 포스터에서는 ‘쿵’이라는 글자가 갖는 청각적 형상을 시각화했습니다. 아래 화장품 광고에서는 유리창에 립스틱으로 써내려 간 질감의 손글씨 효과를 보여주며 따듯하고 사랑스러운 감성을 전하고 있습니다. 위 사례들의 공통점은 디자이너라면 누구나 알고, 누구나 적용 가능한 표현 기법이라는 점입니다. 문제는 과연 자신의 작업에 이런 아이디어와 표현 방법을 효과적으로 적용했느냐 하지 않았느냐는 점이겠죠."
이 외에도 안병국 대표는 창의적인 타이포그래피를 위한 몇 가지 방법을 제시했다. 엄청난 미술 기법이나 디자인 기술은 아니지만, 누군가 만들어 놓은 서체를 그대로 쓰거나 응용하는 방법 외에 보다 더 재미있는 디자인을 위한 몇 가지 방법들이다. 그는 검정 테이프로 글자를 만들거나, 만드는 사람마다 모두 다른 결과물을 도출하는 전각을 활용하거나, 스텐실 기법을 쓰거나, 종이와 먹을 이용하는 등 다양한 방법을 소개하며, 컴퓨터를 벗어나 감성을 전달할 수 있는 여러 시도를 해볼 것을 당부했다.
디지털 환경에 적응하는 타이포그래피
현재 국립군산대학교 외래교수로 출강하며 한국캘리그래피디자인협회 사무국장 직을 맡고 있는 모은영 교수가 연단에 올랐다. 두 번째 강연은 디지털 환경에 따라 많은 변화와 발전을 거듭해 온 타이포그래피 재료인 ‘타입’을 기반으로 ‘디지털 환경에 적응하는 타이포그래피’에 대한 내용으로 진행되었다. 타입의 변천사와 최근 클라우드 폰트 서비스에 대해 알아보고 미래의 폰트 사용 방법과 그에 따른 타이포그래피와 디자인의 변화를 짐작해보는 시간이었다.
"멋진 타이포그래피 작업을 하고 싶어도 기술적인 한계에 부딪힐 때가 있죠. 재료가 좋아도 그 재료를 정확히 파악하고 있지 않으면 제대로 다루지 못하고 있는 것과 같습니다. 그렇기 때문에 타이포그래피의 가장 중요한 재료인 폰트, 글자, 문자가 어떻게 발전해 왔고 변화해 왔는지 파악하는 일은 굉장히 중요합니다. 목판 금속활자에서부터 비트맵, 아웃라인 폰트, OTF, TTF, 멀티글립, 힌팅 등 최근에 사용하고 있는 디지털 폰트의 종류와 특징을 파악하고 있다면 앞으로 전개될 변화를 이해하고 적응하는데 도움이 될 수 있겠죠."
식자기 > DTP > 전자북
인쇄 시대 > 웹 시대 > 모바일 시대
인쇄용 활자 > 스크린용 폰트
타입디자이너, 타이포그래퍼 > 웹 디자이너
올드미디어에서 뉴미디어로, 기능적인 디자인에서 감성적인 디자인으로 판이 바뀌고 있다. 누군가는 아이폰의 등장 이전과 등장 이후로 구분된다고 이야기한다. 모은영 교수는 폰트디자인의 변화도 그와 비슷하다고 말한다. 헬베티카가 오랜 시간 최고의 서체로 인정받아왔다면 최근에는 백종열체나 나눔손글씨와 같이 손으로 직접 쓴 느낌의 오픈형 타입 디자인이 관심을 받고 있다는 것이다. 그는 웹디자인 분야에서도 휴대형 디지털 기기가 급속도로 보급되면서 변화를 보이고 있다고 설명하며, 모바일 페이지로 포맷을 잡고 웹사이트를 만드는 경우가 늘었고, 폰트 또한 인쇄용 폰트에서 스크린 폰트로 넘어가고 있다고 덧붙였다.
미디어쿼리(http://mediaqueri.es)와 현대자동차 기업문화홍보 사이트(http://pr.hyundai.com)
현대자동차의 기업문화홍보 사이트는 브라우저마다 보여주는 레이아웃이 달라진다. 데스크탑, 스마트폰, 태블릿PC에서 각각 다른 레이아웃을 구현할 수 있는 반응형 웹 디자인 개념을 적용했기 때문이다. 이를 위해 클라우드 폰트 서비스를 사용하고 있다.
"이 같은 변화 중에 주목해야 할 부분이 '웹폰트' 혹은 '클라우드폰트'(web font, cloud font, live font 등 약간의 의미 차이는 있지만 다양하게 불리고 있다)입니다. 클라우드 폰트 서비스는 인터넷을 통해 글꼴을 전달하고 웹브라우저에 표현해주는 서비스를 말합니다. 많은 폰트를 담아두기 어려운 스마트폰이나 태블릿PC에서 그 효과는 배가 되겠죠. 장점은 다양한 글꼴의 아름다움을 그대로 보여주고, 웹사이트를 매력적이고 효율적으로 제작 가능하다는 점입니다. 텍스트 기반으로 디자인 할 수 있어 웹 전근성은 물론 검색에 의한 노출에도 효과적이죠. 복사와 프린트, 크기 변형 등도 자유롭습니다."
타입스퀘어, 모바일폰트폰트, 타입킷, 모빌리스
클라우드 폰트는 어도비가 인수한 타입킷(www.typekit.com), 주로 앱디자인용 폰트를 서비스하는 모바일폰트폰트(www.mobilefontfonts.com), 개인 또는 비영리조직에 한해 자유롭게 이용 가능한 모빌리스 웹폰트(api.mobilis.co.kr/webfonts) 등에서 서비스 중이다. 가장 최근에는 일본의 대형 서체 회사 모리사와(http://www.morisawa.co.jp)에서도 지난 2월부터 타입스퀘어 서비스(http://typesquare.com)를 통해 클라우드 폰트 서비스를 본격적으로 시작했다. 이와 함께 웹 폰트를 기반으로 디자인된 반응형 웹 사이트도 개발도 늘고 있는 상황이다.
"머지 않아 기존 인쇄용 폰트를 그대로 스크린에서 사용할 수 있지 않을까 전망해봅니다. 물론, 저작권 문제도 간과해서는 안 되겠죠. 트루타입 폰트를 구입했다 하더라도 웹폰트로 사용하게 되면 불법이 됩니다. 최근에 기업전용서체로 만들어 무료로 배포하고 있는 폰트들도 웹폰트로 사용할 수 없습니다. 무료폰트는 폰트를 변형하거나 포맷을 바꿔 사용하지 말 것을 단서로 명시해 놓았기 때문이죠. 국내 대형 폰트 회사들도 관련 서비스를 준비 중인 것으로 알고 있는데요. 디자이너들은 이처럼 클라우드 폰트와 반응형 디자인의 발전 추이를 감지하며 온라인 사용자에게 감동을 줄 수 있는 효과적인 커뮤니케이션 기술과 방법에 관심을 가져야 하겠죠."
플렉서블 타이포그래피
금윤정 바이널 크리에이티브그룹(http://i.vi-nyl.com) 이사는 지난 20년간 디자이너로 활동해오며 생각하고 고민해온 키워드를 공유하고, 각종 디지털 기기의 다양한 해상도에 따라 타이포그래피가 얼마나 유기체처럼 유연하게 적용될 수 있는지 살펴보는 시간을 가졌다. 특히, 실무에서 적용 가능한 새로운 디자인 프로세스에 대한 제안은 디자이너들의 귀를 솔깃하게 만들기도 했다. 그는 ‘거목을 넘어지게 하는 것은 천하를 호령하는 벼락이 아니라, 나무 속에 사는 조그만 딱정벌레라는 사실을 명심해야 한다’는 송길원의 <비움과 채움: '어포스트로피'가 생각을 바꾸다>에서 한 구절을 낭독하며 이야기를 시작했다.
"위 구절은 결국 작은 이유로 무너질 수 있으니, 너무 큰 것들에 욕심내지 말자는 의미로 해석됩니다. 저는 기본이 중요하다는 의미로 이해하고 있습니다. 지금까지 20년간 디자인 분야에 몸 담고 파란만장하게 디자인 작업을 해오면서 항상 저변에 깔려있던 건 ‘기본(basic)’에 대한 갈증이었습니다. 상황에 따라 기본을 지키지 못하게 되면 많이 괴로워하기도 했죠. 디자이너라면 감각적인 레이아웃, 심미적인 타이포그래피, 세상에 없던 독창성을 보여주기 위해 노력하게 됩니다. 물론 다 좋습니다. 문제는 이런 것들이 어떤 바탕 위에서 이뤄지고 있느냐가 중요하겠죠. 기본이 없다면 껍데기에 불과합니다. 다시 기본을 중시하는 시기가 돌아왔다고 생각합니다."
금윤정 이사는 준비해온 키워드 중 가장 먼저 ‘기본’을 언급했다. 그는 지금까지의 디자인 프로세스가 잘못되진 않았는지 반문했다. 많은 디자이너들이 감각적이고 스타일이 살아있는 디자인 작업을 욕심 내면서 정작 ‘디자인은 텍스트와 이미지만으로 정보를 설계하고 사용자와 교감한다’는 명제를 뒤흔들진 않았는지 반성해볼 필요가 있다는 것이다. 그는 기본에 충실한 외국 웹 디자인 사례를 제시하며, 가장 중요한 부분은 텍스트와 타이포그래피 위주로 디자인 체계를 잡고 그 다음에 컨셉을 집어 넣는 방식이 정석인데, 먼저 컨셉을 만들고 정보를 그 틀 안에 끼워 넣는 방식으로 진행되는 주객이 전도된 디자인 프로세스의 오류를 지적했다.
최근에 서비스를 시작한 핀터레스트와 오래 전에 디자인되어 크게 변화를 주지 않는 플리커 모두 심플하게 디자인 되었지만 서비스를 활성화하는 데에는 문제가 없다. 처음부터 치밀하게 디자인되었기 때문에 이미지와 텍스트를 공유한다는 기본적인 서비스 목적성을 잘 보여주고 있다. 최근 버튼은 버튼답게, 링크는 링크답게 보여주려는 트렌드가 형성되었다. 기본에 충실하고 정확하게 보여주려는 노력들이다.
빛의 색을 모두 섞으면 백이 되고, 물감의 색을 모두 제거하면 역시 백이 된다. 백은 모든 색의 종합이며, 모든 색의 부재이다. 그러나 이 공백은 '무(無)'나 '에너지의 부재'가 아니다. 오히려 미래에 충실한 내용이 가득차야 할 '징조의 가능성'으로서 제시되는 경우가 많고, 이러한 백의 운용은 커뮤니케이션에서 강한 힘을 낳는다. - 하라 켄야
"저 또한 기본을 망각하고 식상하다는 이유로 여러 시도를 해왔습니다. 하지만 그렇게 해서는 안됩니다. 기본을 지키면서도 얼마든지 새롭고 독창적인 디자인이 가능하기 때문이죠. 정석대로 디자인하고 룰을 모두 지키면서도 차별화되고 독창적인 디자인은 얼마든지 나올 수 있습니다. 기본을 지키면서 세심한 부분의 완성도를 높이고 사용자와 교감할 수 있는 방법에 신경을 써야 합니다. 하라켄야가 말한 '백(白)'의 의미와도 통합니다. 기본이 가장 중심이 되고 그 위에 강조하고자 하는 포인트를 올려 변화에 대한 가능성을 담아야 하는 것이죠. 그러기 위해서는 심플한 그릇이 아니면 어렵습니다. 필요 이상 디자인하는 건 가능성과 강조점을 잡지 못하고 헤매는 것과 같습니다."
Simple + Accent, Change
금윤정 이사의 키워드는 기대(expectation), 반응(respond), 과정(process)에 대한 이야기로 이어졌다. 디자인하기 전에 사용자 설문조사나 리서치 단계를 거치지만 중요한 건 단순히 사용자들의 기대와 필요를 파악하는 게 아니라 ‘통찰(insight)’을 통해 그들의 요구 이상을 발견해야 한다는 말로 ‘기대’를 설명했다. 유저에게 의지하지 않는 것이 중요한 포인트이고, 인사이트를 발견해 현실화하는 노력이 필요하다는 것이다. 또한, 디지털 미디어 인터렉티브 디자인의 여타 디자인과 다른 중요한 점은 누군가의 철저히 계획된 디자인이 환경과 의도에 즉각적으로 반응하여 사용 경험을 극대화할 수 있다고 설명하며 최근 주목 받고 있는 ‘반응형 웹’, ‘플렉서블 레이아웃’을 언급했다.
"플렉서블 레이아웃(flexible layout)을 오해하고 있는 디자이너가 있는데, 이는 하나의 소스를 테스크톱, 스마트폰, 태블릿PC, 텔레비전, 게임 등에 모두 사용하겠다는 욕심이 아닙니다. ?다양한 화면 크기의 기기가 있기 때문에 현실적으로 원-소스만으로 해결하긴 어렵죠. 해당 기기의 UI에 최적화해 개발하는 것이 정석이라고 말하지만, 수십, 수백 개의 각기 다른 환경에 맞춰 디자인해야 한다는 건 불가능하기 때문입니다. 중요한 건 보여질 때의 플렉서블(flexible)입니다. 정해진 크기로 디자인하지 말고 퍼센트 기반으로 접근하고 그 안에서 법칙을 발견해야 합니다. 화면이 커지거나 작아져도 그 크기 안에서 정보전달이 효과적으로 잘 되도록 디자인 가이드를 만들어야 수많은 화면 사이즈에 대응 가능한 디자인 설계가 가능하기 때문입니다."
현대자동차 기업문화홍보 사이트(http://pr.hyundai.com)는 95퍼센트 이상 라이브폰트(live font) 혹은 웹폰트(web font)를 사용하고 있다. 이미지로 만든 타이포그래피를 지양하기 때문에 다양한 화면 크기의 기기에서 글자들이 또렷하게 보인다. 리움(www.leeum.org) 또한 플렉서블 레이아웃을 적용한 사례다
천재가 아닌 이상 밤샘, 야근을 하지 않고도 최고의 결과를 얻는 유일한 방법은 디자인 거의 전 과정을 자동화하고 남는 시간을 전부 크리에이티브에 투자하는 것이다. 하지만 현실은 그렇지 않다. 불필요한 반복 작업에 많은 시간을 빼앗긴다. 금윤정 이사는 '디자인 중력'이 그래픽을 중심으로 모션, 레이아웃 등을 중시한 프로모션 인터페이스에서 점차 그래픽은 축소되고 서비스 인터페이스에 치중하면서 레이아웃과 타이포그래피를 강조하는 쪽으로 이동하고 있다고 강조했다. 컨셉에 맞춰 인터페이스를 만들고 그 안에 정보를 끼워 넣지 않고 실제로 서비스하는 요소를 중심으로 디자인하는 방향으로 흐름이 바뀌었다는 것이다.
"약간의 이미지와 대부분의 텍스트로 구성해 실제 신문처럼 보여주고 있는 뉴욕타임즈(www.nytimes.com)와 가디언(www.guardian.co.uk) 등의 사이트를 비롯해 네이버 뉴스 서비스, 카카오톡, 메일, 페이스북, 블로그 등의 공통점은 95퍼센트 이상 텍스트를 전달하고 소비하기 위한 인터페이스라는 점입니다. 결국 중요한 건 텍스트를 어떻게, 어디에 배치하고 어느 정도 강약을 조절할지 레이아웃을 고민하면서 타이포그래피 시스템을 만들어가는 과정인 것이죠. 그렇기 때문에 기존에 포토샵(Adobe Photoshop)을 이용한 디자인 프로세스는 한계가 있다고 있습니다. 모바일 기기를 선두로 PPI가 계속 높아져가고 있고 수년 안에 고해상도의 모니터가 출시되면서 자유로운 폰트 사용이 가능해지리라 예상되는데, 라이브폰트나 웹폰트를 보다 적극적으로 사용하게 될 경우 몇 백 페이지에서 몇 천 페이지에 달하는 웹 사이트를 디자인하기 위해 포토샵만을 고집해서는 뒤쳐질 수 있습니다. 그래픽이 아닌 레이아웃과 타이포그래피 위주의 디자인에는 적합한 툴이 아니기 때문이죠."
그는 새로운 대안으로 파이어웍스(Adobe Fireworks)와 인디자인(Adobe InDesign)을 제안했다. 그래픽 디자인에 특화된 포토샵과는 달리 파이어웍스와 인디자인을 활용하게 되면 페이지 레이아웃과 타이포그래피를 기반으로 한 효율적인 화면 설계와 디자인 작업이 가능하다는 것이다. 두 툴 모두 포토샵과 100퍼센트 가까이 호환되기 때문에 오가며 부족한 부분을 보완할 수 있다는 장점도 있다. 특히, 인디자인은 출판 쪽 편집디자이너의 전유물로 인식하고 있지만, 최근 CS6 버전의 기능을 살펴보면 그래픽디자이너와 웹디자이너 등 디지털 미디어 디자인 영역으로 확장해 앞서 언급한 플렉서블 레이아웃과 타이포그래피 등 디지털 디자인에 적합한 기능이 추가되기도 했다.
금윤정 이사는 '문제는 습관'이라고 강조하며, 바이널 내부에서 직접 테스트해본 결과 타이포그래피와 레이아웃이 중심이 되는 디지털 미디어 디자인에서 좋은 기능을 제공하는 애플리케이션 사용만으로도 30% 이상 생산성을 높일 수 있었다고 밝혔다. 그는 높은 생산성으로 획득한 시간과 에너지를 더욱 고도화된 기획과 화면 설계에 할애하고, 그래픽 퀄리티를 높이는 데 투여하는 것이 바람직하다고 지적하며 강연을 마무리했다.
"어려워하지 마세요. 그 동안의 습관이 가장 큰 문제지만 버리는 것이 아닌 새로운 것을 취하는 방식으로 천천히 습득하면 됩니다. 디자이너는 작업 효율을 향상시키고 그렇게 절약한 시간으로 초기 기획과 설계를 주도해서 좋은 아이디어를 실현시킬 수 있도록 해야 합니다. 새로운 디지털 미디어 디자인에 대한 체계를 잡고 프로세스를 정립해야 우리는 5~10년간 안정된 툴을 쓸 수 있습니다. 그건 우리 디자이너의 권리입니다. 여러분과 함께 그런 프로세스를 만들고 싶다는 이야기를 하고 싶었습니다."
KMUG소개
::: 
글수 
댓글 : 
