모바일 디자인 비법 12

왜 내 아이콘은 어딘가 어색하고 통일감이 없을까?
문제는 ‘그릴 실력’이 아니라, 기준이 없기 때문입니다.

1. 면(Shape)과 선(Line)을 통일하세요
선 아이콘은 주로 버튼처럼 동작하는 요소에,
면 아이콘은 정보를 표현하거나 상태를 나타낼 때 사용하세요.
→ 서비스의 톤앤매너에 맞는 스타일을 하나로 고정하는 것이 중요합니다.

2. 아이콘 비율과 크기, 굵기를 맞추세요
아이콘 크기를 기준으로 여백과 중심 정렬을 일정하게 유지해야 합니다.
→사각형 박스를 프레임 안에 두고 만들면 일관된 아이콘을 만들 수 있습니다.

3. 아이콘 컬러로 상태를 구분하세요
눌리는 아이콘(액션형) → 메인 컬러(검은색, 브랜드 컬러)
기본 아이콘(비액션형) → 중간 톤의 회색 계열
→ 사용자는 컬러만 봐도 ‘눌릴 수 있는지’를 인식합니다.

이렇게 하면, 아이콘이 단순히 예쁜 그래픽이 아니라 브랜드의 일관성과 사용 흐름을 시각적으로 안내하는 언어가 됩니다.