자주 하는 질문

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

민감할수록 분명히 밝혀야 한다. 게다가 많든 적든, 길든 짧든 회사의 노동력과 시간을 투여하는 만큼 이는 회사의 생존 측면에서 중요한 문제다. 하안선은 있지만 서로 어색해지 않는 선에서 많을수록 좋다. 게다가 기본적으로 어떤 식으로든 민구홍 매뉴팩처링을 소개해야 한다는 조건이 붙는다. 하안선을 충족하기 어려운 상황이라면 회사를 적극적으로 소개하는 것으로 갈음하기도 한다. 예컨대 소설가라면 4대 문예지 가운데 한 곳에 회사에 관한 작품을 발표해야 하는 식이다.

한편, 민구홍 매뉴팩처링이 디자인 에이전시였다면, 908A를 운영하는 강이룬 선배의 조언을 기준으로 삼았을 것이다.

사람, 돈, 포트폴리오 가운데 하나만 충족하면 된다.

없습니다. 하지만 반드시 만들어야 한다면 처음부터 선언문을 직접 쓰기보다 아무래도 평소처럼 적절한 선언문을 선택해 편집하는 편이 좋겠습니다.

• 아이디어에서 출발할 것.
• 우연을 받아들이고, 우연의 일치를 즐길 것.
• 즉흥적으로 만들고, 작위적으로 해석할 것.
• 불필요한 요소를 제거할 것.
• 기대를 배반할 것.
• 어려운 일을 쉬워 보이게, 즉 스프레차투라.
• 처음이 되거나, 마지막이 되거나.
• 복잡한 아이디어가 단순한 결과물을 만들 수 있음을 믿을 것.
• 복잡한 아이디어가 단순한 결과물을 만들 수 있음을 믿은 결과물을 적어도 두 번 이상 반복할 것.
• 복잡한 아이디어가 단순한 결과물을 만들 수 있음을 믿은 결과물을 적어도 두 번 이상 반복할 것.
• 과정을 믿을 것.
• 개념이 형태를 결정하도록 설계하거나 유도할 것.
• 재료와 제작을 본질로 환원할 것.
• 아이디어의 온전함을 유지할 것.
• 어리석어 보일 만큼 정직함을 해결책으로 제시할 것.
• 아니면 완전히 반대로.

다음 조건을 만족하는 사람 이름 짓기. 순서는 무순이다. 특정 성별을 암시하지 않을 것. 누구나 발음하기 쉬울 것. 순우리말 같지만 한자로 표기할 수 있을 것. 영어로 표기했을 때 열 글자 이하일 것. 지나치게 유별나지 않을 것, 즉 주위에서 놀림감이 될 여지가 없을 것, 즉 이름의 주인이 뒤늦게 나를 증오할 가능성을 차단할 것. 시대를 초월해 우아하고 세련될 것. 한 글자 이상일 것. 음양오행의 조화를 이룰 것. 성은 ‘민’일 것.

오늘날 분야를 떠나 모든 생산 활동의 기저에는 크든 작든 생산 주체, 즉 자신을 소개하고픈 소중하고 아름다운 욕망이 자리합니다. 이 점에서는 이우환 선생이나 버질 아블로(Virgil Abloh)나 마포평생학습관에서 개인전을 연 미술가나 별다를 게 없습니다. DDDD 또한 마찬가지 아닐까요? 민구홍 매뉴팩처링에서는 순진하리만큼 그 욕망에 충실하려 합니다. 단지 회사로서 조금 더 의식하고 양식화해 드러낼 뿐이죠.

VISLA와 민구홍 매뉴팩처링의 컬래버레이션. 그리고 욕조 설치. 불과 몇 년 전 욕실을 리모델링하면서 호기롭게 욕조를 철거했는데, 따뜻한 물에 몸을 담그는 일이 이렇게까지 어려워질 줄은 시진핑(習近平) 주석과 그의 핵심 측근을 제외하면 누구도 예상하지 못했을 것이다.

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

