visual-design

토스가 디자인 직무를 2개로 줄인 이유 (새 탭에서 열림)

토스 디자인 챕터는 기술의 발전으로 도구 활용에 대한 장벽이 낮아짐에 따라, 기존의 세분화된 6개 직무를 'Product Designer'와 'Visual Designer' 2개로 전격 통합했습니다. 이번 개편은 "어떤 도구를 사용하는가" 혹은 "어떤 화면을 만드는가"라는 수단 중심의 경계를 허물고, "무엇이 좋은 경험인가"를 판단하는 디자이너 본연의 감각과 판단력에 집중하기 위한 결정입니다. 이를 통해 디자이너가 고민할 수 있는 영역을 넓히고, 매체나 기법에 갇히지 않는 본질적인 문제 해결을 지향합니다. **수단과 매체가 만든 직무 경계의 한계** * 기존의 직무 세분화(Platform, Interaction, Graphic, Brand 등)는 조직의 성장에 따라 전문성을 쌓는 데 기여했으나, 실무에서는 점차 경계가 모호해지는 문제가 발생했습니다. * 인터랙션 적용이나 디자인 시스템 구축 시 특정 직무의 영역인지 모호한 상황이 반복되었으며, 이는 협업의 효율을 저해하는 요소가 되었습니다. * 과거의 직무 구분은 "무엇을 판단하느냐"가 아니라 Lottie, 코드, PC/모바일 등 다루는 도구와 화면의 크기라는 '수단'에 매몰되어 있었다는 점이 한계로 지적되었습니다. **기술 발전과 하드스킬 장벽의 붕괴** * AI와 디자인 도구(Figma 등)의 비약적인 발전으로 영상 제작, 프로토타이핑, 코드 구현 등 과거 전문 영역이었던 기술적 난이도가 낮아졌습니다. * 이미 실무에서는 직무에 구애받지 않고 브랜드 디자이너가 제품을 디자인하거나, 그래픽 디자이너가 시스템을 구축하는 등 '경계를 넘는 디자이너'들이 등장하고 있었습니다. * 하드스킬 습득 시간이 단축됨에 따라 디자이너에게 가장 중요한 역량은 도구 숙련도가 아닌, 결과물의 질을 결정하는 '판단력'과 '감각'으로 이동했습니다. **통합된 두 가지 핵심 직무** * **Product Designer**: 기존의 제품 디자이너와 툴즈 제품 디자이너를 통합하여, 모바일과 PC라는 화면 구분을 없앴습니다. 사용자의 맥락과 문제를 발견하고 해결책을 설계하는 본질에 집중합니다. * **Visual Designer**: 플랫폼, 인터랙션, 그래픽, 브랜드 디자이너를 통합했습니다. 특정 매체에 국한되지 않고 "무엇이 아름답고 올바른 시각적 판단인가"를 고민하며, 필요에 따라 아이콘 제작부터 인터랙티브 웹까지 직접 수행하는 조형 전문가를 지향합니다. **산업 전반에서 나타나는 역할 수렴 현상** * 디즈니 애니메이션이 복잡한 물리적 공정을 소프트웨어로 대체하고 기획 중심의 구조로 바뀐 것처럼, 디자인 역시 도구 중심에서 판단 중심으로 진화하고 있습니다. * 음악 산업에서 DAW(디지털 오디오 워크스테이션)의 등장으로 작곡과 엔지니어링의 경계가 사라진 사례처럼, 도구가 하나로 모이면 역할도 자연스럽게 하나로 흐려집니다. * 영화와 TV 연출의 경계가 디지털 시네마 등장 이후 사라진 것과 마찬가지로, 디자인 매체의 통합은 거스를 수 없는 흐름입니다. **디자이너를 위한 실용적인 제언** 이제 디자이너는 특정 툴의 숙련도에 안주하기보다, 자신이 만드는 결과물이 사용자에게 어떤 가치를 전달하는지 '판단하는 힘'을 길러야 합니다. 직무의 이름에 스스로를 가두지 않고 문제 해결을 위해 필요한 모든 수단을 자유롭게 활용할 수 있는 역량을 갖추는 것이 중요합니다. 토스의 사례처럼 조직 차원에서도 디자이너가 더 넓은 범위에서 사고할 수 있도록 제도적 제약을 제거해 나가는 변화가 필요할 것입니다.

