아이콘은 화면의 작은 부분을 차지하면서 액션, 상태, 앱을 직관적으로 표시하는 그래픽 요소입니다.
런처
런처 아이콘은 홈이나 모든 앱 화면에 있는 앱의 시각적 표현입니다. 사용자는 홈의 바탕화면을 바꿀 수 있으니 런처 아이콘은 어떤 바탕화면에서도 잘 보이도록 만들어 주세요.
크기 & 비율
면적
스타일
사용자가 입체감을 느낄 수 있도록 정면의 약간 위에서 본 3D형태의 뚜렷한 실루엣을 사용하세요.
액션 바
액션 바 아이콘은 여러분의 앱에서 사용자가 할 수 있는 가장 중요한 액션들을 표시하는 그래픽 버튼입니다. 각 아이콘은 사용자가 한눈에 알아볼 수 있는 하나의 의미를 담은 간단한 표현을 사용해 주세요.
"새로고침"이나 "공유" 같이 널리 쓰이는 액션은 미리 정의된 아이콘을 사용해 주세요. 아래 링크에서는 다양한 화면 밀도에 알맞고 홀로 라이트, 홀로 다크 테마에 어울리는 아이콘을 받을 수 있습니다. 또 어떤 테마에든 맞게 고쳐 쓸 수 있도록 스타일을 갖추지 않은 아이콘과 Adobe® Illustrator® 원본 파일도 있습니다.
크기 & 비율
초점영역 & 면적
스타일
부드러운 곡선이나 뚜렷한 형태를 사용해 평면적이고 단순한 픽토그램을 만드세요. 아이콘이 가늘다면 표시영역을 채우도록 왼쪽이나 오른쪽으로 45° 돌려 주세요. 선의 굵기와 여백의 너비는 최소 2dp이상이어야 합니다.
색상들
색상: #333333
활성화시: 60% 투명도
비활성화시: 30% 투명도
색상: #FFFFFF
활성화시: 80% 투명도
비활성화시: 30% 투명도
작은 아이콘, 컨텍스트 아이콘
앱에서 특정 항목의 액션이나 상태를 나타내기 위해 작은 아이콘을 사용하세요. 예를 들어 Gmail 앱에서는 중요하다는 표시를 위한 별모양 아이콘이 메시지마다 있습니다.
크기 & 비율
초점영역 & 면적
스타일
중립적이고 평면적으로 단순하게 만드세요. 얇은 외곽선만 쓰는 것 보다 색이 채워진 도형이 눈에 잘 들어옵니다. 사용자가 의도를 쉽게 알아낼 수 있도록 한 가지 표현을 사용하세요.
색
중립성 없는 색은 목적에 맞게 아껴 사용하세요. 예를 들어 Gmail 앱은 메시지에 즐겨찾기 표시를 위해 별표 안에 노란색을 사용합니다. 아이콘이 액션을 담고 있다면 배경과 잘 대조되는 색을 선택하세요.
알림 아이콘
앱이 알림 기능을 사용한다면 새 알림이 생길 때마다 시스템이 상태바에 보여줄 아이콘을 제공하세요.
크기 & 비율
초점영역 & 면적
스타일
런처 아이콘과 같은 의미를 가지는 아이콘으로 평면적으로 단순하게 만드세요.
색상
알림 아이콘은 반드시 전체가 흰색이어야 합니다. 또 시스템이 아이콘을 축소하거나 어둡게 할 수 있습니다.