너무 극단적인데요? 오늘날 헨리 데이비드 소로(Henry David Thoreau)가 되는 건 아무래도 쉽지 않은 일입니다. 그럼에도 웹사이트의 가치는 무화하지 않습니다. 실시간으로 업데이트되는 뉴스, 24시간 운영되는 쇼핑몰, 언제 어디서나 접속할 수 있는 은행 등 오늘날 저뿐 아니라 누구나 마주하는 이기(利器)는 모두 웹사이트 덕이니까요. 우리에게 필요한 건 그저 웹사이트를 조금 더 깊이 있게 바라보는 시선 아닐까요? 요컨대 웹사이트는 새로운 표현의 장이자 새로운 언어가 될 수 있습니다. 율리시스가 세이렌의 노래를 감상하며 배를 조종했듯 디지털의 온갖 유혹에 현명하게 대처할 수만 있다면 말이죠. 이쯤에서 잠시 생각해볼까요? 오늘 하루 얼마나 많은 웹사이트를 방문했을까요? 그 경험은 무엇을 남겼을까요? 시인이 언어로 시를 쓰듯 웹사이트로 무엇을 표현할 수 있을까요? 이 질문에 대한 답을 찾는 과정에서 웹사이트의 또 다른 가능성을 발견할 수 있습니다.

다음은 민구홍 매뉴팩처링의 또 다른 제품 「‘좋아요’가 좋아요」입니다. 많은 사람이 깜찍한 하트 아이콘을 위시한 ‘좋아요’의 자발적 노예가 된 오늘날, ‘좋아요’를 신봉하는 이 웹사이트에서 방문자가 할 수 있는 일은 오직 ‘좋아요’뿐입니다. 그 앞에서 다른 기능은 불필요하죠.

글쎄?

저 또한 마찬가지입니다.

10여 년 동안 종이책과 웹사이트를 편집해온 바로 오프라인 출판은 핑퐁 게임과 비슷합니다. 생산자의 역할은 크게 편집과 디자인으로 나뉘고, 서로 콘텐츠를 탁구공 삼아 주고받으며 결과물을 완성하죠. 반대로 온라인 출판, 즉 웹사이트는 저 한 사람이 거의 모든 것을 총괄합니다. 혼자 벌이는 핑퐁 게임이랄까요? 이 과정은 제게 글쓰기와 같습니다. 텍스트 에디터상에서 코딩, 즉 글을 쓰면서 시작해 트러블슈팅(troubleshooting), 즉 퇴고로 끝나니까요. 이 과정에서 자연스럽게 결과물의 구조적 질서, 시각적 질서, 기능적 질서까지 고려하게 되고요. 이 글쓰기의 끝에는 반드시 웹사이트만 있는 건 아닙니다. 공장에서 제품이 컨베이어벨트를 지나며 차곡차곡 조립되는 것처럼 과정이 분명하면 좋겠지만, 실제로는 아주 엉망진창입니다. 글쓰기 또는 웹처럼요.

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

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

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

HTML은 콘텐츠에 개념적인 구조와 맥락을 부여하며 현재 총 113가지 태그(tag)를 지원한다. 이를 통해 웹 브라우저는 콘텐츠에서 무엇이 제목이고, 문단이고, 이미지고, 캡션인지 파악한다. 모든 웹 기술의 공통분모라는 점에서 HTML은 개념적으로 그래픽 디자인에서 타이포그래피에 해당한다. CSS는 HTML로 구조와 맥락을 부여받은 콘텐츠에 스타일을 부여한다. 여기서 스타일은 마이크로 타이포그래피뿐 아니라 매크로 타이포그래피, 애니메이션을 아우르며 현재 CSS가 지원하는 129가지 속성(property)으로 스타일이 만들어진다. 거칠게 말하면, 웹사이트를 만드는 일에서 중요한 부분은 결국 113가지 HTML 태그와 129가지 CSS 속성을 조합하고 편집하는 일이다. 태그와 속성이 조합되는 경우의 수는 최소로 계산해도 무한(106,559,732,167,812,574,200)에 가깝다. HTML과 CSS는 아마 가장 익히기 쉬운 언어일 것이다. 복잡한 연산을 수행하는 프로그래밍 언어는 아니지만, 탐구해 볼수록 ‘코딩이라는 글쓰기’와 관련해 생각할 거리가 적지 않다. 여기에 특정 기능이 필요하다면 프런트엔드에서는 자바스크립트(JavaScript, JS), 백엔드에서는 자바(Java), PHP(PHP: Hypertext Preprocessor), 파이썬(Python) 등의 언어가 필요하다.

