직지소프트

직지폰트

[크리에이터를 만나다] 웹, 그래픽, 폰트를 아우르는 다재다능 ‘빠른손 스튜디오’ 김도현 디자이너

2022.1.28.

[크리에이터를 만나다]는 다양한 분야에서 활발하게 활동 중인 직지멤버십 회원의 브랜드 철학과 디자인에 대해서 이야기하고 소개합니다.

"인쇄 매체 디자인에서의 컨디션처럼 디지털 매체 안에서의 컨디션을 인지하고

둘을 섞어서 재매개(remediation)하여 하나의 작업 방식으로도 활용할 수 있다는 점에서

웹 언어와 디지털 매체에서 배포되는 현상을 이해하는 것이 중요하다고 생각합니다."

그래픽 디자이너이자 웹 퍼블리셔로 잘 알려진 ‘빠른손 스튜디오’ 김도현 디자이너의 흥미로운 폰트 작업에 초점을 맞춰서 이야기를 나누었습니다.

스튜디오 빠른손 로고

안녕하세요, 스튜디오 빠른손의 간단한 소개 부탁드립니다.

안녕하세요, 그래픽 디자인과 프론트엔드 개발 스튜디오인 ‘빠른손’을 운영하고 있는 김도현입니다. 2018년부터 시작하여 ‘빠른손’이란 이름으로 활동하기 시작한 것은 2019년부터입니다. 아이덴티티 디자인과 책 디자인부터 웹사이트 디자인 웹 개발, 인스타그램 탬플릿까지 인쇄 매체와 디지털 매체로 배포되는 모든 작업을 진행하고 있습니다.

'Oblique Font'

'PIT(Pixel-Image-Typeface)'

'Scrollable Typeface'

인스타그램에서 ‘Oblique Font’, ‘PIT(Pixel-Image-Typeface)’, ’Scrollable Typeface’를 찾을 수 있었습니다. 단순히 흑과 백의 글자 디자인을 넘어서서 사용자와의 인터랙션까지 고려한 점이 놀라웠는데요, 그 중 몇 가지를 소개해 주세요.

⟨Oblique Fonts⟩는 학부 졸업 전시에 선보였던 작품으로, 창작자라면 모두 공감할 순간인 ‘작업이 하기 싫거나 하고 싶어도 잘 풀리지 않을 때’를 담아낸 폰트입니다. 책상에 앉아 주제를 풀어갈 방법을 적고 있지만 잘 진행되지 않을 때, 턱을 괴고 몸이 점점 기울어지며 적고 있는 글자도 점점 기울어지고 심지어 나중에는 알아보기 어려울 정도의 글자가 적혀 있기도 합니다. 이를 서체에 적용하여 대문자와 소문자 라틴 알파벳, 특수 문자들 모두 12세트로 기울어지게 만든 후, 글자를 적으면 기울어지도록 프로그래밍을 했습니다. 스페이스바와 엔터를 입력하면 다시 초기화가 됩니다.

⟨PIT(Pixel-Image-Typeface)⟩는 ‘프로세싱’이라는 도구를 활용하여 처음 만들어본 작업으로, 한 장의 이미지 안에 있는 모든 픽셀의 색상값의 평균과 높고 낮은 정도, 이미지의 가로 세로 비율 등을 조건으로 프로그래밍하여 글자를 만들어내는 작업입니다. 하나의 알파벳마다 9개의 점을 가지고 있고, 이미지의 가로세로 비율에 따라 점 사이 간격이 달라집니다. 그리고 모든 픽셀들의 색상값을 분석하고 이를 활용하여 4가지의 스타일로 글자를 그려냅니다.

⟨Scrollable Typeface⟩는 익숙해진 디지털 매체의 사용 방식으로 인해 인지하지 못했던, 고정된 모니터 안에서 많은 내용을 보여 주기 위해 고안된 스크롤바의 단순한 사용을 넘어서서 디지털 매체의 가변성을 적극적으로 드러내고자 한 서체입니다. 사용자가 입력창에 글자를 타이핑하면 프로그래밍 해놓은 모습의 라틴 알파벳들이 등장하고, 그 글자는 스크롤바로 만들어져 있기 때문에 언제든 스크롤이나 드래그 앤 드롭으로 글자를 바꿀 수 있습니다.

