프론트엔드
여기어때 시스템 아이콘 개선기
두줄요약
기존 시스템 아이콘의 스타일 불일치와 가독성 문제를 개선한 과정을 공유했습니다. 브랜드 아이덴티티를 반영한 그래픽 규칙으로 일관성과 사용성을 높였습니다.
문제 상황
- 기존 시스템 아이콘의 스타일과 규칙이 제각각이라 가독성과 통일성이 부족한 상태
- 앱 6.0 업데이트로 UI 전반이 개편되면서 아이콘도 새로운 디자인 방향에 맞춘 개선 필요
해결 방법
- 여기어때 로고의 형태적 특징을 아이콘에 반영해 브랜드 아이덴티티 확장
- Solid 아이콘을 기본으로 하고, 곡선·직선·라인 굵기·라운드 값을 규칙화해 일관성 확보
- 내부 디테일, 화살표 표현까지 세부 규칙을 정리해 유지보수와 확장성 고려
적용해볼 점
- 작은 UI 요소도 브랜드 언어와 연결해 설계할 필요
- 명확한 그래픽 규칙이 가독성, 일관성, 유지보수에 미치는 영향 확인