‘매뉴팩처링(manufacturing)’은 일반적으로 ‘원재료를 인력이나 기계력 등으로 가공해 제품을 대량생산하는 산업’을 뜻하지만, 야구에서는 ‘도루나 진루타, 희생타 등 안타가 아닌 방법으로 득점하는 기술’을 가리키기도 합니다. 단어가 품은 기능주의와 기회주의를 실천하려는 의지를 회사 이름에 드러내고 싶었습니다.

‹새로운 질서›는 2016년 크리스마스 이튿날 워크룸에서 열린 비공개 웹 세미나에서 시작됐다. 시적 연산 학교를 마치고 뉴욕에서 막 돌아온 참이었는데, ‘현대인을 위한 교양’으로서 웹 기술을 익혀두면 워크룸 구성원들이 일하는 데 어떤 방식으로든 도움이 되리라는 생각에서였다. 그 뒤 여러 특강과 워크숍, 파주타이포그라피배곳 강의 등을 통해 조금씩 커리큘럼이 다듬어져 지금에 이르렀다. 지금까지 200여 명의 ‘‹새로운 질서› 친구들’과 추억을 쌓았고, 이들 가운데는 국립현대미술관의 «프로젝트 해시태그»(Project Hashtag, 2020–) 사업에 선정돼 느닷없이 미술계로 편입되기도 했다.

민구홍 매뉴팩처링, ‹새로운 질서›, 웹사이트. 웹사이트 제목인 ‘새로운 질서’는 1초마다 낱자별로 새로운 질서를 부여받는다. 사진 제공: 작가

‹새로운 질서›에서는 기술로서 디자인을 다루기도 하지만, 웹 디자인 강좌가 아니다. 오히려 ‘실용적이고 개념적인 글쓰기’ 강좌에 가깝다. ‹새로운 질서› 친구들은 자신의 관심사(자신이 좋아하는 것, 싫어하는 것 등)를 토대로 자신만의 콘텐츠를 생산하고, HTML, CSS, 자바스크립트 같은 컴퓨터 언어를 익혀 콘텐츠에 단계별로 새로운 질서를 부여해본다. 기술을 다루므로 실패에 익숙해지고, 자신의 한계를 파악해 욕망을 발산할 우회 전략을 고민해보기도 한다. 글쓰기의 결과물은 결국 웹사이트지만, 사실 더욱 가치 있는 건 그 과정에서 시작되는 이야기다.

“당신은 바이러스입니다.” 「바이러스 시뮬레이터」에 등장하는 첫 문장입니다. 「바이러스 시뮬레이터」 속 세계에서 사용자, 즉 바이러스는 허약한 인간을 찾아내 모두 감염시켜야 비로소 평화를 맞이합니다. 허약한 인간을 감염시키면 “좋습니다.” 같은 격려 메시지를, 건강한 인간과 마주하면 미리 설정된 목숨이 하나씩 줄고 “건강 조심하세요!” 같은 안부 메시지를 받습니다. 하지만 메시지의 수신자는 반대로 감염되거나 감염을 피한 인간이기도 합니다. 「바이러스 시뮬레이터」는 지구의 입장에서 인간 또한 또 다른 바이러스라는 생태학적 사실을 드러내기보다 오히려 바이러스의 입장에서 인간을 이해해보려는 시도입니다. 때로는 누군가의 불행이 결과적으로 불행한 누군가를 포함한 모두의 행복일 수 있고, 결국에는 어느 쪽이든 평화를 맞이하리라는 몰염치한 낙관론과 어떤 인간에게는 이런 방식이 코로나19 이후 속속 등장한 감염자 추이를 보여주는 수많은 웹사이트보다 유익할지 모른다는 판단도 작용했습니다. 민구홍 매뉴팩처링의 방식으로 고객에게 보내는 안부 메시지기도 하고요.

