[UI] 디자이너가 알아야 할 필수 단위: SP, DP, DPI, PPI, PX, PT

디자이너가 알아야 할 필수 단위: SP, DP, DPI, PPI, PX, PT

디자인은 단순히 시각적 아름다움을 넘어서 사용자 경험과 밀접하게 연결되어 있습니다. 효과적인 디자인을 위해서는 다양한 단위와 개념을 정확히 이해하는 것이 중요합니다. 이 글에서는 SP, DP, DPI, PPI, PX, PT와 같은 핵심 단위들에 대해 알아보겠습니다.

---

1. SP (Scale Independent Pixels)

안드로이드 개발에서 사용되는 글꼴 크기 단위입니다. 사용자의 기기 설정에 따라 글꼴 크기가 조절되어, 접근성과 사용성을 높입니다. SP는 특히 안드로이드의 접근성 기능과 밀접하게 연관되어 있습니다.

ex) 사용자의 시력 문제나 선호에 따라 글꼴 크기를 조정할 때 유용합니다.

---

2. DP (Density-independent Pixels)

화면의 밀도와 상관없이 일관된 크기를 제공하는 안드로이드의 가상 픽셀 단위입니다. 다양한 화면 밀도에서 일관된 UI를 제공합니다. 또한, DP는 실제 물리적 단위(인치)와 화면 해상도를 연결하는 중요한 역할을 합니다.

ex) 버튼, 아이콘 등의 요소가 다양한 기기에서도 일관된 크기로 보여지게 하는 데 사용됩니다.

---

3. DPI (Dots Per Inch)

인치당 점의 수를 나타내는 인쇄 및 화면 해상도의 단위입니다. 이미지의 선명도와 인쇄 품질을 결정하는 데 중요합니다.

ex) 고품질 인쇄물을 제작할 때 이 단위를 고려하여 디자인합니다.

---

4. PPI (Pixels Per Inch)

인치당 픽셀 수를 나타내는 화면 해상도의 단위입니다. 화면의 선명도와 상세도를 결정합니다. PPI는 화면의 품질과 선명도에 직접적인 영향을 미칩니다.

ex) 고해상도 디스플레이를 디자인할 때 중요한 고려 사항입니다.

** DPI와 PPI의 차이점을 명확히 이해해야 합니다. DPI는 주로 인쇄 매체에 사용되며 PPI는 디지털 화면에 사용됩니다.

---

5. PX (Pixels)

디지털 이미지를 구성하는 기본 단위입니다. 디지털 디자인에서 가장 기본적이고 중요한 단위이며, 화면 해상도와 직접적인 관련을 가질 수 있습니다.

ex) 웹사이트 레이아웃, 이미지 크기 설정 등에 사용됩니다.

---

6. PT (Points) in Printing

인쇄 디자인에서 사용되는 길이 단위로, 1포인트는 1/72인치입니다. 인쇄 디자인에서 정확한 크기를 제공합니다.

ex) 명함, 전단지, 책자 디자인 등 인쇄물의 글꼴 크기와 요소 배치에 사용됩니다.

---

7. PT (Points) in iOS Development

iOS 개발에서 PT는 화면의 물리적 크기에 상관없이 일관된 크기를 제공하는 단위입니다. 이는 앞서 언급한 인쇄 디자인에서의 PT와는 다른 의미를 가집니다. iOS에서 1포인트는 기본적으로 1/72인치에 해당하지만, 화면 밀도에 따라 표현되는 실제 픽셀 수가 달라집니다. 다양한 해상도의 Apple 기기에서 일관된 사용자 경험을 제공하기 위해 필수적입니다. 예를 들어, iPhone의 Retina 디스플레이와 일반 디스플레이에서 같은 크기의 요소를 표현하기 위해 사용됩니다. Retina 디스플레이에서는 1포인트가 2x 또는 3x 픽셀로 표현될 수 있습니다.

ex) 앱의 버튼, 텍스트, 이미지 등 UI 구성 요소의 크기를 설정할 때 사용합니다.