디자인 철학: Susan Kare — 의미 있고, 기억에 남고, 명확하게

원칙

“의미 있고, 기억에 남고, 명확하게.” – Susan Kare, 좋은 디자인을 정의하는 세 가지 형용사에 대해¹

Kare는 2.50달러짜리 모눈종이 스케치북을 사용해 32x32 픽셀 그리드 위에 최초의 Macintosh 아이콘을 디자인했어요 — Happy Mac, 폭탄, 휴지통, 붓, Command 키까지. 모든 아이콘은 컴퓨터를 한 번도 사용해 본 적 없는 사람에게 기능을 전달해야 했어요. 제약은 절대적이었죠: 검정 또는 흰색 1,024개의 정사각형으로 설명 없이도 이해할 수 있는 개념을 전달해야 했어요. 그는 이 제약을 한계가 아니라 문제 그 자체로 받아들였고, 가장 오래된 시각적 전통에서 답을 찾았어요: 자수, 모자이크, 민속 상징, 그리고 교통 표지판.

그의 아이콘은 Macintosh에 인격을 부여했어요. Kare 이전에 컴퓨터는 명령줄로 소통했어요. Kare 이후에는 가리킬 수 있는 은유로 소통하게 됐죠. 휴지통은 삭제를 의미했어요. 모서리가 접힌 문서는 파일을 의미했어요. 웃고 있는 컴퓨터는 모든 것이 정상적으로 작동하고 있다는 뜻이었어요. 이 은유들은 컴퓨팅에 너무 깊이 스며들어서 우리는 더 이상 그것이 디자인된 것임을 인식하지 못해요. 그 투명함이야말로 이 작업이 받을 수 있는 최고의 찬사예요.

맥락

1982년, Susan Kare는 샌프란시스코 베이 에어리어에 사는 조각가였어요. NYU에서 미술 박사 학위를 받았는데, 박사 논문 주제는 Honore Daumier와 Claes Oldenburg의 조각에 나타난 캐리커처였어요. 샌프란시스코 미술관에서 큐레이터로 일하기도 했죠. 아칸소 박물관을 위해 실물 크기의 멧돼지 조각을 용접하고 있을 때 전화벨이 울렸어요.²

고등학교 친구이자 Macintosh 팀의 소프트웨어 엔지니어였던 Andy Hertzfeld가 “아이콘 몇 개와 폰트 요소를 손으로 그려주는 대가로” Apple II 컴퓨터를 제안했어요. Kare는 컴퓨터 그래픽 경험이 전혀 없었어요. 서체를 디자인하는 방법도 몰랐죠. 팔로 알토 공립 도서관에 가서 타이포그래피 책을 빌리고, University Art 매장에서 가장 작은 모눈종이를 2.50달러에 사고, 5분 만에 끝난 면접에 참석했어요. “언제부터 시작할 수 있어요?” 그들은 그를 Macintosh 소프트웨어 그룹의 2호 직원으로 채용하고 “Macintosh Artist”라는 직함을 줬어요.²

타이밍이 중요했어요. Apple은 그래픽 사용자 인터페이스를 갖춘 최초의 대중 시장용 컴퓨터를 만들고 있었어요. Lisa가 개념을 확립했지만, Macintosh는 저렴하고 친근해야 했죠. 화면의 모든 요소 — 아이콘, 폰트, 커서, 대화 상자 — 는 컴퓨터를 한 번도 만져본 적 없고 두려워할 수도 있는 사람들에게 소통해야 했어요. Kare는 나중에 이렇게 말했어요: “컴퓨터가 차갑고 위협적이라는 고정관념에 맞서고 싶었어요.”³

디지털 디자인이라는 분야 자체가 아직 존재하지 않았기에 그에 대한 교육을 받은 적이 없었어요. 대신 미술 교육, 제약 조건 속에서 형태를 다루는 조각가의 이해력, 그리고 민속 예술과 자수, 상징 체계에서 비롯된 시각적 은유에 대한 직관이 있었죠. “비트맵 그래픽은 모자이크, 자수, 그 외 유사-디지털 예술 형식과 같아요. 이 모든 것을 Apple에 가기 전에 해본 적이 있었거든요.”³ 수년간 모눈종이에 칸을 채우고 자수에서 땀수를 세어온 사람에게 픽셀 그리드는 낯선 것이 아니었어요.

작업

Macintosh 아이콘 (1983-1984): 기계를 인간적으로 만들기