여러모로 고마운 사람이다. 최정호에 관한 책을 만들어서 월급을 받았고, 최정호가 만든 서체로 사람들에게 「(웃음)」도 드렸다.

물론 있습니다. 얼마 전에도 908A에 발급한 바 있고요.

해외여행부터 언감생심인 상황에서 5년여 뒤 마흔 이후에 이민하려던 희망사항은 일단 기약 없는 꿈이 됐다. 매일 잠들기 전에 가고픈 나라의 이민국 웹사이트와 다른 사람들이 블로그에 게시한 여행 후기를 들여다보며 아쉬움을 달랜다.

기억이 잘 안 난다. 전에 다니던 회사에서 최정호에 관한 책을 만든 적이 있는데, 그전까지 피상적으로만 알던 최정호를 아무래도 그때 남들보다 조금 더 자세히 알게 된 것 같다. 책 초판이 출간된 게 2014년이니 어쨌든 4년이 채 안 된 셈이다.

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

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

한글 웹 폰트는 영문보다 글리프가 많으므로 그만큼 용량이 크다. 따라서 웹 브라우저가 파일을 내려받아 렌더링하는 데 시간이 걸릴 수밖에 없다. 비용에 관해서도 이야기해 볼 만하다. 2020년 한 글자체를 웹 폰트로 사용해 보려고 제작사에 비용을 문의해 보니 1,000만 원에 가까웠다. 폰트 파일이 무단으로 유출될 수 있음을 감안한 금액일 텐데, 그럼에도 인쇄물용 라이선스보다 많게는 30배 이상 되는 금액은 사실 납득이 되지 않는다. 폰트 디자이너의 생계와도 관련한 문제겠지만, 구글 폰트(Google Fonts)에 서비스되는 한글 폰트가 더욱 많아지면 좋겠다. 최근에 폰트 디자이너 류양희는 ‘고운바탕’과 ‘고운한글’을, 함민주는 ‘함렡’(Hahmlet)을 구글 폰트에 공개한 바 있다. 노토 산스(Noto Sans)를 기반으로 만들어진 스포카(Spoqa)의 ‘스포카 한 산스’(Spoqa Han Sans)와 길형진의 ‘프리텐다드’(Pretendard)는 특히 완성도가 높다. 상징성 면에서 AG 타이포그라피연구소의 안상수체나 최정호체는 오픈 소스로 공개하면 좋겠는데, 지나친 욕심일까?

파격이란 건 익숙함이 있기에 성립할 수 있겠죠. 제 욕망 때문이라기보다는 그게 콘텐츠에 부합하는 방식이라는 생각. 디자인은 웹 초창기에 이미 존재했어요. 제게는 아주 평범한 모습이죠. 웹이라는 기술이 소개된 지 얼마 되지 않았을 때 사람들은 다양한 방법으로 자신만의 공간을 만들었죠. 기술도 부족하고 시각적인 규칙도 성립되지 않았기 때문에 결과물은 제각각이었어요. 민구홍 매뉴팩처링의 기술을 거친 웹사이트들은 파격적인 시도라기보다는 잠시 잊힌 평범한 웹을 변주하거나 재해석한 결과에 가까워요.

슬기와 민의 최성민 선생님 권유로 미국의 전설적인 그래픽 디자이너 밥 길(Bob Gill)의 『이제껏 배운 그래픽 디자인 규칙은 다 잊어라. 이 책에 실린 것까지.』를 번역한 적이 있는데, 이 책에는 “흥미로운 말에는 시시한 그래픽이 필요하다. 시시한 말에는 흥미로운 그래픽이 필요하다.”라는 구절이 나와요. 말과 그래픽이 조응하는 데는 균형이 필요하다는 뜻이죠. 저는 그래픽보다 말이 흥미로운 걸 좋아해요. 그러다 보니 말을 어떻게 다뤄야 할지 고민하는 데 시간을 쏟는 편입니다. 민구홍 매뉴팩처링을 거친 웹사이트들은 사실 기초적이고 기본적인 기술을 응용한 결과예요. 코드만 보면 누구나 따라 할 수 있을 정도죠. 이것들이 파격적으로 느껴지는 것도 그래픽보다는 말 때문일 겁니다.