자유 연상: 프로덕션 (새 탭에서 열림)

에미상 수상 프로덕션 디자이너 제레미 힌들(Jeremy Hindle)은 애플 TV+ 시리즈 <세버런스: 단절>의 무대인 루먼 코퍼레이션의 기묘하고도 고립된 세계를 구축하기 위해 건축, 고전 영화, 산업 디자인의 정수를 결합했습니다. 그는 "네 개의 책상, 넓은 방"이라는 단순한 대본 설명을 바탕으로, 시청자가 시각을 넘어 신체적으로 반응할 수 있는 '감정'을 디자인하는 데 집중했습니다. 이를 통해 현대 직장 문화의 공허함과 기이함을 시각적으로 극대화하며 독보적인 미장센을 완성했습니다. **루먼 코퍼레이션의 기틀이 된 건축적 영감** * 자크 타티의 영화 <플레이타임(1967)>의 건축적 풍자와 반복적인 그리드 구조를 통해 현대 사무실의 부조리함을 시각화했습니다. * 에로 사리넨과 케빈 로치가 설계한 존 디어(John Deere) 본부의 기념비적인 건축 양식에서 영감을 받아 루먼 산업의 거대하고 제도적인 위압감을 구현했습니다. * 특히 극 중 주요 공간인 MDR(거시 데이터 정제) 팀의 아이코닉한 데스크 디자인은 이러한 대규모 기업 건축 환경의 디테일에서 착안되었습니다. **미니멀리즘과 제품 디자인의 정수** * 디터 람스가 디자인한 브라운(Braun)의 벽면 콘솔(TS 45 & TG 60) 같은 디자인 클래식을 실제 세트장에 배치하여 시대를 초월한 정교함을 더했습니다. * '가능한 한 적은 디자인(As little design as possible)'을 지향하는 디터 람스의 철학을 반영하여, 불필요한 장식을 배제하고 핵심적인 형태와 기능만 남긴 '정갈하지만 외로운' 공간을 조성했습니다. **공간의 규모와 여백이 주는 감각적 효과** * 영화 <제로 다크 서티> 작업 당시의 경험을 바탕으로, 제작진 전체가 공간의 스케일을 직관적으로 이해할 수 있도록 실제 크기의 물리적 모델을 구축하여 세계관의 가독성을 높였습니다. * 코엔 형제의 영화 <파고> 속 한 장면에서 영감을 얻은 '부정적 공간(Negative Space)'의 활용은 감독 벤 스틸러에게 전달된 핵심 비주얼이었습니다. * 단순히 넓은 공간을 채우는 것이 아니라, 의도적인 비어있음을 통해 등장인물의 고립감과 심리적 압박을 시각적으로 전달하는 데 주력했습니다. **영속적인 시각적 문법을 향한 지향점** * 영화 <그녀(Her)>의 프로덕션 디자인을 참고하여 캐릭터의 감정과 공간, 의상이 완벽하게 동화되는 고도의 완성도를 추구했습니다. * 데이비드 린치의 <트윈 픽스>처럼 TV 시리즈라는 매체 안에서 독보적이고 영속적인 에너지를 가진 세계를 구축하고자 했습니다. 제레미 힌들의 작업은 프로덕션 디자인이 단순한 배경 설정을 넘어, 관객의 신체적 반응을 이끌어내는 핵심적인 서사 도구임을 증명합니다. 설득력 있는 가상 세계를 구축하고자 하는 창작자라면 고전 건축의 구조적 미학과 영화적 여백의 미를 결합하는 그의 접근 방식을 깊이 있게 탐구해 볼 가치가 있습니다.

아트 디렉션의 기술 | (새 탭에서 열림)

