자주 하는 질문

민구홍 매뉴팩처링에서는 2015년 이래 진행한 길고 짧은 인터뷰를 꼼꼼히 정리한 뒤 다시 무작위로 늘어놓은 「자주 하는 질문」을 통해 회사 또는 운영자에 관한 궁금증이 모쪼록 해소될 수 있기를 바랍니다. 단, 질문의 시기에 따라 현재와 다른 사실이 있을 수 있습니다. 한편, 질문의 어조에 따라 언급한 인물에 대한 존칭을 생략하기도 했습니다. 「자주 하는 질문」을 섭렵한 뒤에도 궁금증이 도무지 해소되지 않는다면 [email protected] 앞으로 소상히 말씀해주세요. 민구홍 매뉴팩처링에서는 모든 것을 이해하고 인정할 준비가 돼 있습니다. 단, 답장은 이메일 대신 언젠가 「자주 하는 질문」에서 확인해주시기 바랍니다.

며칠 전 고토 데쓰야(後藤哲也, Tetsuya Goto) 선생님과 만난 적이 있는데, 그때 “디자인은 내 글쓰기를 위한 플러그인과 비슷하다.”라는 말을 한 적이 있습니다. 이 말처럼 제게 디자인은 기본적으로 도구입니다.

2019년 이래 금요일마다 진행하는 「새로운 질서」에서 디자인은 일반적으로 목적어가 필요한 동사, 더 정확히는 타동사라고 이야기합니다. 물론 개념적으로는 하라 겐야(原研哉)의 ‘디자인의 디자인’이라는 말이 있지만, 제 일천한 경험으로 미루어 목적어가 디자인 자체가 되는 경우는 별로 없었던 것 같아요. 따라서 제게는 우선 디자인의 목적어, 다른 말로는 콘텐츠를 파악하는 일이 중요합니다. 그래야 디자인이라는 도구를 어떻게 활용할지 판단할 수 있으니까요.

이는 특히 웹사이트를 만들 때마다 절실하게 체감합니다. 단 한 글자라도 콘텐츠가 있어야 HTML의 태그를, CSS의 선택자를, 자바스크립트의 함수를 활용할 수 있으니까요.

보안관님, 피트 마텔 씬데요, 음, 전화 돌려드릴게요. 빨간색 의자 옆 테이블에 놓인 전화기로요. 벽에 붙은 빨간색 의자요. 테이블 위엔 램프가 있고요. 그 왜, 전에 우리가 저쪽 구석에서 옮긴 램프 있잖아요. 전화기는 갈색 말고, 검은색이요!

1990년대를 풍미한 미국 드라마 「트윈 픽스」(Twin Peaks)의 등장인물 루시 모런(Lucy Moran)의 역사적인 첫 대사다. 이는 「새로운 질서」의 모토이기도 하다. 보안관 사무실에서 비서로 일하는 루시가 보안관에게 전화를 돌려주는 모습에서 드러나는 것은 어떤 대상(여기서는 전화기)에 대한 편집증적인 집중이다. 내게 그 대상은 이따금 아무리 우스꽝스러워 보일지라도 무엇보다 나 자신이다.

물론입니다. 과목을 떠나 교육이 목적이라면 이미지를 포함해 마음껏 활용하셔도 좋습니다.

소감이나 인상을 말하는 게 어색할 만큼 잘 알죠. 2년마다 타이포그래피를 주제로 전 세계의 디자이너들이 작가로 참여하는 대규모 전시는 동아시아뿐 아니라 세계적으로도 드무니까요. 그 대신 우화 한 편을 소개하고 싶습니다. 언젠가 미국인 그래픽 디자이너 친구에게 이 행사에 참여하게 됐다고 털어놨을 때 이렇게 묻더군요. “오, 그렇구나… 축하해! 그런데 어떤 오탈자(typo)를 보여줄 계획이니? (Wow… Congratulations! But what type of typo do you want to show?)” 아주 순진한 얼굴로요.

제가 스물다섯 살 때는 지금으로부터 16년 전인 2009년입니다. 2007년 여름에 입대했으니, 전역하고 바로 복학한 시점일 거예요. 우연한 기회에 홍익대학교 안상수 선생님을 만나 선생님 연구실인 ‘날개집’에서 연구원으로 일하던 때입니다. 사실 위기를 인식하려면 대개 어떤 정답을 기준으로 삼고, 자신의 지금을 가늠하고, 그 둘 사이에서 불안감을 감지해야 할 텐데, 저는 별 생각 없이 지냈던 것 같아요. (그렇듯하게 포장하면, 어떤 정답이란 게 늘 의심스러웠죠.) 별 생각이 없었으니 위기라는 것도 없었고, 심지어 별 생각이 없는 것조차 불안하지 않았죠. 지금도 마찬가지예요. 위기라는 건 누군가 만들어놓은 언어의 틀, 언어의 심연에 발을 담글 때 나도 모르게 젖어드는 것 같아요.

[email protected] 앞으로 관련 내용을 보내주시기 바랍니다. 신속한 답변은 장담할 수 없지만, 『민구홍 매뉴팩처링 이메일 응대 지침』에 따라 성심성의껏 임하겠습니다. 물론 위급한 상황이라면 회사가 기생하는 워크룸으로 직접 오셔도 괜찮습니다. 단, 회사와 숙주 모두 간판을 내걸지 않은 탓에 거리에서 멋쩍게 얼마간 서성일 각오를 하셔야 합니다.

몇 년 전 오사카 도톤보리에서 아내와 함께 먹은 삼색 당고. 내가 먹은 건 잘 쑨 팥소가 들어 있었다. 충동적으로 떠난 여행의 피로와 긴장이 해소되는 맛이었다. 아내가 먹은 나머지 두 개는 과연 어떤 맛이었을까?

