티스토리 뷰

Android Theme

Android Material Design Layout-Units and measurements

알 수 없는 사용자 2015. 9. 6. 00:41

참조 : http://www.google.com/design/spec/layout/units-measurements.html#


Pixel density : 픽셀단위의 밀도. 절대값

 - 스크린의 크기에 상관없이 같은크기.

Density-independent pixels(dp) : 픽셀에 독립적인 글자 밀도. 비율

 - 스크린에 따른 크기변화


여러 다양한 기기를 지원하기 위해서는 dp가 좋고

한기기에 딱 맞는 디자인을 위해서는 pixel도 나쁘지 않다.



 스크린 밀도 120

픽셀 180 px 

 240 dp 

 스크린 밀도 160 

픽셀 240 px 

 240 dp 

 스크린 밀도 240 

픽셀 360 px 

 240 dp 


스크린 밀도 = 해상도.

해상도가 달라질 때마다 픽셀은 거기에 맞게 조정되어야 하지만 dp는 비율에 따라 조정이 됨


 dp = (1인치당 픽셀 * 160) / 스크린 density

-> 320 density를 가지는 스크린에서 32 px * 32 px 크기의 아이콘은 16 dp * 16dp 와 같다. 



Scaleable pixels(sp) : dp와 같은 방식이지만 글자(font)용으로만 사용

 화면 크기에 따라서 글자크기도 변함


Image scaling : 이미지의 크기변화

스크린의 크기에 따라서 만들어야 할 이미지의 크기변화



 화면

dpi

 픽셀비율 

 이미지 크기(Pixel) 

 xxxhdpi

 640 

 4.0 

 400 x 400 

 xxhdpi 

 480 

 3.0 

 300 x 300 

 xhdpi 

 320 

 2.0 

 200 x 200 

 hdpi 

 240 

 1.5 

 150 x 150 

 mdpi 

 160 

 1.0 

 100 x 100 







댓글
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday