목록 뷰 아이콘은 대화상자 아이콘과 매우 비슷해 보이지만, 객체 위에 광원이 있는 내부 그림자 효과를 사용합니다. 또한 ListView에서만 사용하도록 설계되었습니다. 설정 애플리케이션을 예로 들 수 있습니다.
밀도별 아이콘 집합 제공에 설명된 대로 저밀도, 중밀도, 고밀도 화면에 별도의 아이콘 집합을 만들어야 합니다. 이렇게 하면 애플리케이션을 설치할 수 있는 다양한 기기에서 아이콘이 올바르게 표시됩니다. 각 밀도에 권장되는 완성된 아이콘 크기의 목록은 표 1을 참고하세요. 또한 여러 아이콘 세트를 사용하는 방법에 관한 제안사항은 디자이너를 위한 도움말을 참고하세요.
표 1. 일반화된 세 가지 화면 밀도별 완성된 목록 뷰 아이콘 크기 요약
ldpi (120dpi)(저밀도 화면) |
mdpi (160dpi)(중밀도 화면) |
hdpi (240dpi)(고밀도 화면) |
xhdpi (320dpi)(초고밀도 화면) |
|
|---|---|---|---|---|
| 목록 보기 아이콘 크기 | 24 x 24 px | 32 x 32 px | 48 x 48 px | 64 x 64 px |
최종 아트는 투명한 PNG 파일로 내보내야 합니다. 배경색을 포함하지 마세요.
Adobe Photoshop에서 아이콘을 만들기 위한 템플릿은 Icon Templates Pack에서 사용할 수 있습니다.
모든 Android 버전
다음 가이드라인에서는 모든 버전의 Android 플랫폼용으로 목록 뷰 아이콘을 디자인하는 방법을 설명합니다.
구조
- 목록 보기 아이콘에는 일반적으로 1픽셀의 Safeframe이 있지만, 둥근 도형의 앤티앨리어싱 가장자리에 SafeFrame 영역을 사용해도 괜찮습니다.
- 지정된 모든 크기는 Photoshop의 32x32 픽셀 아트보드 크기를 기준으로 합니다. 템플릿 내부의 경계 상자 주위에 1픽셀의 패딩을 유지합니다.
|
그림 1. 목록 뷰 아이콘의 Safeframe 및 채우기 경사. 아이콘 크기는 32x32입니다. |
빛, 효과 및 그림자
목록 보기 아이콘은 평평하고 사진이 정면으로 표시되며 내부 그림자가 있습니다. 밝은 그라데이션과 내부 그림자로 구성된 이 효과는 어두운 배경에서 잘 돋보입니다.
|
그림 2. 목록 보기 아이콘의 빛, 효과 및 그림자
|
|||||||||
단계별 안내
|