[웹/앱디자이너를 위한] PC/태블릿PC/모바일 해상도 기준 잡기

저는 숫자에 약합니다. 외웠던 숫자도 안 쓰면 까먹습니다.

따라서 저도 정리하고 기록할 요량으로 써내려가봅니다.

 

 

PC는 전체로는 1024px로 주로 작업되는 편이었으나 요즘엔 좀 더 크게도 작업하는 경우가 있습니다.

퍼블리싱할 때 논의 후 결정할 수 있겠지요.

 

권장 규격 정리! (실무에서는 따로 협의해야 할  이슈가 있을 수 있습니다!)

PC

- 전체 : 1200*975px (디자인에 따른 협의사항)

- 콘텐츠(컨테이너) : 800~1000px 정도로 잡곤 합니다. (협의 필요)

 

태블릿

- 전체 : 768*1024 (가장 많이 쓰는 규격)

- 좌우 여백 : 40

 

모바일

- 전체 : 320 or 360 (320은 가장 작은 아이폰 미니 사이즈입니다.)

- 좌우 여백 : 20