← 테크곳간 목록으로

뱅크샐러드 공식 블로그 | 메인 · 2026. 10. 30.

선을 지우고 명료함을 채우다 - 뱅샐 아이콘 개편기 1편

AI 엔지니어링 브리핑

뱅크샐러드는 작은 화면에서도 정보가 또렷하게 보이도록 700개가 넘는 아이콘에서 외곽선을 없애고 형태 중심으로 전면 개편했습니다.

문제 & 배경

문제 & 배경: 기존 아이콘의 두꺼운 외곽선과 내부 선이 작은 모바일 화면에서 여백을 없애고 복잡함을 키웠으며, 아이콘마다 선을 넣는 기준도 달라져 통일성이 떨어졌습니다.

기술 & 해결책

기술 & 해결책: 실제 앱 화면에서 외곽선이 있는 버전과 없는 버전을 비교한 뒤, 데이터와 텍스트를 방해하지 않도록 모든 아이콘의 선을 제거하고 면의 비율과 실루엣을 다듬었습니다.

교훈 & 주의점

교훈 & 주의점: 아이콘은 독창적인 장식보다 사용자가 기능과 정보를 빠르게 찾도록 돕는 역할이 우선이며, 실제 사용 화면에서 검증하면 명료함과 통일성을 함께 높일 수 있습니다.

원문 읽기 ↗
내용이 비슷해요

내용이 비슷한 글을 먼저 보여드려요. 같은 문제나 해결책을 다룬다는 뜻은 아니에요.