수차례 밝혀왔듯 민구홍 매뉴팩처링은 웹 디자인 에이전시가 아닙니다. 저는 웹사이트를 디자인한다기보다 그저 제가 좋아하고 잘하는 방식으로 글을 쓰고 편집한다고 생각해요. 그 결과물 가운데 하나가 웹사이트인 거죠. 그게 용케도 누군가의 욕망에 부합하는 거고요. 많지는 않지만 이런 방식을 사랑해주시는 고객들 덕에 민구홍 매뉴팩처링은 지금까지 근근이 생존할 수 있었죠.

둘 다 맞거나 둘 다 틀립니다. 「새로운 질서」를 시작한 건 2016년, 미국 시적 연산 학교(School for Poetic Computation)에서 수학한 뒤 한국에 돌아온 뒤였죠. “어떤 대상을 좋아하고, 급기야 사랑하게 되면 그 아름다운 마음을 주위와 나누고 싶게 마련이다.” 「새로운 질서」에서는 웹을 이루는 기본적인 컴퓨터 언어를 익혀 자신의 관심사를 재료 삼아 자신만의 웹사이트를 만들어봅니다. 매주 금요일 열리는 「새로운 질서」에서는 국립현대미술관, 서울시립미술관, 파주타이포그라피배곳, 하자센터, 홍익대학교 등과 어깨동무하며 핸드메이드 웹의 정신으로 자신만의 웹사이트를 만드는 즐거움을 나눕니다. 어느덧 「새로운 질서」와 함께한 친구들이 어느덧 400여 명을 넘은 것도 모두 웹사이트 덕이죠. 웹사이트가 현실과 조금 더 가까워지거나 어떤 차원에서는 이미 현실을 대체한 오늘날, 「새로운 질서」가 새로운 문해력을 익히는 동시에 자신을 향한 사랑을 확장하는 시공간이 되기를 기대할 뿐입니다.

정확히는 그날 22시 22분 22초이니, 2는 열두 개가 포함됩니다. 2는 제가 가장 좋아하는 숫자기도 하고요. AG 랩은 안그라픽스의 새싹 또는 홀씨 또는 곁가지입니다. AG 랩에서는 (1) 안그라픽스가 35년여 동안 한국 디자인계에서 쌓아온 유산을 재료 삼아 안그라픽스 안팎, 즉 구성원과 잠재 고객에게 영감과 용기를 선사하는 크고 작은 일을 기획하고 수행하는 한편, (2) 이를 통해 온라인과 오프라인에서 콘텐츠를 생산하고 다루는 여러 방식을 모색하는 한편, (3) 민구홍 매뉴팩처링의 기존 활동을 지원하며 일하기의 또 다른 모델을 실험하는 한편, (4) 민구홍 매뉴팩처링을 통해 미술 및 디자인계 안팎에서 작동하는 하이퍼링크를 자처하는 한편, (5) 그 성공과 실패를 파주타이포그라피배곳, 한국타이포그라피학회, 새로운 질서 등 기존 교육 시스템 안팎에서 나누려 합니다. AG 랩의 행동강령은 다음과 같습니다. “작고, 단순하고, 느닷없고, 끊임없이!” 다소 거창해 보이지만, 제가 지금껏 해온 일과 크게 다르지 않습니다. 계획에 없던 깜짝 에피소드 하나가 추가됐을 뿐입니다. 또는 제게 좋은 친구가 생겼다고 여기면 어떨까요?

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

해당 게임뿐 아니라 게임을 마음껏 뜯어고칠 수 있도록 주석과 함께 소스 코드가 제공됩니다. 지금은 안타깝게도 품절됐다고 합니다.