피그마(Figma)의 브랜드 스튜디오 팀은 아트 디렉션을 브랜드의 개성과 디렉터의 취향, 그리고 협업자의 스타일 사이에서 정교한 균형을 잡는 소통의 기술로 정의합니다. 이들은 단순히 시각적 결과물을 통제하는 것이 아니라, 창작자에 대한 깊은 신뢰를 바탕으로 복잡한 기술적 개념을 신선하고 추상적인 시각적 메타포로 변환하는 과정을 중시합니다. 결국 훌륭한 아트 디렉션은 디렉터가 최종 결과물을 미리 단정 짓기보다, 협업자가 창의적인 역량을 최대한 발휘할 수 있도록 유도하고 그 과정에서 발생하는 의외성을 수용하는 데서 완성됩니다. **아트 디렉션의 숙련과 감각의 훈련** * 아트 디렉션에서의 숙련도는 발레 무용수가 반복 연습을 통해 무대 위에서 자유를 얻듯, 수많은 반복과 시도를 통해 도구를 능숙하게 다루는 과정에서 시작됩니다. * 디렉터의 핵심 역량은 세상을 바라보는 눈을 훈련하는 것이며, 주변의 수많은 요소 중 자신과 브랜드에 공명을 일으키는 것을 선별하고 편집하는 능력이 곧 의사결정의 근간이 됩니다. * 아트 디렉션은 본질적으로 언어와 소통에 기반한 협업의 과정이며, 프로젝트의 시작점을 올바르게 설정하고 끝까지 이끌어가는 능력이 중요합니다. **적합한 협업자 선정과 창의적 신뢰** * 일러스트레이터를 선정하는 과정은 영화의 캐스팅 디렉터와 유사하며, 자신의 스타일이 확고하면서도 메시지를 예상치 못한 방식으로 전달할 수 있는 작가를 찾는 데 집중합니다. * 기초적인 아이디어가 확립된 후에는 협업자의 작업에 과도하게 개입하지 않고 신뢰를 보내는 것이 중요하며, 창작자가 개인적으로 몰입할 때 가장 흥미로운 결과물이 나옵니다. * 때로는 특정 분야의 경험이 없는 작가에게 새로운 시도를 맡겨 제약 조건 속에서 의외의 도약을 이끌어내는 '드라마틱한 긴장감'을 활용하기도 합니다. **추상적 메타포를 통한 기술적 개념의 시각화** * 엔지니어링과 같은 복잡하고 기술적인 주제를 다룰 때, 이를 문자 그대로 설명하기보다 서사 중심의 작가를 섭외하여 추상적인 비주얼로 풀어내는 방식을 선호합니다. * 복잡한 개념을 간결한 메타포로 응축하는 과정이 핵심이며, 추상적인 접근 방식은 관찰자에게 해석의 여지를 남겨 더 깊은 울림을 줍니다. * 예를 들어, 엔지니어링 피드백 문화를 '정원 가꾸기'로 시각화하거나 컨퍼런스의 주요 내용을 기이한 형태의 토마토 모델링으로 표현함으로써 단순한 설명을 넘어선 미적 경험을 제공합니다. **창작자 경험이 아트 디렉션에 미치는 영향** * 아트 디렉터 본인이 일러스트레이터나 애니메이터로서 실무 경험을 갖추면, 창작 과정의 고충과 필요한 시간을 깊이 이해하게 되어 더 높은 공감대와 신뢰를 형성할 수 있습니다. * 실무 경험은 협업자에게 현실적이고 구체적인 피드백을 줄 수 있는 기반이 되며, 이는 작가가 자신의 작업을 한 단계 더 발전시키도록 자극하는 역할을 합니다. * 경험이 쌓일수록 디렉터는 초기 단계에서 결과물을 미리 상상하며 통제하려는 습관을 버리고, 협업자가 이끄는 창의적인 여정 자체를 신뢰하며 즐기게 됩니다. 성공적인 아트 디렉션을 위해서는 결과물을 완벽히 통제하려는 욕심을 내려놓고, 협업 작가가 프로젝트에 개인적인 열정을 투여할 수 있는 환경을 조성해야 합니다. 기술적인 주제일수록 정교한 메타포를 활용해 시각적 여백을 만들어내고, 디렉터와 작가 사이의 긴밀한 소통을 통해 예상치 못한 창의적 결과물을 수용하는 유연함이 필요합니다.