빠른손의 작업은 폰트를 그래픽이나 폰트 프로그램 내의 기술과 접목시켜 주제를 흥미롭게 풀어낸다는 점이 인상적으로 느껴집니다. 각 프로젝트의 주제를 기획하게 된 계기는 무엇이고, 주제에 어떤 방식으로 접근하시는지 궁금합니다.

학부 때부터 웹 개발에 관심이 생겼고, 이를 적극적으로 그래픽 디자인에 접목시키면서 인쇄 매체와 디지털 매체에서 배포되는 그래픽 디자인의 속성에 대한 관심이 많아졌습니다. 특히 그 중에서 서체는 보여지는 매체의 환경이 많이 달라지고 있던 상황이었습니다. 주로 인쇄 매체 속에 적혀 있는 글자들은 인스타그램이나 웹사이트와 같은 디지털 매체에 담겨 독자들에게 쉽고 빠르게 읽히게 되며, 디지털 기기에서의 읽기 경험이나 디지털 매체만의 가변성을 적용한 “가변 서체(Variable Font)”와 같은 것들이 나오기 시작했었던 때입니다. 이러한 가변성에 흥미를 많이 느꼈었고, ⟨Oblique Font⟩를 통해 처음 프로그래밍으로 변할 수 있는 서체를 만들게 되면서 많은 흥미를 느끼게 되었습니다.

그리고 동대학원에 2020년 입학한 동시에 COVID-19 팬데믹이 시작하게 되며 디지털 매체와 우리의 거리는 더욱 가까워지는 모습을 목격하고 체험할 수 있었습니다. 이러한 상황 속에서 매체를 활용하여 창작하고, 매체를 사용하는 그래픽 디자이너인 저조차도 다소 소극적으로 매체를 ‘바라 보고 있기만’ 하다는 생각이 들어, 그 안에서 볼 수 있는 일시적인 인터페이스나 매체 사용 방식, 혹은 인터페이스가 가지고 있는 상징성을 활용하여 그래픽 디자인의 재료로 활용해보고자 했습니다. 그래서 현재 위치를 알려주고 남은 글의 양을 보여 주는 동시에, 주로 보기만 했던 인터페이스인 ‘스크롤’로 구성된 서체, ⟨Scrollable Typeface⟩를 제작했습니다.

'PIT' 서체견본집

‘폰트는 디자인의 재료로서 다른 디자이너들이 사용함으로서 완성된다’는 어느 디자이너의 말이 떠오릅니다. 빠른손의 영문 서체들이 만약 사용된다면 각각 어떤 매체에서, 어떤 용도로 활약하기를 기대하시나요?

저는 서체만을 만드는 디자이너는 아니기 때문에 서체를 제작하게 될 때는 ‘글자’라는 매체로 표현할 수 있는 맥락이 있어서 서체를 ‘선택’한다고 생각합니다. 이에 맥락을 드러내는 하나의 도구로 활용하고 있어서 그 맥락에 맞는 용례로 적용되는 모습을 볼 수 있다면 좋을 것 같습니다.

⟨Oblique Font⟩는 지루하고 하기 싫지만 해야 하는 상황이 목적일 때, ⟨Scrollable Typeface⟩는 웹에서만 볼 수 있기 때문에 길이가 긴 웹사이트의 메인 페이지에서, ⟨PIT⟩는 기업을 대표하는 이미지나 디자이너의 작업들을 모아서 하나의 이미지로 만든 후 이를 프로세싱으로 서체를 만들어 로고 타입이나 슬로건에 적용되는 모습을 상상할 수 있을 것 같습니다.

'유니버설 타입페이스 키트'

몇 가지의 도형들로 규칙을 세워 영문 폰트를 만들 수 있는 ‘유니버설 타입페이스 키트’를 보면서, 자연스럽게 기하학적으로 디자인된 한글이 떠올랐습니다. 영문 서체를 주로 제작하시는 것 같은데, 추후에 한글을 레터링하시거나 관련 프로젝트를 하실 계획이 있으실까요?