이따금 디자이너로 불리곤 하지만, 제가 하는 일을 디자인으로 의식해본 적은 별로 없습니다. 굳이 말을 만들어보자면, 저는 ‘디자이너’보다는 ‘워드 프로세서’에 가깝다고 생각합니다. 말, 나아가 글자를 주로 처리한다는 점에서요. 그래서 작업 막바지에 크레디트에 제 작업을 ‘디자인’ 대신 ‘워드 프로세싱’이라고 제안하곤 하는데 번번이 거절당하곤 합니다.

아무튼 워드 프로세서로서 글을 쓰다 보면, 글을 잘 쓰고 싶고, 글을 잘 쓰다 보면, 글을 잘 드러내고 싶고, 글을 잘 드러내다 보면, 종국에는 글을 이루는 세계의 가장 작은 요소인 글자 자체에 눈이 가기 마련입니다. 즉, 나와 글을 둘러싼 모든 걸 제어하고 싶어지는 거죠. 그런 점에서 제 폰트를 만들어보고픈 건 자연스러운 현상 같습니다. 폰트명만 결정되면 반은 끝났다고 생각하는데, 사실 폰트명에서 일단 막혔습니다. 폰트명에는 어쨌든 ‘민’이 들어가야 할 것 같은데, ‘민고딕’, ‘민산스’, ‘민부리’ 같은 근사한 이름이 이미 있으니까요.

사실 디자이너의 정체성을 의심하는 건 이런 강연자리에서입니다. 일터에서는 그렇지 않습니다. 디자이너가 아니라고 하면 클라이언트가 저를 신뢰하기 어려우니까요. 이는 그저 저를 통해 디자인이 무엇인지 되묻게 하려는 의도입니다. 앞으로 졸업한 뒤 자신이 하는 일에 대해 고민하게 됩니다. 그리고 이런 고민은 학생일 때 시작하는 게 좋습니다.

책을 디자인할 때 본문 글자 크기를 대개 10포인트(약 3.5밀리미터) 안팎으로 지정하는 데는 역사적이고, 경제적이고, 인지과학적이고, 무엇보다 생물학적인 이유가 있는 것 같습니다. 최소한의 규칙이라면 규칙이죠.

이는 웹에서도 다르지 않습니다. 웹 브라우저에서 설정된 기본 글자 크기는 16픽셀입니다. 저보다 뛰어난 전문가들이 연구한 수치인 만큼 저는 여기에 의문을 품지 않습니다. 이에 따라 모든 수치를 16픽셀을 1REM, 즉 기본값으로 설정합니다. 그리고 모든 곳에 16의 약수와 배수를 적극적으로 활용합니다. 아시는 분은 아시겠지만, 이는 유별나게 저는 사용하는 방법론은 아닙니다.

다른 한 가지는 웹사이트가 ‘실행된다는’ 사실을 염두에 둡니다. 웹사이트가 하나의 공간이라면, 탭이나 클릭은 공간과 공간을 이동하는 일과 비슷합니다. 탭하거나 클릭하는 횟수가 많아지면 동선이 길어지는 셈이죠. 저는 이 동선을 가능하면 최소화하려 합니다. 그러다 보니 웹사이트에서 여러 페이지를 만들기보다 한 페이지를 활용하는 방식을 선호합니다. 즉, 스크롤을 통해 페이지상의 요소를 연결하는 거죠. 그러다 보면 자연스럽게 웹 페이지가 굉장히 길어지기도 하지만, 그 또한 웹사이트의, 나아가 웹의 자연스러운 특성입니다.

2022년 초에 운 좋게 미국 프린스턴 대학교에 직접 가서 강연할 기회가 있었는데, 여기서 할머니, 딸, 손녀가 함께한 사진을 보여주며 웹사이트는 책의 자녀, 즉 진화한 종이 책이라는 말을 한 적이 있어요. 할머니가 종이 책이라면, 딸은 웹사이트고, 손녀는 앞으로 우리가 만들어볼 수 있는 또 다른 무엇이라고요. 웹사이트는 진화한 종이 책답게 지면보다 공간적인 제약이 덜한 편입니다. 제작 비용에 영향을 미치는 판형이나 쪽수 같은 개념이 흐릿하니까요. 제 경험상 지면용 타이포그래피를 위한 수치를 웹사이트에 그대로 적용하면 어딘가 조금 작고 좁고 빽빽한 느낌을 받습니다. 지면의 일반적인 본문 글자 크기인 10포인트를 픽셀로 환산하면 13.5픽셀에 가까운데, 저는 웹 브라우저상에서 기본으로 설정된 본문 글자 크기가 16픽셀이라는 사실을 의심하지 않습니다. 18픽셀이나 20픽셀 이상이 적절하다고 이야기하는 사람도 있고요. 글줄 사이 공간도 지면보다 조금 더 넉넉한 게 좋다고 생각해요. 글이 긴 경우 문단과 문단을 들여쓰기가 아닌, 한 줄 공백으로 구분하는 것도 그런 이유겠죠. 한편, 웹사이트는 발광하는 화면, 즉 RGB 색상으로 구현되는 만큼 흑백의 대비가 지면보다 큰 편이라는 점도 고려할 필요가 있습니다.

언젠가 한 출판사 관계자와 웹사이트 개편에 관해 이야기를 나누다 비슷한 질문을 받은 적이 있다. “이참에 웹사이트에서 책의 물성을 구현해보고 싶은데… 가능하겠죠?” 그는 순진한 표정으로, 특히 ‘물성’에 힘을 보태 말했다. 이는 책에서 유튜브 영상을 재생하고 싶다는 말과 다르지 않다. 웹에서는 Z축상에 레이어가 아무리 쌓이더라도 두께는 0픽셀이다. 웹상의 물성에 관해 이야기할 수 있는 바는 이뿐이다. 오랜 고민 끝에 출판사 관계자에게는 결국 구글이나 네이버 본사에 문의해보시는 게 좋겠다고 정중히 말씀드렸다.