디자인 시스템 구축 방법 (새 탭에서 열림)

디자인 시스템은 단순한 UI 키트나 스타일 가이드를 넘어, 조직이 제품을 설계하고 개발하는 방식 전반을 규정하는 '단일 진실 공급원(Single Source of Truth)' 역할을 합니다. 이는 디자인 가이드라인, 재사용 가능한 코드 컴포넌트, 그리고 팀 간의 협업 프로세스를 하나로 통합하여 제품의 일관성을 유지하고 개발 속도를 혁신적으로 높이는 데 목적이 있습니다. 결국 디자인 시스템은 정적인 문서가 아니라, 제품과 함께 진화하며 비즈니스의 확장성을 지원하는 하나의 독립적인 제품으로 취급되어야 합니다. ### 디자인 시스템의 핵심 구성 요소 * **디자인 토큰(Design Tokens):** 색상, 타이포그래피, 간격, 그림자 등 디자인의 가장 최소 단위인 스타일 속성을 변수화하여 관리합니다. 이를 통해 플랫폼에 구애받지 않고 일관된 브랜드 정체성을 유지할 수 있습니다. * **컴포넌트 라이브러리:** 버튼, 입력 필드, 내비게이션 바 등 재사용 가능한 UI 요소들을 디자인 파일과 실제 코드로 구현하여 제공합니다. 개발자는 이를 조합하는 것만으로 신속하게 화면을 구성할 수 있습니다. * **패턴 및 가이드라인:** 특정 컴포넌트를 언제, 어떻게 사용해야 하는지에 대한 맥락과 규칙을 정의합니다. 사용자 경험(UX)의 일관성을 위해 접근성 준수 사항이나 인터랙션 방식 등을 상세히 문서화합니다. ### 시스템 도입의 실질적 이점 * **생산성 및 효율성 극대화:** 디자이너와 개발자가 매번 새로운 요소를 만들 필요 없이 기존 자산을 재활용함으로써, 단순 반복 작업 시간을 줄이고 핵심 비즈니스 로직 설계에 더 많은 시간을 할애할 수 있습니다. * **사용자 경험의 일관성 확보:** 제품의 모든 접점에서 동일한 시각적 언어와 동작 방식을 제공하여 사용자의 학습 비용을 낮추고 브랜드 신뢰도를 높입니다. * **협업 프로세스의 개선:** 디자인 시스템은 팀 간 공통된 용어를 제공합니다. "그 파란 버튼" 대신 구체적인 컴포넌트 명칭이나 토큰명을 사용함으로써 커뮤니케이션 오류를 획기적으로 줄여줍니다. ### 지속 가능한 운영과 거버넌스 * **살아있는 제품(Living Product):** 디자인 시스템은 구축 후 방치되는 것이 아니라, 새로운 요구사항과 기술적 변화에 맞춰 지속적으로 업데이트되어야 합니다. * **거버넌스 모델 수립:** 시스템의 수정 권한을 누가 가질 것인지, 새로운 컴포넌트 제안 및 승인 절차는 어떻게 되는지 등 운영 규칙을 명확히 하여 시스템이 파편화되는 것을 방지해야 합니다. * **기술 부채의 감소:** 공통 컴포넌트를 중앙에서 관리함으로써 중복 코드를 제거하고, 전역적인 변경 사항이 발생했을 때 한 곳만 수정하여 제품 전체에 반영할 수 있는 유지보수 편의성을 제공합니다. 디자인 시스템 구축은 초기 자원이 많이 소모되는 작업이지만, 제품의 규모가 커질수록 그 가치는 기하급수적으로 증대됩니다. 처음부터 모든 것을 구축하려 하기보다는 핵심적인 디자인 토큰과 가장 많이 쓰이는 기본 컴포넌트부터 시작하여 점진적으로 확장해 나가는 전략이 실무적으로 가장 효과적입니다.