아무래도 한글은 조합형이고, 종류가 너무 많기 때문에 짧은 시간 안에 한글에 적용하기에는 어려운 점이 많아서 라틴 알파벳을 주로 디자인하게 되었던 것 같습니다. 한글 레터링은 작업의 결과 일정이 맞는한 꼭 해보고 싶은 작업 중에 하나입니다. 드러내고자 하는 주제의 방향을 글자의 외형으로, 혹은 글자 자체를 그리드로 활용하여 무언가를 만들어낼 수 있는 기회가 있었으면 좋겠습니다!

프로그래밍을 통해 폰트를 만드는 것은 꾸준한 공부가 필요하고, 트렌드에도 민감해야 할 것 같습니다. 폰트들을 제작할 때 무엇을 가장 중요하게 생각하시는지도 궁금합니다.

타이핑 할 때마다 변화가 생기는 서체를 프로그래밍으로 만들어낼 수 있는 방법을 찾아보니 ‘글립스’라는 프로그램에서 가능하다는 것을 알게 되었습니다. 그래서 구글과 유튜브에서 검색하여 필요한 기능을 하나둘씩 알게 되었습니다. 프로그래밍을 통해 무언가를 만들 때는 트렌드에 민감한 정도도 중요하지만, 개인적으로 오히려 만들고 싶은 것이 확실히 있는 상태가 기능을 습득하고 이를 활용하는데 효과적이라고 생각합니다. 필요한 기능을 차근차근 알아가면서 흥미를 느끼고, 도중에 그만두지 않을만큼의 힘을 얻어야 하기 때문입니다. (개발하면서 한 가지가 잘 풀리지 않으면 모두 그만두고 싶을 때가 많습니다.) 그래서 ‘글립스’를 처음 공부할 때에도 너무 어려웠지만, 처음으로 기울어지는 장면을 만들어낸 순간의 희열을 원동력으로 작품을 끝낼 수 있었습니다.

'Klim Type Foundary' 인스타그램 캡쳐

좋아하는 해외 폰트 디자이너나 파운더리가 있으신가요?

최근 논문을 작성하고 작업하면서 알게 된 타입 파운더리인 ‘Klim Type Foundry’의 서체를 보여 주는 방식을 재미있게 보고 있습니다. 이 파운더리는 서체의 이야기를 영화 같은 웅장한 3D 영상으로 제작해서 선보이는 특징이 있습니다. 서체 디자이너들이 서체를 보여 주는 방식에 있어서 인스타그램에서 글자의 특징을 드러내는 이미지나 광고 문법을 적용한 영상을 주로 선택했다면, 클림 타입 파운더리는 디지털 매체 속에서 쏟아지는 이미지와 영상 속에서 서체 프로모션의 과장되면서도 세련된 모습을 보여 주고 있어 주로 찾아보고 있습니다.

'D-IDOL'

이번에 새로 기획하신 D-IDOL에 대해서도 간단한 소개 부탁드립니다.

⟨D-IDOL⟩은 대문자 라틴 알파벳 26개 각각 한 명의 멤버로서 활동하고 있는 가상의 K-pop 타입페이스 아이돌입니다. 이들은 디지털 매체에서만 볼 수 있는 ‘필터’라는 개념을 거친 후의 모습을 상상하며 디도(Didot)라는 서체를 변형해 만들었습니다. 그들의 데뷔 앨범인 ⟨SPHINX OF BLACK QUARTS JUDGE MY VOW⟩(검은 석영의 스핑크스, 내 맹세를 판단해)는 26명의 멤버가 모두 들어갈 수 있도록 모든 알파벳이 한 문장에 들어 있는 ‘팬그램’ 중에서 그들의 금속 질감과 메인 색상인 검은 색과 잘 어울리는 문장을 인용했습니다.

이들은 K-pop 아이돌로 활동하고 있기 때문에 현존하는 아이돌 산업의 문법을 그대로 가져왔습니다. 그룹의 이름은 “Didot IDeOLogy”로 디도의 사상이라는 뜻과 함께 “Direction to Idea, Destiny, Obviousness and Love”의 앞글자를 따왔습니다. 또한 버벌 네이밍으로는 “The Idol”로도 불릴 수 있기 때문에 “당신이 찾던 바로 그 아이돌이다”라는 뜻을 내포하기도 합니다. 일상 사진을 담은 포토 카드와 함께 앨범마다 존재하는 콘셉트 포스터를 어플리케이션으로 제작했습니다. 또한 한국 아이돌 산업의 가장 큰 특징인 ‘세계관’을 형성하여 이들의 포부를 담은 세계관 영상 또한 볼 수 있습니다.