똑똑한 사람. 아무래도 내가 그렇지 못한 사람이기 때문일 테다. 똑똑한 사람은 유머 감각이 있고, 유머 감각은 사람을 매력적으로 만든다. 즉, 가끔 생각나게 한다. 그리고 자신이 쓴 문장이 좋은 문장인지, 나쁜 문장인지 판단할 수 있는 사람. 물론 이는 똑똑한 사람만이 할 수 있는 일이다. 게다가 그런 사람은 대부분 자신을 사랑하고, 경험상 민구홍 매뉴팩처링에도 호의적이다. 그리고 예의바른 사람. 그런 사람만 회사의 고객으로 삼고 싶다.

기생은 자연스럽게 결정된 회사의 생존 전략이다. 콘솔 게임 제작사 너티독(Naughty Dog)의 「라스트 오브 어스(The Last of Us)」 시리즈에는 온갖 ‘감염자(The Infected)’가 등장한다. 그들은 동충하초처럼 인간의 몸을 잠식해 숙주를 조종한다. 인간이 없다면 동력을 얻지 못한다. 민구홍 매뉴팩처링 또한 마찬가지다. 부족한 용기와 자본을 숙주를 통해 해결한다. 숙주에 노동력과 얼마간의 즐거움을 제공하는 대신 운영자가 받는 월급으로 운영비를 충당하고, 컴퓨터, 테이블, 커피 머신 등 숙주의 동산과 부동산을 이용하는 식이다. 그 덕에 영원히 알고 싶지 않은 세금과 관련한 문제도 자연스럽게 해결된다. 이따금 숙주를 떠나 독립을 하거나 사업자 등록증을 발급받으라는 요구를 받기도 하지만, 그러는 순간 민구홍 매뉴팩처링은 폐업을 신고하는 것과 마찬가지다. 워크룸을 떠나 구글이나 테슬라에 기생하는 일이 있더라도 민구홍 매뉴팩처링이 독립하는 건 상상하기 어려운 일이다. 한편, 이런 상황임에도 최근에는 네덜란드에서 찾아온 인턴이 일하고 있다.

「새로운 질서」는 웹을 이루는 기본적이고 기초적인 컴퓨터 언어인 HTML(HyperText Markup Language), CSS(Cascading Style Sheets), 자바스크립트(JavaScript, JS)를 도구 삼아 정보에 새로운 질서를 부여하며 매체가 변화하는 국면을 주도해보는 강좌다. 그리고 다음 물음에 따로 또 같이 답해본다. “웹이 우리의 행복에 어떻게 이바지할 수 있을까?” 수강자는 대개 기존의 학교 수업이나 온라인 강좌에서 부족함을 느껴온 분들이다. 사정상 수강할 수 없는 분들을 위해 온라인 교수법을 시도해보기도 했지만, 교육은 서로 마주보고 눈을 맞추며 이뤄지는 게 좋은 것 같다. 그게 아무리 웹에 관한 강좌라 할지라도 말이다. 물론 반드시 마스크를 착용하고, 수시로 손 세정제로 손을 씻지만, 강좌가 끝난 뒤에는 늘 자기 반성의 시간이 찾아온다.

돌이켜보니 「너에게」와 「한국 코카-콜라 귀중」이 있었습니다. 여전히 답장을 받지 못했다는 점에서 말씀하신 것처럼 앞으로 “‘연애편지’ 연작”이라 부르겠습니다.

인공지능은 콘텐츠를 생성하고 사용자 경험을 개선하는 데 혁신적으로 활용됩니다. 예컨대 『워싱턴 포스트』(The Washington Post)의 인공지능 기반 자동 기사 작성 시스템인 ‘헬리오그래프’(Heliograf)는 스포츠 경기 결과나 선거 속보 같은 데이터 중심 뉴스를 빠르게 생성하고, 이미 많은 웹사이트가 몰입형 경험을 제공합니다. 한편, ‘웹 3.0’이라 불리는 패러다임도 주목할 만하죠. 블록체인(Blockchain) 기술에 기댄 분산형 웹은 중앙화된 플랫폼에 기대지 않는 새로운 형태의 웹사이트를 촉발합니다. 그리고 많은 사람이 이를 통해 기술이 생산자와 소비자 사이의 직접적인 상호작용을 촉진하고, 디지털 자산의 소유권 문제를 해결할 수 있다고 믿습니다. 일찍이 보르헤스가 꿈꾼 알렙처럼 작은 점 속에 무한한 우주가 담기는 경험이 가능해지는 거죠.

하지만 이런 기술적 진보에도 ‘인간의 욕망과 창의성을 담아내는 그릇’이라는 웹사이트의 본질적 가치는 변하지 않습니다. 아무리 인공지능이 발전하더라도 우리, 즉 인간의 자리는 고스란하리라 믿는 까닭입니다. 민구홍 매뉴팩처링이 설립된 2015년, 1세대 넷 아티스트 J.R. 카펜터(J.R. Carpenter)가 주창한 핸드메이드 웹(Handmade Web)은 기술과 예술의 경계를 허물며 웹사이트가 얼마나 더 즐겁고 창의적일 수 있는지 증명합니다. 나아가 ‘핸드메이드 웹’의 정신은 웹사이트의 다른 모습과 기능을 꿈꾸는 사람들에게 수없이 강조해도 지나침이 없습니다. “우리에게 익숙한 ‘핸드메이드’(handmade)라는 말은 일반적으로 기계가 아닌 손이나 간단한 도구로 만든 물건을 가리킨다. 그 물건은 점토 재떨이처럼 평범하거나 질박할 수도, 고급 수제화 한 켤레처럼 완벽에 가까울 만큼 정교할 수도 있다.”

