갤럭시 S23 CSS 해상도

갤럭시 S23 CSS 해상도 및 피그마/XD 작업 해상도

안녕하세요! 갤럭시 S23에서 피그마와 어도비 XD를 사용하여 앱을 디자인하는데 필요한 CSS 해상도와 작업 해상도 정보를 알려드릴게요.

1. 갤럭시 S23 CSS 해상도:

• 픽셀 해상도: 2340 x 1080 (FHD+)

• CSS 해상도: 360 x 640 (dp)

• 픽셀 비율: 3.0

2. 피그마/XD 작업 해상도:

• 기본 작업 해상도: 360 x 640 dp (CSS 해상도 동일)

• 디자인 확대/축소:

• 디자인 요소의 선명도를 유지하기 위해 2배 또는 3배 확대 작업 권장

• 예시: 720 x 1280 dp (2배 확대), 1080 x 1920 dp (3배 확대)

• 다양한 기기 적용:

• 다양한 해상도의 기기를 고려하여 디자인 시 반응형 디자인 적용 권장

3. 갤럭시 S23 캡처 해상도:

• 캡처 해상도: 2340 x 1080 (FHD+)

• CSS 해상도와 차이: 캡처 해상도는 실제 화면 해상도이며, CSS 해상도는 디자인 작업에 사용되는 논리적 해상도입니다.

4. 피그마/XD 설정:

• 피그마:

• "파일" > "설정" > "디자인" 메뉴에서 "픽셀 단위"를 "dp"로 설정

• "캔버스 크기" 설정 시 원하는 작업 해상도 선택 (예: 360 x 640 dp, 720 x 1280 dp)

• 어도비 XD:

• "파일" > "프로젝트 설정" 메뉴에서 "디자인 단위"를 "dp"로 설정

• "아트보드" 크기 설정 시 원하는 작업 해상도 선택 (예: 360 x 640 dp, 720 x 1280 dp)