Units in Web,Mobile design

웹, 모바일 디자인에서 알고 있어야한 단위들을 정리해본다. 시각적인 결과물의 정교함을 다질때, 레이아웃의 비율을 맞출때 그리고 프론트엔드 개발을 할때 플랫폼, OS별로 쓰이는 단위의 차이점을 명확하게 인지해야할 필요성을 느낀다. 현재 사용되고 있는 단위들을 정리하면 다음과 같다.

Pixel – 디스플레이의 최소 단위로 색을 나타내는 한개의 점.

Screen size – 화면를 가로지르는 대각선의 길이를 말하며 Inch로 나타낸다.

Resolutions – 해상도는 화면 전체에 걸쳐 포함된 픽셀의 수. 가로 X 세로로 나타내며 아이폰을 예로 들면 320 X 480의 해상도를 갖는다.

DPI (Dot per inch or pixels per inch) – 1인치안에 있는 픽셀의 개수. Resolution/ Screensize로 계산된다. 높은 해상도는 그만큼 픽셀의 크기가 작다는 것을 뜻한다.

Points – IOS에서 사용되는 추상적인 단위. 과거 iPhone4 까지는

Advertisements

Create a free website or blog at WordPress.com.

Up ↑