Hertzfeld는 Kare에게 모눈종이를 사서 32x32 그리드를 그리라고 했어요. 채워진 각 칸이 하나의 픽셀이 되는 거였죠. 연필과 색펜으로 아이콘을 그리며, 화면에 옮기기 전에 종이 위에서 은유를 시험했어요. Hertzfeld가 마우스로 비트를 토글할 수 있는 아이콘 에디터를 만들자, 스케치북은 디자인 도구가 되고 에디터는 제작 도구가 됐어요. 그의 원본 스케치북은 현재 MoMA 영구 컬렉션에 소장되어 있으며, 2015년 SFMOMA와 공동 인수했어요.⁴

Happy Mac — 시작할 때 사용자를 맞이하는 웃는 컴퓨터 얼굴 — 은 두려움을 상쇄하기 위해 디자인됐어요. 시스템 오류 시 나타나는 폭탄 아이콘은 “놀라기보다는 장난스러운” 느낌으로 디자인됐어요. 페인트 통은 페인트 롤러와 여러 다른 옵션으로 테스트한 끝에 “사람들에게 가장 직관적”이었기 때문에 쏟아 붓는 통으로 결정됐어요. 휴지통은 Lisa에서 개념을 가져왔지만 Macintosh의 다른 픽셀 치수에 맞게 새로 그렸어요.²

각 아이콘은 구체적인 디자인 과정을 거쳤어요: Kare는 여러 옵션을 만든 다음 사람들에게 보여주고 반응을 관찰했어요. “최종 디자인을 선언하기보다는 여러 안을 만들어서 사람들의 의견을 구했어요.” 텍스트와 언어유희도 의도적으로 피했어요: “단어를 사용하지 않으려 했고, 언어유희도 피하려 했어요. 번역이 안 되니까요.” 이 결정 — 시각적 은유만, 영어 의존 없이 — 덕분에 아이콘은 출시 때부터 모든 언어에서 작동했어요.²

Command 키에는 가장 구체적인 탄생 비화가 있어요. Steve Jobs가 소프트웨어 팀에 들어와서 선언했죠: “화면에 Apple이 너무 많아! 말도 안 돼!” 팀은 키보드 수정자 기호로 Apple 로고를 사용하고 있었는데, Jobs는 교체를 원했어요. 키보드 하드웨어는 이미 확정 단계에 있었고 — 몇 주가 아니라 며칠밖에 없었어요. Kare는 국제 기호 사전에서 고리 모양의 사각형 기호(스웨덴 캠핑장 지도에서 “관심 장소”를 나타내는 Bowen knot)를 찾아 16x16 픽셀 비트맵을 만들었어요. 팀은 승인했죠. 이 기호는 1984년 이후 모든 Mac 키보드에 등장하고 있어요.⁵

Chicago 서체 (1984): 매체로서의 제약

Macintosh에는 시스템 폰트가 필요했어요. Kare는 글자당 9x7 픽셀 그리드 안에서 Chicago를 디자인했는데, 수평, 수직, 45도 각도 획만 사용할 수 있었어요. 곡선은 없었죠. 이 제약은 미학적인 것이 아니었어요 — 비트맵 해상도에서 곡선은 텍스트를 읽기 어렵게 만드는 들쭉날쭉한 가장자리(“재기”)를 만들거든요. 직선과 45도 대각선으로 제한함으로써, Kare는 Mac의 72dpi 화면에서 선명하고 읽기 쉬운 폰트를 만들었어요.²

이 폰트의 원래 이름은 임시로 “Elefont”였어요. Jobs가 이름을 바꿨죠. 원래 Macintosh 폰트들은 필라델피아 메인 라인 통근열차 역 이름을 따서 지었는데, Jobs는 “세계적인 도시” 이름이어야 한다고 결정했어요 — Chicago, Geneva, London, Toronto, Venice, New York. Chicago는 1984년부터 클래식 Mac OS 시대까지 Apple의 시스템 폰트로 사용됐고, iPod 인터페이스(2001-2004)에서 부활해 20년 넘게 쓰였어요.²

Chicago는 대중 시장 개인용 컴퓨터 최초의 비례 간격 시스템 폰트였어요 — 대부분의 사용자가 접했던 고정폭 타자기 폰트에서의 전환이었죠. 각 글자는 형태가 필요로 하는 만큼의 공간만 차지했어요. 이 하나의 결정이 Macintosh 화면을 터미널이 아니라 인쇄된 페이지처럼 느끼게 만들었어요.