'D-IDOL'

D-IDOL은 컨셉 자체가 흥미로워 궁금한 점이 많습니다. 설명 중 D-IDOL은 디도(Didot)가 어떤 필터를 거쳐 현대의 이상화된 모습을 표현한 것이며, 또 이 필터가 의미하는 것은 무엇인지 궁금합니다.

디지털 매체에서만 볼 수 있는 문법을 필터라고 앞서 말씀드렸는데요, 필터를 활용해야겠다고 생각한 이유는 바로 ‘매드몬스터’ 때문이었습니다. 매드몬스터는 두 명의 코미디언이 소위 ‘부캐’로 활동하는 가상의 아이돌 그룹으로, 스노우 필터를 과도하게 적용하며 스크린 속에서만 존재합니다. 많은 사람들이 이들에게 열광적으로 반응했고, 그들의 매우 큰 눈과 뾰족한 턱은 기이하면서도 동시대의 이상화된 얼굴을 과장하여 보여 주고 있다고 생각했습니다. 이처럼 필터를 거치며 이상화된 외형이라는 점에서 과거 디도 서체의 모더니즘 사상을 담은 외형과 비슷하다고 생각했습니다. 디도 서체는 수직, 수평, 원과 같은 기하학적인 형태를 기반으로 만들어져 당시의 이상을 외형에 반영했던 서체입니다. 과거의 이상이었던 디도 케이스(Didot CACE)는 세월이 지나 잊혀지고 있던 와중에 사람들이 디지털 매체 속에서 과장된 스타일의 글자들과 필터를 거쳐 이상해진 얼굴에 열광한다는 사실을 목격합니다. 이에 자신들이 동시대의 이상을 반영하기 위해서는 필터를 거쳐야 한다고 생각했고, 픽스(PIX, 픽셀을 은유한 이름)들이 열어준 스크린 세상인 LICUID(LCs 스크린을 은유한 이름)로 이동하며 데뷔한 세계관을 가지고 있습니다.

김도현 디자이너님은 폰트 개발 말고도 웹 개발, 그래픽 등 폭넓은 작업을 하시는 것이 눈에 띄었습니다. 여러 영역을 넘나드는 디자인을 하시면서 좋은 점이나 애로사항을 느낀 적이 있으신가요?

다양한 영역에서 활동하고 있다보니, 하나의 프로젝트 안에서 여러 분야를 모두 맡아서 하게될 때가 있습니다. 아이덴티티 디자인을 해야 하는 경우, 웹사이트 디자인과 개발까지 하게 되면 균일한 통일성을 유지하면서 해당 프로젝트의 완성도를 더 높일 수 있다는 점이 장점이면서도 강점이라고 생각합니다.

그러나 여러 분야를 넘나들게 되면 작업할 때의 모드 전환을 빨리 해야한다는 애로사항이 있습니다. 디자인을 열심히 하다가 갑자기 개발 상에 문제가 생겼을 경우, FTP 프로그램을 얼른 열어서 수정해야 하는 등의 급작스러운 사고들이 많기 때문입니다.

다른 인터뷰에서 ‘웹 언어를 통해 그래픽 디자인을 다룰 수 있다는 합집합적인 사고방식이 커리어의 강점’이라고 언급하셨는데, 혹시 웹 언어에 대한 이해가 그래픽 디자인이나 폰트 디자인에도 영향을 미치시나요? 또, 그런 사례가 있으실까요?

웹 뿐만 아니라 디지털 세상 속 다양한 매체는 우리의 일상 속에서 빼놓고 말할 수 없을 정도로 가까워진 상태입니다. 그렇기 때문에 디지털 매체 속에서 발현되는 디지털 매체의 특성을 인지하고 디자인하는 것은 중요한 부분이라고 생각합니다. 특히 웹은 인스타그램과 달리 텍스트나 이미지, 영상을 ‘보기’만 하는 공간이 아닙니다. 사용자가 직접 탭을 왔다 갔다 할 수 있고, 데스크톱 환경에서는 브라우저의 크기도 자유롭게 크고 줄일 수 있습니다. 인쇄 매체 디자인에서의 컨디션처럼 디지털 매체 안에서의 컨디션을 인지하고 둘을 섞어서 재매개(remediation)하여 하나의 작업 방식으로도 활용할 수 있다는 점에서 웹 언어와 디지털 매체에서 배포되는 현상을 이해하는 것이 중요하다고 생각합니다.

