기타
700여개의 아이콘을 하나로 묶는 법 - 뱅샐 아이콘 개편기 2편
두줄요약
700여 개 아이콘을 일관되게 관리하기 위해 컬러 팔레트와 13가지 조형 규칙을 정비했습니다. 시각 보정, 정수 좌표, 명도 기준으로 다양한 환경의 가독성을 높였습니다.
구조와 흐름
- 700여 개 아이콘의 일관된 품질 관리를 위한 컬러 팔레트 정비와 13가지 조형 규칙 수립
- UI 시스템 아이콘용 브랜드 컬러와 자연물 묘사용 확장 일러스트레이션 팔레트 분리
- 바질 컬러 도입, 머스타드의 Hue Shifting 적용, 로고 핵심 컬러 추가
선택 이유
- 헬스케어 영역 확장에 따른 자연물 아이콘의 이질감 완화
- 어두운 환경에서 탁해지는 머스타드 색상의 시각적 보정
- 디자이너 개인 감각 의존 대신 재사용 가능한 수치·규칙 기반 관리
주의할 점
- 도형별 시각적 부피감 보정과 공통 외곽 실루엣 적용
- 상태 배지용 컷아웃 여백, Good·Bad 메타포의 고정 규칙
- 정수 좌표, 최소 선 두께, 외곽 밝기 기준을 통한 화면 가독성 확보
적용해볼 점
- 컬러 수와 곡률 제한으로 아이콘 묘사 밀도 통일
- 피그마 레이어별 소수점 좌표 정리와 규칙 일괄 적용