Windows 3.0 솔리테어 카드 (1990): 플랫폼을 넘나드는 명확함

Apple과 NeXT를 떠난 후, Kare는 자신의 스튜디오를 열었어요. Microsoft는 Windows 3.0 솔리테어 게임의 카드 덱 그래픽 디자인을 의뢰했는데, 이 게임은 사용자에게 마우스 사용법 — 드래그, 드롭, 클릭 — 을 가르치기 위해 존재했어요. Kare는 Microsoft Paint와 16색 VGA 팔레트로 카드를 디자인했어요.⁶

“카드 앞면에는 검정, 빨강, 노랑만 필요했어요”라고 그는 말했어요. “클래식 카드 덱에서 영감을 받았고, Jack, Queen, King의 복잡한 패턴을 72dpi 그리드에 옮기는 것이 가장 재미있었어요.” 같은 카드 디자인이 1990년부터 2007년까지 — 수십억 대의 Windows 설치에 걸쳐 17년간 지속적으로 사용됐어요. 이 작업은 그의 제약 기반 접근법이 특정 플랫폼에 국한되지 않는다는 것을 증명했어요. 은유를 이해하고, 본질로 축소하고, 실제 사람들에게 테스트하는 방법론은 Mac에서 Windows로, 그리고 픽셀 그리드가 있는 모든 매체로 적용됐어요.⁶

방법론

Kare의 프로세스는 40년간 일관됐어요: 제약을 이해하고, 적절한 은유를 찾고, 개념을 전달하는 최소한의 픽셀로 축소하고, 디자이너가 아닌 사람들에게 테스트하는 것.

그의 주요 참고서는 Henry Dreyfuss의 Symbol Sourcebook (1972)였는데, 카테고리별로 정리된 국제 기호 모음집이었어요. 특히 호보 신호 — 호보들이 여행할 때 소통하기 위해 사용한 기호 — 섹션에 끌렸어요. “영어를 사용하지 않으려 했고, 언어유희도 쓰지 않으려 했어요. 번역이 안 되니까요.”²

그는 자신의 아이콘 철학을 “일러스트레이션보다는 교통 표지판에 가깝게 — 쉽게 이해할 수 있고 불필요한 디테일이 없게” 디자인하는 것이라고 설명했어요. 정지 표지판은 2년마다 재디자인할 필요가 없어요. 잘 디자인된 아이콘도 마찬가지죠. “아무도 정지 표지판을 2년마다 재디자인할 필요를 느끼지 않잖아요”라고 팟캐스트 인터뷰에서 언급했어요.⁷

32x32 픽셀 캔버스 — 그가 “아이콘에는 넉넉한 크기”라고 여긴 — 는 그가 말한 “독특한 종류의 미니멀 점묘법”을 요구했어요. “16x16과 32x32 픽셀 아이콘 그리드에서 작업하는 퍼즐 같은 특성과, 기술과 은유의 결합”을 좋아했어요.⁸

제약이 창의성을 제한하느냐는 질문에 그는 직접적으로 답했어요: “기술적 제약(흑백으로만 작업하거나 화면 공간이 제한되는 것 같은)이 반드시 창의성을 방해하지는 않아요. 무엇이 가능한지 이해하고 거기서부터 시작하면 돼요.”⁹

영향의 흐름

그에게 영향을 준 사람들

Paul Rand는 그가 직접 밝힌 “디자인 영웅”이었어요. “독창적이려 하지 말고, 그냥 잘하려 하라”는 그의 격언을 받아들였죠. NeXT에서 Steve Jobs에게 Rand를 소개하고 NeXT 로고 디자인을 의뢰했어요 — 자신의 직업 인생에서 가장 중요한 두 인물을 연결한 거예요. (직접적 영향)¹

Henry Dreyfuss는 그의 방법론을 형성했어요. Symbol Sourcebook (1972)는 아이콘 디자인의 주요 참고 자료였어요. 교통 표지판, 호보 표시, 과학 기호 등 보편적 기호의 분류 체계가 언어 없이 소통하는 어휘를 제공했어요. (직접적 영향)²

