뱅크샐러드 공식 블로그 | 메인 · 2026. 10. 30.
700여개의 아이콘을 하나로 묶는 법 - 뱅샐 아이콘 개편기 2편
AI 엔지니어링 브리핑
뱅크샐러드는 700개가 넘는 아이콘을 누구나 일관되게 만들고 쉽게 이해할 수 있도록 색상과 형태에 대한 디자인 시스템을 정립했다.
문제 & 배경
문제 & 배경: 디자이너마다 다른 감각에 의존하던 700여 개 아이콘을 예외 없이 같은 품질로 관리하려면 모호한 기준 대신 명확한 규칙이 필요했다.
기술 & 해결책
기술 & 해결책: 자연스러운 확장 색상인 바질을 추가하고 머스타드 색상은 사람의 눈에 맞춰 보정했으며, 형태·여백·상태 표시·좌표·선 두께·명도 등에 관한 13가지 규칙을 적용해 아이콘을 통일했다.
교훈 & 주의점
교훈 & 주의점: 숫자만 맞추기보다 실제로 사람이 어떻게 인식하는지 확인해야 하며, 정수 기반 설계와 밝기 기준처럼 다양한 화면 환경에서도 또렷하게 보이는 조건을 함께 마련해야 한다.
함께 읽을 글
내용이 비슷해요내용이 비슷한 글을 먼저 보여드려요. 같은 문제나 해결책을 다룬다는 뜻은 아니에요.