2021 파주 북소리 줄-넘기

Spring Show

Artwith 워크북

‘2021 파주 북소리 줄-넘기’나 ‘스프링 쇼’, ‘아트위드 워크북’, ’아파트먼트 기룬’ 등 작업에 타이포그래피를 적극적으로 활용하신 작업들이 눈에 띕니다. 타이포그래피 작업을 할 때 가장 신경 쓰는 부분이 있다면 무엇일까요?

디자인을 구상할 때는 “전달하고자 하는 메시지는 무엇인가?”를 가장 먼저 생각합니다. 중심 문장이나 단어를 시작으로 하여 가지가 뻗어나가듯 여러 아이디어들을 그려보고, 그 중에서 타이포그래피를 적극적으로 활용하면 좋을 것 같은 주제일 경우에 말씀해주신 프로젝트처럼 완성됩니다.

⟪2021 파주북소리 줄-넘기⟫는 모두가 알고 있는 이미지인 ‘줄넘기’의 획을 키비주얼 전면에 배치하여 제목과 포스터의 인상이 모두 잇고자 했습니다. 이에 글자를 배치할 때에도 선이 자유롭게 지나다닐 수 있도록 미리 공간을 구획하고, 그 안에서 선을 다듬고 다듬으며 완성했습니다.

⟪스프링 쇼⟫의 키워드는 ‘로딩’이었습니다. 석사학위 청구전 이전에 진행하는 과제전과 같은 전시이다보니, 완성이 되어가는 과정을 드러내는 동시에 저와 동기인 문정주 디자이너 또한 웹 개발도 병행하고 있어서 더욱 로딩이라는 단어가 2021년의 ⟪스프링 쇼⟫와 잘 어울린다고 생각했습니다. 이에 로딩에 들어가는 여러 시각적 기호들을 활용하여 글자를 그려내고, 배경에는 파이 차트가 계속해서 돌아가는 모습을 통해 로딩을 더 적극적으로 드러내고자 했습니다.

⟨아트위드 워크북⟩은 참여자 분들의 발전한 성과와 그분들의 이야기를 담아내어 성장해나가는 키워드와 밝은 인상을 전달해야 했습니다. 이에 기존 아이덴티티 컬러인 4가지 밝은 색상을 활용하여 완벽하게 글자로 보이지는 않더라도, 완성되어가는 과정이라는 것을 보여 주려 했습니다. 내지에서도 계속해서 상승하는 이미지로 계단 모양의 그래픽이 간지와 각 챕터의 마지막마다 들어가도록 했습니다.

"BOOK"북엔드

웹 개발이나 그래픽 작업도 활발하게 하고 계시는데 개인 작업도 꾸준히 하시는 것이 놀랍습니다. 작업을 계속하게 하는 빠른손만의 원동력은 무엇인가요?

개인 작업을 계속하게 하는 저의 원동력은 메모하는 습관과 실행력인 것 같습니다. 버스를 타고 사무실로 통근을 할 때에도 갑자기 떠오르는 좋은 생각이 있으면 바로 휴대폰 메모 앱을 켜서 한 문장이라도 적어놓습니다. (그래서 메모장이 깨끗하게 정리가 되어 있지는 않습니다.) 언젠가는 해보고 싶은 것들을 떠올리면서 꼬리에 꼬리를 물고 이어지는 생각 타래를 즐기다보니 차곡차곡 적어 놓았던 것들을 시간을 내서 만들어보고 있습니다. 작년 이맘때 만들었던 ⟨“BOOK” BOOKEND⟩ 작업이나 ⟨Universal Typeface Kit⟩ 또한 주변 디자이너 동료들과 함께 개인 작업을 하는 모임을 만들어서 각자 자기 작업을 진행하고, 서로의 피드백을 주고 받으며 진행했던 결과였습니다. 개인 작업을 할 시간이 없으면 모임을 만들어서 강제성을 부여하고, 이를 꼭 끝내겠다는 일념이 이처럼 개인 작업을 이어나갈 수 있도록 하는 원동력이 되지 않았나 생각합니다.