특히 이 문장이요. “오늘날 웹은 다국적 기업, 독점 애플리케이션, 읽기 전용 기기, 검색 엔진 알고리즘, 콘텐츠 관리 시스템(Content Management System, CMS), 위지위그(WYSIWYG, What You See Is What You Get) 에디터, 디지털 퍼블리셔 등과 함께 상업화를 향한다. 이때 컴퓨터 언어를 다루는 일, 즉 코딩이 자기 주도적인 글쓰기인 점을 인식하고, 이를 통해 온라인 작품 또는 출판물로서 자신만의 웹사이트를 만들고 관리하고 유지하는 일이 느닷없이 급진적인 행위가 되고 있다. (…) 오늘날 웹은 독점적이고, 약탈적이고, 음란한 공간이 되고 있다. 그럴수록 나는 웹을 더욱 시적이고, 비타협적으로 사용하는 데 전념하려 한다.”

이 웹사이트는 그 자체로 전시 작품이기도 했는데, 주된 목적은 곧 열릴 학교 전시를 알리는 것이었다. 추억을 더듬어보면, 마련된 콘텐츠는 목적, 장소, 일시 등 전시 개요와 참여자의 이름과 약력뿐이었고, 작품명도 아직 정해지지 않은 상태였다. 홍보 기간까지 고려했을 때 작업 기간은 일주일 정도밖에 없었다. 따라서 이들을 그럴듯하게 엮어 이야기를 만들 에디터십이 필요했다.

우선 학교명의 두문자어(SFPC)에서 착안해 ‘전력 제어 협회(Society for Power Control, SFPC)’라는 임시 단체를 설립했다. 컴퓨터를 활용한 모든 작품이 결국 전력을 제어한 결과물이었으니까.

콘텐츠가 많지 않으므로 웹사이트는 한 페이지로 제한하고, 스크롤을 통해 콘텐츠를 열람할 수 있도록 구성했다. 화면을 크게 둘(인덱스 섹션, 세부 섹션)로 나눈 뒤 모든 하이퍼링크에는 무작위로 흔들리는 애니메이션을 부여하고, 관람객이 하이퍼링크에 마우스 커서를 올리면 흔들림이 멈추고, 클릭하면 해당 콘텐츠로 스크롤이 이동하는 시나리오를 제안했다. 관람객에게 웹 브라우저상에서 전력을 제어하는 경험을 제공하려는 의도였다. 한편, 모든 콘텐츠는 가운데로 맞춰져 있는데, 화면 사방에서 가운데로 전력이 집중된 상태를 반영한 결과라 우기려 했다. (이렇듯 콘셉트는 나중에 만들어지기도 한다.) 타임스 뉴 로먼(Times New Roman)은 유별난 웹 폰트보다 기술적으로 안정된 웹 안전 폰트(Web Safe Font)를 사용하고픈 취향이 반영된 결과다. 제한된 시간에 제한된 콘텐츠만으로 콘셉트와 기능을 엮은 결과물이라 자부한다.

참여자들은 모두 마음에 들어 했지만, 문제는 생각지 못한 데 있었다. 학교에서는 조금 더 ‘일반적인’ 결과물을 원했던 것 같다. 특히 단체명을 정하면서 자연스럽게 떠올린 전시명인 ‘SFPC에서 소개하는 SFPC’(SFPC Presents SFPC)에 고약한 구석이 있다고 여긴 것 같다. 느닷없이 참여자 대표로서 서툰 영어로 학교를 설득하는 일이 조금 고됐지만, 결국 처음 의도를 살릴 수 있게 됐다. 덕분에 영어 작문과 회화 실력도 부쩍 늘었고.

웹사이트든 인쇄물이든 가독성은 허울만 좋은 개념이라고 생각합니다. 가독성의 기준이 사람마다, 또 자신이 놓인 위치마다 다르기 때문이죠. 저만 해도 생산자로서는 명확한 원칙에 따른 정제된 타이포그래피를 추구하려 하지만, 이는 사실 자기 만족에 가깝습니다. 소비자의 입장에서는 가독성을 전혀 따지지 않거든요. 반드시 읽고 싶은 콘텐츠는 어떻게든 읽게 되지 않나요? 가독성을 따지기를 좋아하는 누군가 제가 좋아하는 책이나 웹사이트를 보면 할 말이 많을 거예요. 그럼에도 제가 즐겨 읽고, 즐겨 찾는 이유는 다른 데 있죠. 한편, 웹사이트에서는 생산자가 고심 끝에 부여한 시각적 질서가 제대로 작동하지 않는 경우가 왕왕 있습니다. 기본적으로 소비자가 웹 브라우저상에서 글자 크기를 제어할 수 있으니까요. 조금 더 능동적인 소비자는 확장 프로그램 등을 이용해 아예 자신의 취향에 맞게 글자체, 글자 크기, 글줄 사이 공간 등을 커스터마이징한 CSS 파일을 웹 브라우저에 탑재하기도 하고요. 이런 상황에서 따져봐야 할 건 가독성이 아니라 가독성 이전 또는 너머의 무엇 아닐까요?

잘 모르겠습니다.