개념 미술가 온 가와라(On Kawara)는 죽을 때까지 ‘나는 아직 살아 있다’(I am still alive.) 연작을 진행했습니다. 전보를 보냈죠. 생전에 찍힌 사진이 한두 장일 정도로 외부 활동을 삼갔죠. 동시에 연결이 필요했던 거겠죠. 제목처럼 그렇게 자신이 어딘가에 살아 있음을 알렸습니다.

‘…까닭은?’ 연작은 2022년 무렵 갑자기 시작했는데, 저도 늘 까닭을 찾고 있습니다. 따지고 보면 온 가와라와 비슷한 이유가 아닐까 싶어요. 사실 인스타그램을 비롯한 소셜 미디어를 그렇게 열심히 사용하지는 않는데, 그럼에도 사용할 수밖에 없는 얄궂은 상황에서 제가 할 수 있는 최소한의 방식입니다. 즉, ‘…까닭은?’이라는 저 스스로에게 묻는 셈인 거죠.

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

영업 비밀이 드러날 수 있으므로 자세히 밝히기는 곤란하지만, 좋아하는 몇 가지 방식을 소개할 수는 있겠다. 하나는 ‘화면 가운데에 맞춘, 화면 너비에 크기가 비례하는 글자’다. 타이포그래피의 여러 강조법 가운데 특히 ‘가운데 맞추기’를 좋아하는데, 가장 단순하면서 효과적인 강조법이라는 생각에서다. 특히 화면 가운데 놓이면 어떤 권위를 생기기도 한다. 좋아하는 만큼 즐겨 사용하기도 한다. 이렇게 범용적인 스타일을 구축한 뒤에는 콘텐츠 자체에 관해서만 고민할 수 있다.

또 하나는 ‘무작위’다. 웹사이트에 접속할 때마다 새로운 또는 생경한 느낌을 주려는 의도다. 가나다순, 알파벳순, 게시 날짜 역순 등 기본적인 콘텐츠 정렬 순서 탓에 눈에 잘 띄지 않는 콘텐츠를 위한 장치이기도 하고, 수많은 디자인적 선택에 따른 책임을 함수(function), 즉 컴퓨터에 전가하려는 태도이기도 하다.

‘최소 입력, 최대 출력’을 지향한다. 즉, 콘텐츠를 굳이 여러 페이지로 나누기보다 한 페이지 안에서 기본적인 열람 방식인 상하 스크롤을 적극적으로 활용하는 방식이다. 사용자의 클릭이나 터치 또한 노동력이 필요하므로 이를 최소화하려는 의도다.

콘텐츠를 한 화면에 배치하기보다 레이어별로 세분화하고, 여기에 모션이나 시퀀스를 부여하는 등 시간이라는 요소를 도입하기도 한다.

웹 브라우저를 가만히 들여다보면 콘텐츠는 반드시 웹 브라우저의 주 화면에만 놓이지 않는다. 예컨대 제목 표시줄이나 패비콘(Favicon), 웹 조사기를 활성화한 뒤에 볼 수 있는 소스 코드나 콘솔(console) 화면 또한 웹사이트의 일부분으로 간주하는 것이다.