디자인이 풀리지 않을 때, 어떤 곳에서 영감을 얻으시나요?

저는 인스타그램의 ‘보관함’ 기능을 가장 많이 사용하곤 합니다. 인스타그램의 장점이자 단점인 시시각각 새로운 이미지들이 쏟아지는 흐름 속에서 제가 원하는 레퍼런스를 최대한 많이 모으고, 작업이 잘 풀리지 않을 때 찾아보곤 합니다. ‘보관함’ 기능은 폴더를 만들어 분류를 할 수 있습니다. 그래서 ‘타이포그래피’, ‘레터링’, ‘브랜딩’, ‘그래픽’, ‘웹’, ‘모션그래픽’ 등 제가 관심 있고 나중에 하고 싶은 분야들의 목록도 폴더로 만들어 저장하고 꺼내보고 있습니다.

이전부터 직지멤버십을 사용 중이신 것으로 확인되었는데, 혹시 직지소프트의 서체를 사용한 작업이 있으시다면 소개 부탁드립니다.

앞서 보셨을 빠른손 대표 이미지의 한글 서체에 사용했습니다. SM3태고딕을 사용하여 딱딱한 산세리프의 좁은 서체와 대조되어 보이도록 했습니다. 또한 현재 진행하고 있는 프로젝트에서 한글 서체를 직지소프트의 서체 중 하나로 사용했는데 아직 시안 단계라서 프로젝트에 대해 말씀드리기 어렵습니다.

김도현 디자이너 석사논문

빠른손 디자이너의 요즘 관심사는 무엇인가요? 특히, 디자인적으로 관심있는 주제가 있으신가요?

가장 최근에는 논문을 쓰게 되면서 가지고 있던 관심사는 디지털 매체에서 볼 수 있는 여러 양상들을 그래픽 디자인으로 녹여내는 것에 관심이 많았습니다. 올해 공개가 될 글인데, 작년부터 써 왔던 웹사이트 디자인에서의 아름다움에 대한 궁금증과 현재 웹사이트 디자인 비평에 대한 한계에 대해서도 짤막하게 작성했습니다.

또한 업무를 진행하며 발생하는 다양한 커뮤니케이션 방식에 대해서도 관심이 많습니다. 제가 만든 시안이 아무리 좋더라도 이를 설득하지 못하면 결국 채택되지 않는 시안이 되어버립니다. 그렇기 때문에 그 시안을 설득하기 위한 방식을 고민하고, 더욱 매끄러운 커뮤니케이션을 통해 좋은 결과물을 만들어낼 수 있도록 프레젠테이션 파일과 이를 설명할 때의 대본 속 단어들을 선택하는 것까지, 작은 것부터 큰 흐름을 유지하는 것에 대한 방식을 항상 신경쓰고 있습니다.

D-IDOL 기획 마지막에서는 ‘Direction to~’로 D-IDOL들이 사상과 운명, 명확성과 사랑을 향해 활동한다는 포부를 드러내셨습니다. 혹시 디자이너 김도현의 앞으로의 Direction은 어떤 것일까요?

그래픽 디자이너로 일하면서 안정성과 전문성을 계속해서 높여나가고 싶습니다. 어떠한 주제에도 자신 있게 나만의 방법으로 일을 해나갈 수 있는 안정적인 상태를 유지하면서도, 단순히 머무르기보다 모르는 것이 있으면 공부해서 체득하고 하고 싶은 것이 있으면 기반을 갈고 닦아 전문적으로 해낼 수 있기 위해 고군분투하고 있습니다. Direction으로 비유하자면 일방통행보다는 원형 교차로라고 생각할 수 있을 것 같습니다. 계속해서 돌아갈 수도 있고, 언제든 어떤 곳으로든 나가서 새로운 것을 바라볼 수 있으니까요!

인터뷰이의 작업과 소식을 만나보세요.

👉🏻 빠른손 스튜디오 홈페이지 : bbareunson.com

👉🏻 빠른손 스튜디오 인스타그램 : @bbareunson

jikjifont@jikjisoft.com

서울특별시 중구 수표로 48-7 홍일빌딩 3층
대표자 이현정 사업자등록번호 114-86-50273

경고