모든 생산 활동의 기저에는 어떤 대상, 나아가 자기 자신을 소개하고픈 욕망이 있습니다. 이 욕망 앞에서는 이우환 선생님이나 버질 아블로, 마포평생학습관에서 첫 개인전을 연 미술가는 서로 다를 게 없죠. 게다가 소개는 절차상 반드시, 그리고 어차피 해야 할 일이죠. 그 일에만 집중하더라도 이야기는 시작될 수 있다고 믿습니다. 소개가 문제적인 까닭입니다. 민구홍 매뉴팩처링은 이 욕망을 조금 더 의식하고 양식화한 결과물이에요. 김창열 선생님에게 탐구해야 할 대상이 ‘물방울’이었다면, 민구홍 매뉴팩처링에는 ‘소개’인 셈이죠.

질문을 받고 이참에 곰곰이 생각해봤는데, 아무래도 슬기와 민의 최성민 선생님 덕인 것 같아요. 더 정확히는 최성민 선생님이 추천해주신 밥 길의 책 번역을 맡으면서요. 제가 미국에서 돌아와 워크룸으로 자리를 옮긴 2016년 무렵이었는데, 그 책에 이런 말이 나오죠. “흥미로운 말에는 시시한 그래픽이 필요하다.” 반대로 “흥미로운 그래픽에는 시시한 말이 필요하다.”라는 말도 있었죠.

무엇보다 말과 그래픽, 콘텐츠와 디자인, 내용과 형식, 두 가지의 균형이 중요하다는 뜻일 텐데, 이는 제가 늘 고민하던 바, 나아가 이제껏 제 마음을 움직이던 작품의 정체를 명쾌하게 정리해주는 말이었어요. 그 뒤로는 같은 말이라도 국면에 따라 뜻이 달라진다는 화용론(話用論, Pragmatics)에 심취하게 됐고, 자연스럽게 말이 흥미로워지는 국면을 찾아보거나 만들어보려고 합니다.

우연일지 모르지만, 안상수 선생님이든 최성민 선생님이든 저를 디자인하신 게 아닐까 싶어요. 그런 점에서 직접 사사한 적은 없지만 안상수 선생님이나 최성민 선생님은 제게 엄연히 선생님이죠. 이따금 자주 뵙고 싶기도 하지만, 그런 대상과는 아무래도 적당한 거리가 필요하다고 생각해요. 아쉬움이 있어야 계속 생각이 나니까요.

운영자의 관심사를 비롯해 여건과 파트너 등에 기인하지만, 때로는 제품 기획 단계에서 인터넷 검색 결과에 따라, 즉 제작 과정을 손쉽게 가늠할 수 있는지에 따라 종류 자체가 제한을 받기도 합니다. 해답은 인터넷 밖에 있을 수 있지만, 회사에서는 이 과정에 인터넷 검색에 필요한 정도 이상의 노동력과 시간을 투자할 계획이 없습니다. 회사 특성상 아무래도 자유롭게 이동하는 데 제한이 있으니까요.

죄송합니다. 일찍이 시인 송승언 씨 또한 같은 상황을 경험하고 분노와 당혹감을 표출한 바 있습니다. 『레인보 셔벗』에 실린 그의 경험담을 읽으며 일단 화를 눅여보시는 건 어떨까요?

자연스러운 현상입니다.

젓가락으로 콩자반을 하나씩 집어 먹다 보면 누구보다 젓가락질을 잘한다고 자부하게 됩니다. 반대로 계약서나 전시 방명록에 이름을 쓸 때는 제가 쓴 글자가 마음에 든 적이 별로 없어요. 원하지 않는 곳으로 획이 나아가 어딘가 어색한 지점에서 멈추곤 합니다. 필기구가 하필 붓이라면 결과물은 더 엉망이죠. 정확히는 모르겠지만 젓가락질을 하는 데 사용하는 근육과 글자를 쓰는 데 사용하는 근육은 조금 다른 것 같습니다. 키보드나 마우스, 터치스크린이 더 익숙해서 그럴지도 모르고요. 젓가락질을 조금 더 연습해야 할까요?

자연스러운 현상입니다. 픽셀로 이뤄진 지층을 한 겹 한 겹 벗겨내며 웹사이트의 역사를 파헤치다 보면, 그 속에 숨겨진 문화적 유물을 발견하는 디지털 시대의 고고학자가 된 듯한 기분이 듭니다.

1991년, 웹의 창시자 팀 버너스리(Tim Berners-Lee)는 월드 와이드 웹을 소개하는 최초의 웹사이트를 만들었습니다. 제가 가장 좋아하는, 나아가 가장 사랑하는 웹사이트이기도 한데, 오늘날 기준으로는 소박하고 단순해 보일 수 있지만, 디지털 혁명의 시작을 알리는 신호탄이었죠. 요하네스 구텐베르크(Johannes Gutenberg)가 발명한 활자 인쇄술처럼 이 웹사이트는 정보의 민주화를 예고했습니다. 한편, 이 웹사이트는 공개된 지 30여 년이 지난 지금까지 처음 모습, 처음 느낌 그대로 작동합니다. 이 웹사이트 앞에서 과연 누가 웹사이트를 종이책보다 보존력이 떨어지는 매체라 단언할 수 있을까요?

