안드로이드를 처음 접하는 초보 디자이너라면 반드시 알아야 할 개념이 있습니다. 이 개념을 왜 알아야 하냐면, 안드로이드는 다양한 스마트폰 화면 크기와 해상도를 지원하기 때문입니다.
DP 뿐만 아니라 DPI, PPI 등의 용어도 듣게 됩니다. 혼란스럽습니다. 하지만 생각보다 어렵지 않은 개념이고 여러 번 보다 보면 익혀지는 용어입니다. 이와 관련된 지식을 알고 있어야지만 디자인 작업을 할 수 있습니다. 도화지의 크기를 알아야 레이아웃을 잡을 수 있는 것처럼요.
DP를 한마디로 말하자면
"픽셀과 관계없이 독립적인 크기를 가진 디스플레이의 좌표(점)"라고 말할 수 있습니다.
도화지에 점을 하나 찍나, 붓으로 점을 하나 찍나 DP의 관점으로 보자면 크기가 어떻든지 간에 한 개의 점이라는 것입니다. 다른 건 필요 없고 D는 '점'이다 라는걸 기억해주시면 됩니다.
그런데 여기서 I가 나타납니다. I는 인치라는 단위를 뜻합니다. (*1인치: 2.54cm) 그래서 DP+I : DPI(Dot Per Inch)는 가로 세로 1인치에 들어가는 점을 나타내는 단위입니다. 예를 들어 10 DPI에는 100개의 점이 들어가 있습니다.
같은 가로와 세로가 1인치인 도화지 안에 100개의 점(10 DPI)과 400개의 점(20 DPI)이 들어있다면 어떤 쪽이 해상도가 더 높다 라고 말할 수 있을까요? 당연히 400개의 점이 찍혀있는 20 DPI의 손을 들어줄 것입니다.
복습을 해볼까요? 10 DPI를 떠올려보세요. 어떤 점의 크기가 떠올리셨다면, 다시 한번 생각해보세요. 여러분들이 생각하실 그림은 가로세로가 1인치인 도화지 안의 100개의 점을 떠올리셔야 하는 거예요.
어느 정도 DPI에 대한 개념이 잡혔다면 PPI를 살펴보도록 합니다. 이해가 되지 않는다면 위의 글을 3차례 정도 정독을 추천드립니다. PPI도 DPI와 같은 개념이에요. DPI를 이해하셨다면 PPI도 이해하실 수 있습니다. 전혀 어렵지 않아요!
정의하자면
PPI(Pixel Per Inch): 가로 세로가 1인치인 도화지에 들어가는 픽셀의 개수
DPI(Dots Per Inch): 가로 세로가 1인치인 도화지에 들어가는 점의 개수
(*1인치: 2.54cm)
로 볼 수 있습니다. 7 PPI는 49(7*7) 개의 픽셀입니다. 15 PPI는 225(15*15) 개의 픽셀입니다. 해상도는 값이 올라갈수록 점점 더 좋아지겠죠. 다시 한번 예를 들어 정리를 해보겠습니다.
10 PPI는 1인치에 들어가는 픽셀의 개수인 100 픽셀입니다.
10 DPI는 1인치에 들어가는 점의 개수인 100 Dot(100개의 점)입니다.
자 여기서 PPI와 DPI의 사용용도를 알아보도록 할게요. PPI는 그래. 픽셀이다. 픽셀이니까 웹용으로 주로 쓰이겠네~라고 생각을 하셨으면 PPI를 다 이해하신 셈이에요! 그렇다면 DPI 픽셀이 아닌 점을 찍어내는 경우는 어떤 것이 있을까요? 인쇄물인 프린트가 있습니다.
아하..! 이해가 좀 되셨나요?
그렇다면 우리가 정말 흔히 듣는 72 PPI와 300 DPI는 무엇일까요?
72 PPI는 PC에서 평균적으로 인지할 수 있는 '최대 밀 도치(해상도)'이고, 이 이상의 숫자 값은 인간이 인지를 할 수가 없기 때문에 보통은 그 이상을 사용하지 않습니다. 숫자를 늘린다면 용량만 커지고 좋은점이 없다는 거죠. 그래서 모니터는 72PPI라는 수치가 대중화가 되었고요.
같은 맥락으로 출력물에 사용되는 300DPI가 인간이 인지할 수 있는 최댓값이라는 것인데요. 300 DPI 그 이상을 사용해도 인지를 할 수가 없다고 합니다. 그래서 포토샵과 일러스트에서의 기본 세팅 환경은 다릅니다. 포토샵은 주로 PPI 즉 웹용으로 주로 쓰이고, 일러스트는 DPI 즉 인쇄용으로 쓰기에 적합하기 때문입니다.
다시 한번 정리를 해보자면,
(D/P)PI는 1인치 안에서 일어나는 일입니다. 1인치 안에 픽셀이 있을 건지, 점이 있을 건지 그 차이인 것이죠. 그러니 여러분들은 하나만이라도 정확하게 알고 있으시면 되는 겁니다. 10 DPI를 떠올려보세요. 1인치 안에 100개의 점이 떠올려지셨나요? 그렇다면 여러분은 DPI를 이제 이해하신 겁니다.
그러면 여기서 하나 더 궁금한 점이 생기지 않으신가요?
72PPI랑 300 DPI는 어느 정도인 거야..?
딱 계산해서 보여드립니다. 72 PPI는 가로 세로가 1인치인 도화지에 5,184(72*72) 개의 픽셀이고, 300 DPI는 가로 세로가 1인치인 도화지에 90,000(300*300) 개의 점이 찍혀있다는 것입니다. 상상으로 만도 엄청나지 않나요?
'디자인 > UIUX' 카테고리의 다른 글
| 머티리얼 디자인 Color System 주조색(primary color) (1) | 2020.11.02 |
|---|---|
| dp에 따른 그리드시스템에 대해 알아보자. (0) | 2020.11.01 |
| 안드로이드에서 DPI는 이렇게 적용된다. 4의배수? 8의 배수?*기기별 해상도 (0) | 2020.10.25 |
| 조금 안다고 하기에도 애매한 상태의 UI디자이너 (0) | 2020.04.18 |
| 안드로이드 아이콘 만들기 (가이드) (0) | 2020.03.19 |
댓글