앱/모바일웹 ui 디자인할 때 해상도를 어떻게 정할까요?


#1

I. 안드로이드

모든 레이아웃들이 5가지 해상도가 필요합니다.

image_2019_09_05T03_33_27_217Z

최고해상도는 1440 X 2560이며 제플린으로 작업하면 5가지 해상도를 자동적으로 슬라이싱됩니다.

II. IOS

해상도 3가지정도 필요합니다.기본 사이즈와 2x, 3x해상도 필요하고 PSD파일로 작업하면 1080x1920 과 1242x2688 두가지 디자인 필요합니다.

마찬가지로 제플린에서 3x사이즈로 작업하면 1x, 2x 해상도가 출력 가능합니다.

III. 모바일웹

기본적으로 750px이상으로 제작하시면 됩니다. 보통 아이폰화면의 가로사이즈 375 x 2 = 750으로 제작합니다.

*제플린 권장하는 이유

1. Sketch, AdobeXD, Figma, Photoshop CC 프로젝트에서 바로 전환가능한 장점이 있습니다.

2. 개발자들에게 편한 UI과 auto-slicing 기능이 제공하고 있습니다
=> 디자인할 때 안드로이드, IOS 두가지만 제작하면 됩니다.