테스트 사이트 - 개발 중인 베타 버전입니다

모바일웹 해상도에 관해 여쭤봅니다

· 12년 전 · 3293 · 4
밑에도 답변썻는데..정확하지가 않아서요..
탭종류의 모바일말고 일반 모바일상으로 적용하려하거든요. Psd상에서 해상도를 얼마로잡고 디자인작업을 해야하나요?

댓글 작성

댓글을 작성하시려면 로그인이 필요합니다.

로그인하기

댓글 4개

아이폰 기준으로 가로 320으로 잡으시고 여유분으로 왼쪽 10px 오른쪽 10px 여유분으로 주시면 될듯합니다.
결론은 300px로 하시면 될듯합니다.
12년 전
320 이면 나머지 기종들드 맞나요??
12년 전
탭이랑 아이패드를 제외한...
이런 답변이 도움이 될지 모르겠지만..
아래 글 댓글에서도 나왔듯이, 모바일 해상도가 워낙 여러 종류라 딱 몇 픽셀로 하시라고 답변이 나오기 힘들지 않나 생각됩니다.
아이폰만 해도 3,4,5 모두 다른 해상도 또는 ppi를 가지고 있고, 가로로 돌렸을때는 화면폭도 달라지는 등
'하나의 psd 가로폭'만으로 모든 모바일에 다 적용하겠다는 것은.. 무리라고 생각됩니다.
물론 그중 하나, 예를 들어 아이폰 4나 아이폰 5 등, 하나를 기준으로 psd 작업을 하고
다른 모바일에서는 적절하게 확대/축소되어도 된다고 생각하면 상관없겠지만요.
그래도 실제 적용시 중요한 부분으로, 아이폰 5나 최신 안드로이드 폰등은, 흔히 말하는 2x 이미지를 사용하기에 320 으로 작업하게 되면, 이런 최신 폰의 높은 해상도에 맞지 않는 이미지를 만들 수 있다고 생각됩니다.

혹시 도움이 될지 모르겠지만, 반응형 웹에서 얘기하는 스크린 경계치 ( http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&wr_id=167&sca=%EB%B0%98%EC%9D%91%ED%98%95%EC%9B%B9#vc_screenbreakpoints ) 와 반응형 이미지 ( http://sir.co.kr/bbs/board.php?bo_table=pb_lecture&wr_id=247 ) 를 한번 들여다보시는 것도 도움이 되지 않을까 생각합니다.

게시글 목록

번호 제목
1717629
1717626
1717625
1717621
1717619
1717611
1717610
1717609
1717607
1717601
1717598
1717591
1717590
1717583
1717575
1717572
1717568
1717566
1717549
1717545
1717533
1717512
1717511
1717508
1717495
1717479
1717473
1717470
1717463
1717452