피드로 돌아가기
토스 기술블로그Frontend
원문 읽기
토스 기술블로그토스의 새로운 얼굴 만들기
토스가 기존 2D 인물 그래픽을 얼굴 비율 조정, 몸 조형 개선, 중성적 헤어 스타일, 5가지 다중 스킨톤 도입으로 재설계해 신뢰감과 포용성 강화
AI 요약
Context
기존 인물 그래픽은 작은 이모지 환경 기준으로 설계되어 화면이 커질수록 밀도가 낮아 보였다. 아이 같은 인상과 공허한 눈빛으로 인해 토스가 지향하는 신뢰감을 충분히 전달하지 못했다. 한국 사회의 다인종·다문화 환경 변화와 글로벌 시장 확장에 대응할 특정 인종이나 문화로 읽히지 않는 그래픽이 필요했다.
Technical Solution
- 얼굴 비율 미세 조정: 기존의 간결함과 아이콘성은 유지한 채 눈·코·입의 배치와 표현을 중심으로 세로 비율을 조정해 어른스러운 인상 구현
- 몸 조형 및 의상 개선: 목과 어깨의 곡선을 정리하고 몸과 의상의 위계를 재설정, 기본 의상으로 짧은 목폴라 형태를 선택해 단정한 전문성 강화
- 중성적 헤어 스타일 설계: 정돈된 아이콘 실루엣을 유지하면서 부피감을 보완하는 방향으로 성별 중립성 확보
- 다중 스킨톤 도입: 이모지의 피부색 옵션에서 착안해 5가지 스킨톤을 정의하고 다중 인물 그래픽 등장 시 혼합 사용 가이드 수립
- 아이콘에서 광고 화면까지 일관성 유지: 크기와 환경에 상관없이 안정적으로 사용 가능하도록 설계
실천 포인트
글로벌 서비스를 운영하는 디자인팀에서 단일 피부색 그래픽을 다중 톤으로 확장할 때, 특정 인종이나 문화 연상을 피하기 위해 단일 중립색 선택 대신 5가지 이상의 스킨톤을 혼합 사용하도록 가이드하면 포용성과 사용자 투영도를 동시에 확보할 수 있다.