개념은 같아요. 차이는 방법에 있습니다. CSS에서 글자체를 제어하는 ‘font-family’ 속성에서는 폴백(fallback) 기능을 지원합니다. 쉽게 말해 몇 가지 글자체를 지정해두고, 첫 번째로 지정한 글자체의 폰트가 지원하지 않는 글리프가 있다면 다음 글자체의 폰트가 담당하는 기능이죠. 이 기능을 이용하면 섬세하지는 않지만 기본적인 섞어 짜기가 가능해요. 이보다 조금 복잡하기는 해도 자바스크립트의 힘을 빌리면 인디자인에서처럼 정규 표현식을 통해 자동으로 한글, 로만 알파벳, 한자, 가나 등 언어별 문자마다 스타일을 지정할 수 있고요. 시적 연산 학교 동문이기도 한 MIT의 소원영 씨와 뉴 스쿨(The New School)의 강이룬 선배가 만든 멀티링구얼 JS가 이를 위한 대표적인 자바스크립트 플러그인인데, 『타이포잔치 2021: 거북이와 두루미』, 『2022 부산비엔날레』 등에서 유용하게 사용했습니다. 마지막 업데이트 시점에서 무려 6년이나 지났지만, 사용하는 데 전혀 무리가 없었고요. 이 자리를 빌려 두 분께 존경을 표합니다. 나아가 아예 폰트를 커스터마이징해 앞서 말씀드린 얄궂은 설정이 필요 없는 완전한 다문자용 폰트를 만들 수도 있고요. 구글과 어도비가 합작한 노토 산스(Noto Sans)가 대표적인 보기죠.

콘텐츠를 강조하는 가장 단순하고 효과적인 방법이라 생각한다. 대상 주위에 아무것도 범접할 수 없는 여백을 두는 것만으로도 위대해 보인다.

감사하게도 제가 서울시에 납부해온 세금으로 또 다른 매체를 활용해볼 수 있다는 점 외에 회사, 즉 민구홍 매뉴팩처링을 소개한다는 주 업무에는 큰 변화가 없습니다. 온라인이든 오프라인이든, 2차원이든 3차원이든 결국 추억 속에는 민구홍 매뉴팩처링만 놓이지 않을까요?

패션 브랜드 thisisneverthat의 활동 10년을 정리한 웹사이트 「thisisneverthisisneverthat」의 데이터베이스를 정리했습니다. 일차적으로 thisisneverthat에서 입력한 데이터를 다시 한번 손보는 일이었죠. 이 웹사이트는 웹사이트나 출판물에 앞서 thisisneverthat, 워크룸, 민구홍 매뉴팩처링에서 손쉽게 협업하며 자료를 정리할 수 있는 시스템으로 고안됐습니다. 그 사이에서 그가 마중물 역할을 해준 덕에 웹사이트와 책이 만들어질 수 있었습니다.

HTML, CSS, 자바스크립트, PHP, 파이선입니다. 여기에 한국어와 영어도 포함하고 싶습니다. 프롬프트처럼 이제 자연어로도 컴퓨터와 소통할 수 있는 시대니까요.

네덜란드 아른험에서 그래픽 디자인을 공부하는 한국인 학생으로, 회사에는 두 번째 인턴이다. (첫 번째 인턴은 영광스럽게도 현재 누구보다 활발히 활동하는 송예환 씨였다.) 학교에서는 졸업 학기를 인턴십으로 갈음한고 한다. 인턴십이 실무 현장을 경험해보는 기간일 뿐 아니라 수업의 연장인 만큼 인턴에게는 다음과 같은 임무를 제시했다.

인터넷, 논문, 일간지, 단행본, 잡지, 주위의 소문 등을 통해 민구홍 매뉴팩처링에 관해 조사한 사실을 바탕으로 민구홍 매뉴팩처링이 어떤 회사인지 규정하고, 그에 걸맞는 로고를 제안한다. 이 과정에서 로고는 납작한 그래픽만으로 제한하지 않는다. 즉, 로고는 규정한 바에 따라 덜 납작한 그래픽, 시, 소설, 만화, 음악, 영상 등이 될 수 있다. 단, 로고는 어떤 대상을 상징하거나 은유해야 한다는 기본적인 목적을 벗어나서는 안 된다. 디자이너의 역할에 충실하면서 한편으로는 얼마간 수행적인 이 작업은 네덜란드 밖에서만큼은 가장 까다로운 클라이언트인 민구홍 매뉴팩처링에서 제안을 납득할 때까지 계속된다. 작업의 진행 상황을 정리한 결과물은 인쇄물, 웹사이트 등으로 출판한다. 이는 「인턴 일지」 작성을 포함해 민구홍 매뉴팩처링 인턴으로서 수행할 업무의 고갱이다.

인턴은 자신이 조사한 사실을 바탕으로 로고 없는 회사에 여러 매체를 통해 로고를 제안하면서 여러 매체를 다뤄보고 동시에 (신출내기 그래픽 디자이너에게는 어쩌면 숙명인) 거절당하는 일에 익숙해진다. 한동안 원격으로 일하던 인턴은 코로나 때문에 학교가 문을 닫으면서 갑자기 귀국하게 됐고, 회사뿐 아니라 동시에 회사가 기생하는 워크룸에서 한 달 동안 일했다. 월급은 워크룸에서 받았다. 어찌 보면 이중 기생인 셈인데, 그 덕에 인턴은 앞으로 이력서에 두 회사, 즉 민구홍 매뉴팩처링과 워크룸에서 일했다는 경력을 기입할 수 있게 됐다. 지금은 업무 차 제주도로 출장을 간 상태다. 좋은 일인지는 아직 모르겠지만, 회사나 인턴 모두 코로나 덕에 생각지 못한 경험을 하게 됐다.

한편, 몇 달 전에는 이름을 밝힐 수 없는 회사 두 곳에서 제법 파격적인 조건으로 인수 제안을 받기도 했다. 하지만 당분간은 워크룸에 기생하기로 했다. 회사의 궁극적인 목표가 운영자, 즉 나의 행복이기 때문이다. 두 제안 모두 수락했을 때 불행해지지는 않겠지만, 지금보다 극적으로 더 행복해진다는 보장이 없었다. 방탄소년단의 제이홉도 「Answer: Love Myself」에서 읊지 않았던가.

