문서
세션을 대표하는 키비주얼 그래픽 | Simplicity 4 제작기 #4
김경태 / 김영하 토스 · 토스 기술 블로그
AI 핵심 요약
Simplicity 4는 14개 세션 카드가 홈페이지의 중심이어서, 하나의 키비주얼 대신 세션별 그래픽을 모아 컨퍼런스의 인상을 전달하기로 했다. 디자이너들은 세션 내용을 분석해 핵심 키워드와 시각적 메타포를 찾고, ChatGPT와 Midjourney·Runway·ComfyUI 등 생성형 AI로 무드보드와 시안을 빠르게 탐색했다. 식사보다 캘린더 UI가 사용자 인터뷰 세션의 맥락을 잘 드러내는 사례처럼, 여러 메타포를 비교해 주제와의 연결성을 다듬었으며 Slitscan과 코드 패턴 등으로 메시지를 구체화했다. 인트로는 타이틀에서 파동과 세션 카드 형태를 거쳐 홈 UI로 이어지도록 구성했고, AI 활용이 초기 시행착오를 줄이며 지속 가능한 제작 방식의 출발점이 됐다고 설명한다.
- 여러 세션을 하나의 키비주얼로 억지로 묶기보다, 세션별 그래픽을 모아 컨퍼런스 전체의 인상을 만들 수 있다.
- 세션의 핵심 내용을 먼저 파악하고, 시각적 메타포가 주제와 직관적으로 연결되는지 여러 시안으로 비교한다.
- 생성형 AI는 무드보드와 시안 탐색에 활용해 초기 시행착오를 줄이고 방향을 빠르게 좁히는 데 유용하다.
- 인트로 애니메이션은 독립적인 영상이 아니라 타이포그래피, 파동, 카드 UI를 잇는 사용자 경험으로 설계할 수 있다.
소개
Simplicity4의 그래픽, 어떤 고민을 하며 만들었을까요? 14개의 세션을 하나로 잇기 위한 시각 메타포, 그리고 그 제작 방식을 공유할게요.