민속 예술, 자수, 모자이크가 비트맵 작업을 위한 조형적 어휘를 제공했어요. 픽셀을 채우는 것이 자수에서 땀수를 세거나 모자이크에서 타일을 배치하는 것과 구조적으로 동일하다는 것을 알고 있었죠: “미술사를 공부하면 태양 아래 새로운 것은 없다는 걸 배워요 — 18세기 자수를 본 적 있으세요?”⁷

그가 영향을 준 것들

1984년 이후의 모든 그래픽 사용자 인터페이스. Kare의 Macintosh 아이콘은 보편적이 된 시각적 은유를 확립했어요: 모서리가 접힌 문서, 휴지통, 손 모양 포인터, 검색용 돋보기. 이것들은 필연적인 것이 아니었어요. 누군가가 “삭제”는 휴지통처럼 보이고 “파일”은 접힌 페이지처럼 보인다고 결정해야 했어요. Kare가 그 결정을 내렸고, 이후 모든 운영 체제가 그것을 따랐어요.

이모지 디자이너들. Kare의 Cairo 서체(1984)는 프로토-이모지였어요 — 야자수, 초승달, 스케이트보드 등의 그림 문자를 담은 폰트였죠.² 이것은 1999년 NTT DoCoMo i-mode 플랫폼을 위한 Shigetaka Kurita의 이모지 세트의 개념적 선구자예요. Cairo는 알파벳 문자가 아닌 그림 문자의 의미를 인코딩하기 위해 서체 슬롯을 사용했어요 — 이모지가 글로벌 커뮤니케이션 시스템이 되기 15년 전에요.

관통하는 맥락

Kare는 제약이 창의성을 제한하는 것이 아니라 집중시킨다는 것을 증명했어요. 흑백만 가능한 32x32 픽셀 그리드는 감옥이 아니에요. 디자인 브리프예요. 제약은 모든 픽셀이 자신의 존재를 정당화하도록 강제하는데, 이것은 정확히 Dieter Rams의 열 번째 원칙을 다른 매체에 적용한 것이에요. (시리즈 연결)

내가 여기서 가져가는 것

“16x16 픽셀과 하나의 개념만 주세요. 그러면 꽤 담대해져요.” 이것이 태도예요. 제약은 장애물이 아니라 도구예요.

FAQ

Susan Kare의 디자인 철학은 무엇인가요?

Kare의 철학은 세 단어로 이루어져 있어요: 의미 있고, 기억에 남고, 명확하게. 제약 조건 안에서의 시각적 문제 해결로 아이콘 디자인에 접근하며, 일러스트레이션이 아닌 민속 예술, 자수, 국제 기호 체계에서 영감을 끌어와요. 그의 아이콘은 “일러스트레이션보다는 교통 표지판에 가깝게 — 쉽게 이해할 수 있고 불필요한 디테일이 없게” 기능해요.⁷

Susan Kare는 무엇을 디자인했나요?

Kare는 원래 Macintosh 아이콘(Happy Mac, Command 키, 휴지통, 폭탄, 페인트 통), Chicago 서체, Cairo 프로토-이모지 폰트, 그리고 1984년 Macintosh의 시스템 그래픽을 디자인했어요. 이후 Windows 3.0 솔리테어 카드(1990-2007 사용), Facebook 가상 선물 디자인을 했고, Pinterest와 Niantic Labs와도 작업했어요.²⁶

Susan Kare는 현대 디자인에 어떤 영향을 미쳤나요?

Kare는 그래픽 컴퓨팅을 정의하는 시각적 은유를 확립했어요: 삭제를 위한 휴지통, 모서리가 접힌 문서 아이콘, 손 모양 포인터, 그리고 소프트웨어가 텍스트 명령이 아닌 인식 가능한 기호를 통해 소통해야 한다는 개념이요. Cairo 서체(1984)는 Shigetaka Kurita의 이모지 세트보다 15년 앞선 그림 문자 폰트였어요.²

디자이너들이 Susan Kare에게서 배울 수 있는 것은 무엇인가요?

제약은 창의성을 제한하는 것이 아니라 집중시켜요. 32x32 픽셀 그리드는 모든 픽셀이 자신의 존재를 정당화하도록 강제해요. 다른 디자이너가 아닌 실제 사람들에게 디자인을 테스트하세요. 텍스트와 언어유희를 피하세요 — 번역이 안 되니까요. 처음부터 새로운 시각 언어를 만들기보다 기존 기호 체계(교통 표지판, 민속 예술, 국제 그림 문자)에서 끌어오세요.

출처