티스토리 뷰
참조 : 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 |
'Android Theme' 카테고리의 다른 글
Android Material Design Layout-Metrics and keylines(Tablet) (0) | 2015.09.06 |
---|---|
Android Material Design Layout-Metrics and keylines (0) | 2015.09.06 |
Android Material Design Layout (0) | 2015.09.05 |
Android Material Design Style-Writing (0) | 2015.09.05 |
Android Material Design Style-Typography (0) | 2015.09.05 |