오, 지금 날 위한 행보는 바로 날 위한 행동 / 날 위한 태도 / 그게 날 위한 행복 / I’ll show you what I got / 두렵진 않아 그건 내 존재니까 / Love myself

얼핏 평온하고 순진해 보이지만 들여다볼수록 어딘가 불온해 보인다. (또는 그 반대.) 처음 세운 논리와 원칙을 끝까지 유지하며 동시에 부순다. 가볍다.

소비자로서 내용은 내게 유익하기만 하면 그만이다. 이는 아무래도 상대적이고 유동적이다. 예컨대 간식으로 먹을 파이를 만드는 데 칼 세이건(Carl Sagan)의 『코스모스』(Cosmos)는 내가 구운 ‘우주적’ 파이의 맛까지 보장해주지 않으니까.

형식에 관해서는 할 말이 좀 더 있다. 마이크로 타이포그래피는 완벽할수록 좋지만, 매크로 타이포그래피에 대해서는 잘 모르겠다. 앞표지에 예쁜 꽃 사진 한 장만 넣어도 충분할 때가 있다. 중요한 건 그게 수선화인지, 양귀비인지다.

한편, 나는 디자인 학교에서 넓게는 웹, 좁게는 인터랙티브 디자인을 가르치기도 한다. 학생들에게 웹사이트는 판형이 정해지지 않은, 부피와 무게가 없는 책이고, 책은 하이퍼링크와 스크롤바가 없는, 부피와 무게가 있는 웹사이트라고 말하곤 한다. 당신도 알다시피, 웹이 과학자들의 논문 공유를 통한 공동 연구를 위해 시작된 것처럼 웹사이트의 형식은 책에 많은 부분을 빚지고 있다. 언젠가 둘은 형식에서는 갈림길에서 헤어졌지만 목적지는 하나다. (둘이 가는 길은 테서랙트 안에 있는 것 같다.) 물론 이사할 때는 책이 훨씬 불리하다. 반대로 웹사이트는 ‘인쇄한(publish)’ 뒤에도 언제든 수정할 수 있다는 점에서 절제력과 결단력이 없으면 팔목터널증후군이 생길 가능성이 커지니 주의해야 한다.

제법 많습니다. 0.125, 2, 3, 6, 12, 14, 16, 24, 38, 42, 999입니다. 어떤 것은 글쓰기, 어떤 것은 또 다른 글쓰기, 즉 코딩, 어떤 것은 마이크로 타이포그래피, 어떤 것은 매크로 타이포그래피와 관련이 있습니다.

물론 형식도 중요하다. 하지만 콘텐츠가 한 뼘 정도는 더 중요하다.

이 책은 지금은 문을 닫은 전설적인 갤러리 ‘아카이브 봄’에서 열린 『레인보 셔벗』을 정리한 도록 겸 단행본이에요. 기획을 포함한 책임 편집은 최근에 일민미술관으로 자리를 옮긴 윤율리 씨가 담당했죠. 민구홍 매뉴팩처링의 주 고객 가운데 한 분으로, 어쩌다 보니 여름이 다가오면 함께 평양냉면을 먹는 사이가 됐어요. 도록에는 보통 작품에 관한 비평문이 실리기 마련인데, 여기서는 ‘작품’이 아닌 ‘제품’이니 ‘비평문’보다는 ‘후기’가 어울리기 때문 아니었을까요? 저도 궁금하니 이참에 율리 씨를 한번 인터뷰해보시는 건 어떨까요?

이 책에서 제가 담당한 건 뒤표지였어요. 뒤표지에는 보통 책 내용을 정리한 소개문을 싣죠. 소개문은 책을 디자인하고 드물게 인쇄 과정을 감리까지 해주신 슬기와 민 선생님들께 의뢰했는데, 덕분에 근사한 소개문이 탄생했어요. “『레인보 셔벗』은 민구홍 매뉴팩처링에서 회사를 소개하는 데 일조하는 책이다. 이런 식의 소개문 몇 줄이 들어가면 좋겠습니다. (…) 다만, 분량은 160자 정도로 제한해 주세요.” 덩달아 회사에서는 자연스럽게 선생님들의 명성에 기댈 수 있었고요. 참, 표지를 장식한 인물은 그래픽 디자이너 강문식 씨가 발견했죠.

컴퓨터는 잘못이 없습니다. 문제는 우리, 즉 인간에게 있죠. 지오시티는 2009년 느닷없이 사라졌습니다. 지금은 네오시티(Neocities)가 그 역할을 맡고요. 이처럼 웹사이트는 매체인 동시에 느닷없이 등장하고 사라지는 공간이기도 합니다.

그리고 2000년대 초반, 웹 2.0 시대가 열렸죠. 블로그와 소셜 미디어의 등장은 모두를 창작자로 만들었습니다. 마이스페이스(MySpace)에서는 누구나 자신만의 음악을 공유할 수 있었고, 위키백과(Wikipedia)에서는 모두 지식의 공동 생산자로 거듭났고요. 일상이 예술이 되고, 모든 이가 예술가가 되는 시대. 보들레르가 말한 ‘현대성’의 디지털 버전이랄까요? 2007년에는 아이폰의 등장으로 모바일 혁명이 일어났습니다. 반응형 웹 디자인(Responsive Web Design)의 등장으로 웹사이트는 더 이상 고정된 책이 아니라 프로테우스(Proteus)같이 형태를 바꾸는 유동적인 존재로 탈바꿈했죠. 그렇게 우리의 디지털 경험 또한 근본적으로 변화했고요. 그리고 지금, 우리는 인공지능을 비롯해 가상현실(Virtual Reality, VR), 증강현실(Augmented Reality, AR) 등이 주도하는 새로운 시대의 문턱에 서 있습니다. 웹사이트는 더 이상 2차원의 평면이 아니라 몰입할 수 있는 3차원 공간으로 거듭났습니다. 보르헤스의 알렙처럼 작디작은 화면 속에 무한한 세계가 펼쳐지는 거죠. 이따금 위키백과에서 이런 일도 벌어지면서요.

