모바일웹 해상도에 관해 여쭤봅니다 정보
모바일웹 해상도에 관해 여쭤봅니다본문
밑에도 답변썻는데..정확하지가 않아서요..
탭종류의 모바일말고 일반 모바일상으로 적용하려하거든요. Psd상에서 해상도를 얼마로잡고 디자인작업을 해야하나요?
탭종류의 모바일말고 일반 모바일상으로 적용하려하거든요. Psd상에서 해상도를 얼마로잡고 디자인작업을 해야하나요?
추천
0
0
댓글 4개
아이폰 기준으로 가로 320으로 잡으시고 여유분으로 왼쪽 10px 오른쪽 10px 여유분으로 주시면 될듯합니다.
결론은 300px로 하시면 될듯합니다.
결론은 300px로 하시면 될듯합니다.
320 이면 나머지 기종들드 맞나요??
탭이랑 아이패드를 제외한...

이런 답변이 도움이 될지 모르겠지만..
아래 글 댓글에서도 나왔듯이, 모바일 해상도가 워낙 여러 종류라 딱 몇 픽셀로 하시라고 답변이 나오기 힘들지 않나 생각됩니다.
아이폰만 해도 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 ) 를 한번 들여다보시는 것도 도움이 되지 않을까 생각합니다.
아래 글 댓글에서도 나왔듯이, 모바일 해상도가 워낙 여러 종류라 딱 몇 픽셀로 하시라고 답변이 나오기 힘들지 않나 생각됩니다.
아이폰만 해도 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 ) 를 한번 들여다보시는 것도 도움이 되지 않을까 생각합니다.