'100 % 스케일로 아이콘 디자인'이란 무엇입니까?


13

로부터 안드로이드의 재질 디자인 가이드 ,

시스템 아이콘은 24dp에 표시됩니다. 아이콘을 만들 때는 픽셀 정확도를 위해 100 % 스케일 로 디자인하는 것이 중요합니다 .

100 % 규모로 디자인한다는 것은 무엇을 의미합니까? 아이콘의 크기가 24 * 24 dp 여야합니까? 또는 SVG 파일 형식과 같은 스케일링으로 인해 데이터 손실이나 왜곡 등이 발생하지 않는 파일 형식이어야합니까?



1
@AndrewH 나는 그 차이를 안다! 문제는 "100 % 규모로 무언가를 디자인하는 것"의 의미에 관한 것입니다!
Solace

답변:


23

100 % 스케일로 디자인한다는 것은 아이콘을 표시 / 출력 할 크기 (픽셀)로 디자인하는 것을 의미합니다.

24px × 24px 아이콘을 디자인하는 경우 Illustrator에서 아트 보드 또는 Photoshop의 문서 또는 24px × 24px로 사용중인 모든 것을 설정합니다.

머티리얼 디자인 가이드에서 인용 한 바와 같이, 이것은 픽셀 정확도를위한 것입니다. 더 큰 규모로 작업하거나 픽셀을 고려하지 않고 벡터 형식으로 작업하는 경우 나중에 크기를 24px로 줄이십시오. 모양, 경로, 점 또는 픽셀이 픽셀 격자에 정렬되지 않으므로 이 예제에 설명 된 효과 :

여기에 이미지 설명을 입력하십시오

이후의 가치가 주목 DP가 측정 부 절대 아니며 또한 각각 독립적으로 화소 크기 설계 함축 100 % 배율로 다른 실제 픽셀 크기 - 설계의 숫자로 변환. (요릭 감사합니다!)


매우 정확하고 명확한 답변을 주셔서 대단히 감사합니다. =)
Solace

파생 된 "슬라이딩 스케일 측정"인 "24 dp"는 인용 된 문맥에서 "100 % 스케일을위한 디자인"이 실제로 가능한 모든 밀도에 대해 다른 아이콘이 필요하다는 것을 의미한다는 것을 인식하는 것이 중요합니다.
Yorik

1
@Yorik 아주 좋은 지적입니다. 내 답변을 업데이트했습니다.
Cai

모든 해상도에서 독립적으로 작업 할 필요는 없습니다. 48은 24와 정확히 동일한 디자인을 사용할 수 있지만 126, 128, 64, 32는 모두 공유 할 수 있습니다. 핸드 픽셀 링 16px이 필요할 것입니다. 가장 일반적인 해결 방법 은 이 게시물 을 참조하십시오 .
curiousdannii
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.