도메인, 즉 웹사이트 주소 또한 웹사이트에서 파생된 콘텐츠다. 김뉘연과 전용완의 웹사이트 주소(http://kimnuiyeon.jeonyongwan.kr)가 좋은 보기다. 도메인은 크게 주 도메인(main domain)과 보조 도메인(subdomain)으로 나뉘는데, 보조 도메인(김뉘연)은 주 도메인(전용완) 없이 성립할 수 없고, 보조 도메인(김뉘연) 없이 주 도메인(전용완)만으로는 웹사이트에 접속할 수 없다. 듀오로 활동하는 생산자의 웹사이트에 개념적으로나 기술적으로 적합한 도메인 형태 아닐까 싶다. 게다가 그 덕에 조금 길긴 하지만, [email protected](김뉘연)과 [email protected](전용완) 같이 아주 근사한 이메일 주소가 탄생했다.

한편, 일을 하다 보면 자연스럽게 함께 일하는 사람에 관해서도 알게 되고, 나아가 일을 통해 그에게 깜짝 선물 같은 걸 건네고픈 생각이 들기도 한다. 웹사이트 어딘가에 이스터에그처럼 서로만 알 수 있는 특정 요소를 굳이 숨겨놓는 까닭이다. 헛웃음이나 코웃음일지라도 그가 그것을 발견하고 웃음 짓는 모습을 상상하는 것이다. 일종의 사랑이다.

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

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

저도 마찬가지입니다. 드림호스트를 사용하는데, 싸구려 플랜인지라 한국에서는 조금 느립니다.

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

인스타그램을 잘 사용하지는 않지만 물론 가능하겠다. 하지만 인스타그램 자체가 이미 전시장인데, 거기서 전시를 연들 무슨 효과가 있을까? 한뼘만 스크롤해도 ‘미술’보다 아름다운 콘텐츠가 즐비한데 과연 누가 주목할까?

요컨대 일상과 추억에서 영향을 받는 편이다. 특히 자주 또는 이따금 만나는 사람들이 귀감이 된다. 예컨대 박활성 선배의 실용적인 결단력, 김형진 선배의 낭만주의, 최슬기·최성민 선생의 유머 감각, 아내와 로럴 슐스트의 삶을 대하는 태도, ‘「새로운 질서」의 친구들’의 자신을 사랑하는 마음… 비슷한 의미로 1990년대 말 ‘닷컴 버블’이 꺼지면서 순식간에 사라진 웹 1.0의 엉망진창인 분위기도 동경의 대상이다. ‘브루탈리즘’(Brutalism), ‘반디자인;(Anti-design), ‘시대착오’ 같은 어휘로 소개되곤 하는데, 그렇게 한마디로 축약하기 어려운 ‘평범한 웹’을 향한 그리움이다.

「민구홍 매뉴팩처링 기프트 카드」가 준비돼 있습니다. 취미가 또는 스튜디오 파이에 문의해주시면 감사하겠습니다. 카드에 표시된 비율만큼 기술 지원 비용을 할인해드리며, 카드 판매 수익은 회사에서 지원하는 「새로운 질서」를 운영하고, 새로운 교육 프로그램을 개발하는 데 사용됩니다.

시적 연산 학교의 마지막 과제가 자신이 만들고픈 학교를 기획하는 거였어요. 저는 ‘리코타 인스티튜트(Ricotta Institute)’를 제안했는데, 4주에 걸쳐 리코타를 만들고, 리코타에 관한 글을 쓰고, 그 글을 실은 웹사이트를 만들고, 마지막으로 리코타를 마케팅하는 방법을 배우는 학교죠. 그때는 리코타, 글쓰기, 코딩, 마케팅이 오늘날 산업을 작동시키는 요체라고 생각했거든요.

「새로운 질서」는 언젠가 문을 열 리코타 인스티튜트의 프로토타입 같은 거죠. 2016년 크리스마스 이튿날 워크룸에서 열린 비공식 워크숍에서 시작해 파주타이포그라피배곳 강의, 여러 특강과 워크숍을 거치면서 커리큘럼이 다듬어졌어요. 2019년부터는 박현정, 돈선필 씨 같은 젊은 미술가들이 운영하는 스튜디오 파이와 취미가의 아낌 없는 지원 덕에 지금 같은 모습으로 확장할 수 있었고요.

마포구 성산동에 있는 스튜디오 파이에서 6주 동안 진행하는 「새로운 질서」는 웹 디자인 강좌는 아니에요. 기술로서 디자인을 다루기도 하지만 글쓰기 강좌에 가깝죠. 「새로운 질서」에서는 ‘실용적이고 개념적인 글쓰기’의 관점으로 코딩을 이야기합니다. 먼저 자신을 바라보며 자신의 관심사에 관해 글을 쓰고, 차례로 HTML, CSS, 자바스크립트를 도구 삼아 콘텐츠에 새로운 질서를 부여해보죠. 중간중간 인터넷과 웹의 역사, 견지해야 할 태도, 넷 아트, 컴퓨터 언어 자체에 관한 이야기도 하고요. 그러다 보면 적어도 이런 웹사이트는 별 어려움 없이 만들 수 있게 됩니다. 예습과 복습을 철저히 한다면 말이죠.

「새로운 질서」에서 함께 추억을 쌓은 분들이 ‘새로운 질서 그 후…’라는 느슨한 컬렉티브를 꾸렸는데, 최근 국립현대미술관에서 주관하고 현대자동차에서 후원하는 ‘프로젝트 해시태그’ 사업에 선정되는 쾌거를 이루기도 했죠. 후문에 따르면, 심사위원이었던 히토 슈타이얼(Hito Steyerl)이 적극적으로 추천했다고 해요. 오는 11월이면 그들이 고민하고 즐긴 결과물을 볼 수 있겠죠? 며칠 전 국립현대미술관에서 워크숍을 진행하면서 그들의 작업 상황을 엿볼 수 있었는데, 이번 전시가 그들에게 기억에 남을 만한 추억이 되기를 기원합니다.

최근에는 난지미술창작스튜디오 입주 작가분들을 대상으로 4주 동안 워크숍을 진행하기도 했죠. 지금은 사회적 거리 두기가 4단계로 격상하면서 잠시 문을 닫았어요. 온라인으로라도 개인 과외를 받고 싶다는 문의가 들어오기도 하지만 거절하고 있습니다. 기술을 다루더라도 서로 마주보며 이야기하는 시간이 중요하다고 생각해요. 자매학교로는 미국의 그래픽 디자이너 로럴 슐스트(Laurel Schwulst)와 존 프로벤처(John Provencher)가 운영하는 프루트풀 스쿨(Fruitful School)이 있습니다.

상황에 따라 조금씩 다르겠지만, 해결해야 하거나 해결하고픈 문제가 무엇인지 규정하는 일에서 시작한다. 2017년 밥 길(Bob Gill)의 『이제껏 배운 그래픽 디자인 규칙은 다 잊어라. 이 책에 실린 것까지.』를 번역하고 편집하면서 본받은 방법론이다. 일단 규칙을 잊을 때까지 실천해볼 생각이다. 어쨌든 민구홍 매뉴팩처링의 야망은 분명하고 한결같다. 생화학 무기, 도청 장비, 샤워 커튼을 제외한 좋은 제품(good goods)을 제작하는 것.

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

정적 웹사이트 겸 포스터식 웹사이트는 콘텐츠가 제대로 마련되고 콘셉트가 정해진 상태라면 사실 하루만이라도 완성할 수 있다. 물론 이는 테스트를 제외한 시간이다. 어떤 웹사이트는 사용하는 데 무리가 없을 만큼 공개한 뒤 점진적으로 업데이트하기도 한다. 서울시립미술관 난지미술창작스튜디오와 함께한 ‹NR 베이커리›(NR Bakery, 2021)가 비슷한 경우인데, 인쇄물 작업에 익숙하다면 낯선 방식일지 모른다. 콘텐츠를 기획하고, 편집하고, 검토하는 시간을 제외하더라도 1개월은 걸린다. 모두 고려하면 한 웹사이트를 만드는 데 2–3개월 정도 걸리는 게 일반적이다.

웹사이트상에서 온라인 전시를 관람하는 일은 의식적으로는 차이가 있겠지만, 네이버나 다음 같은 포털 사이트나 인스타그램 같은 소셜 미디어 서비스를 열람하는 일과 크게 다르지 않다. 웹사이트가 전시라는 맥락에 놓이지만 관람객 입장에서는 템플릿만 바뀐 셈이다. 다소 귀찮은 일일 수 있지만, 관람객은 모든 가능성을 열어두고 클릭, 터치 스크롤 등 자신에게 주어진 권한을 적극적으로 활용해 웹사이트에 마련된 전시장을 탐험해 볼 필요가 있다.

전시를 관람하다 느닷없이 텅 빈 화면을 마주한다면 문제가 생겼다고 여기기보다 웹 브라우저에 내장된 ‘웹 조사기(Web Inspector)’를 활용해볼 필요도 있겠다. 뜻밖에 제작자가 숨겨놓은 메시지를 발견하게 될지 모르니까.