리메인 | 리메인 커리어
오픈신청이 완료 되었습니다.

클래스 오픈시 가입하신 핸드폰 번호로 문자를 발송 드립니다 :D
고객센터 02-6080-8623

아이콘의 크기

대체로 아이콘의 크기는 아이콘이 들어갈 장소에 맞게 결정됩니다. 구글 머터리얼 디자인에서는 다음 4가지 크기의 아이콘을 제공합니다. 디바이스의 해상도에 따라 이미지가 리사이징(Resizing)되어도 아이콘의 픽셀이 어긋나지 않고 또렷하게 보이기 위해 아이콘의 크기는 짝수로 맞추어줍니다.






모바일(터치)에서의 아이콘 크기

모바일에서는 사용자가 손가락을 이용하여 터치를 해야하기 때문에 아이콘의 크기에 제한이 있습니다. 아이콘은 너무 크게 제작되어 사용자가 의도하지 않은 동작을 일으키게 하거나, 너무 작게 제작되어 사용자가 누르는 데 불편함이 없도록 해야 합니다. Apple과 Google은 각각 아이콘의 최소 크기를 제안하고 있는데 Apple은 44dp로 추천하고, Google은 48dp로 추천합니다. mdip기준으로 dp를 mm로 환산했을 때 44dp는 약 11.6mm, 48dp는 12.7mm 입니다. 아이콘의 최소 사이즈를 44px ~ 48px 안에서 사용할 것을 권장합니다.

* 지문의 평균 크기를 측정한 연구마다 상이한 차이를 보이고 있으므로 애플사와 구글사의 크기 역시 절대적인 기준이 될 수 없습니다.

* mdpi에서는 dp를 px로 환산했을 때 같은 값을 가집니다.

dp와 px에 대한 자세한 내용은 해상도 가이드를 참고하세요.

해상도 가이드 바로가기