웹사이트의 변천사를 돌아보면 기술의 발전뿐 아니라 인간의 표현 욕구와 소통 방식의 진화를 목격할 수 있습니다. 각 시대의 웹사이트는 해당 시대의 꿈과 욕망, 미학을 담은 문화적 아카이브입니다. 벤야민이 말했듯 “과거의 진정한 이미지는 휙 스쳐 지나간다.” 우리가 매일 마주하는 수많은 웹사이트도 언젠가는 사라질 게 분명하지만 모두 우리 시대를 이해하는 중요한 단서가 되겠죠. 오늘의 고고학자들이 도자기 파편으로 고대 문명을 연구하듯 내일의 고고학자들은 아카이브된 웹사이트를 통해 우리의 디지털 문명을 연구할지 모릅니다. 그렇다면 지금 우리가 만드는 웹사이트는 후대에 어떤 이야기를 전하게 될까요? 이는 수사적 질문이 아닙니다.

• 『시청각 문서 1-[80]』
• 『인덱스카드 인덱스 1』
• 『감옥에서 쇼핑하기』
• 『문예 비창작』
• 『스페인 연극』
• 『포스트 인터넷』
• 『이제껏 배운 그래픽 디자인 규칙은 다 잊어라. 이 책에 실린 것까지.』
• 『자습서』
• 『BIC 카탈로그』
• 『3M 카탈로그』
• 『유라인 카탈로그』

민구홍 매뉴팩처링에서는 넓게는 인터넷을, 좁게는 웹을 사랑한다. 웹은 상대적으로 적은 노동력으로 제품을 제작할 수 있는 환경이자 접근하기 쉬우면서 유용뿐 아니라 무엇보다 많은 사람이 잠들기 전에 마주할 대상이 될 가능성이 크기 때문이다. 특히 코로나 이후에는 기술 지원에 관한 문의를 많이 받는 편인데, 대가가 합리적이고 여유만 있다면 기꺼이 응하는 편이다.

최근에는 뉴욕의 그래픽 디자인 스튜디오인 워크숍스(Wkshps)와 제11회 서울미디어시티비엔날레 티저 웹사이트를 만들었다. 행사명은 『하루하루 탈출한다』(One Escape at a Time)였는데, 2020년 9월에 열릴 예정이었다가 메인 웹사이트 작업 도중 내년 가을로 미뤄지고 말았다. 이제껏 현실과 깔끔하게 유리된 듯 보였던 미디어 아트도 현실과 완전히 분리될 수는 없는 듯하다. 예정된 여러 행사가 취소되거나 지연되는 소식을 마주하면, 이제껏 자연스럽고 당연하게 여겨온, 사람이 모이는 일의 경제적인 위력을 실감한다.

아예 온라인에 기반을 둔 레프트 갤러리(Left Gallery)나 DDDD처럼 조금 더 작지만 시류에 영리하게 영합하는 전시 모델도 있다. 특히 네덜란드의 미술가 하름 판 덴 도르펠(Harm van den Dorpel)이 2015년에 설립한 레프트 갤러리는 작품을 열람할 수 있을 뿐 아니라 작품의 소스 코드를 비트코인이나 이더리움 등으로 구입할 수 있다. 민구홍 매뉴팩처링이 임시로 소속돼 있기도 하다.

아트선재센터에서 열리는 미술가 돈선필의 개인전 『초상권』(Portrait Fist)을 위해 만든 영상 「자기소개」(自己紹介)에서는 25여 분 동안 ‘얼굴’이 자신을 소개한다. 돈선필은 자타가 공인하는 피규어(フィギュア) 오타쿠다. 그가 쓴 대본대로 목소리를 녹음하고, 그가 웹에서 긁어모은 얼굴에 관한 ‘짤방’들에 심취하다 보니 결과물은 자연스럽게 TV 도쿄(テレビ東京)에서 방영하는 교양 프로그램 같은 형식을 띠게 됐다. 이에 관해 조금 더 알고 싶다면 『한국예술종합학교신문』에 실린 김얼터의 「나를 나로 만드는 것」을 읽어보기를 권한다.

누군가를 혐오하기보다 그를 자기 것으로 이용할 구실을 만들어보시면 어떨까요? 분에 못 이겨 혐오를 공론화하신다면, 이 또한 결국 민구홍 매뉴팩처링을 소개하는 일로 수렴할 가능성이 큽니다.

차라리 처음부터 작품이 온라인과 오프라인, 두 가지(branch)로 존재할 수 있는 여지를 염두에 두면 어떨까? 또는 작품의 원본은 온라인에 두고, 작품이 온라인에서 오프라인으로 번역되는 과정이 오프라인 작업의 요소가 되는 건?

<a> 태그입니다. 콘텐츠에 하이퍼링크를 만들어 다른 콘텐츠와 잇는 태그로, 웹을 웹답게 만드는, 웹의 산소 같은 존재죠. 인쇄물과 웹사이트를 구별짓는 대표적인 태그이기도 해요. 인쇄물에서 각주, 방주, 미주에 불과했던 콘텐츠는 <a> 태그 덕에 웹에서 새로운 지위를 획득했으니까요. a는 ‘닻(anchor)’를 뜻해요. 여러 해석이 있지만, 저는 웹사이트에서 하이퍼링크를 클릭했을 때 그곳에 닻을 내리고 다른 곳으로 이동한다고 생각해요.