단위

PX, DP, SP, PT ? 웹/앱 디자인을 할 때 기본적으로 알아야 항목이 있습니다. 그 중 디자인 시 알아야 할 단위에 대해서 생각해 보려고 합니다. 디자이너가 UI 작업을 진행할 때 Photoshop, Sketch, Figma 등의 프로그램을 이용합니다. (당연히 그외 다양한 프로그램이 존재합니다.) 이때 사용하게되는 단위는 픽셀(Pixel) 입니다. 흔히 줄여서 px 로 사용합니다. 1. 픽셀이란? 간단하게 우리가 보는 화면이나 이미지를 이루는 최소 단위입니다. 만약 우리가 가로, 세로 100px의 사각형을 그린다고 하면 어느 디바이스나 화면에서 동일한 크기로 보여집니다. 이는 픽셀은 절대값이기 때문입니다. 하지만 dp, pt 등의 단위는 물리적 크기는 다르게 됩니다. ※ 픽셀과 함께 자주 보이..

기술의 발달로 많은 그래픽 디자이너가 UX/UI 디자인으로 전환했다. 나는 아트 디렉션을 공부했기 때문에 그래픽 디자인의 베이스라인 그리드에 더 익숙하다. 약 6년 전 UI 디자인 일을 시작했을 때, 특정한 가이드라인을 따르지 않았다. 그래서 주로 다른 앱과 웹 사이트에서 어떤 간격을 사용하는지 살펴보았고, 곧 모든 사람이 다르게 하고 있다는 것을 알게 되었다. 온갖 다양한 수치를 봤다. 12px, 13px, 15px, 20px.. 당시에 그것은 중요해 보이지 않았었다. 몇 년 전, 나는 Spec.fm에서 Bryn Jackson이 쓴 8포인트 그리드와 두 가지 방법론 "소프트 그리드"와 "하드 그리드"에 대한 글을 읽었다. 디테일을 추구하는 나에게 이곳은 지상낙원이었다. 이후 모든 디자인에 8-Point..

Engineering Blog by Dale Seo