이번에 앱 코딩을 처음으로 들어가게 되었는데, 웹만 작업하다가 모바일 디바이스 해상도를 고려하려니 꽤나 생각할게 많더군요.
여기저기서 검색을 통해서 이해한 결과 아이폰6 플러스의 해상도는 스케일이 3배가 되어서
1242x2208로 렌더링 된다고 하더군요.
여기서 다운샘플링(이것에 대한 개념을 잘 모르겠어요.)을 통해 결국은 1080x1920의 해상도를 갖게 된다고 이해했습니다.
1080x1920은 안드로이드의 xxhdpi의 해상도와 같다는 것도 알게 되었어요.
그럼 여기서 질문을 할께요.
1.글을 읽다보니 1242x2208 기준으로 디자인을 하면 된다는데, 어차피 1080 사이즈로 다운 샘플링 된다면 처음부터 1080으로 잡고 디자인하고 이미지 잘라서 코딩하면 안될까요?
2.혹시 그러면 예전의 모바일 코딩은 640을 기준으로 모두 작업을 하게되었는데, 지금 아이폰 6 플러스의 해상도가 존재하게 된 경우에는 아이폰 6 플러스 기준으로 디자인하고 코딩을 하면 되나요?
(어떤 글에서는 아이폰6플러스 사이즈와 아이폰6 사이즈 2개의 이미지를 잘라서 준비하라고 하더군요
그러면 여기서 또 궁금한게 2가지 사이즈별 이미지를 잘라놓았다면, 코딩을 할때는 어떻게 각 디바이스에 맞게 이미지를 불러올 수 있는건가요?
코딩은 img='src=경로/아이폰6플러스.jpg' 이렇게 코딩이 먼저 되있을텐데... 미디어 쿼리를 써야하는가?)
3.안드로이드와 ios를 함께 사용하는 하이브리드 앱을 개발하게 될껀데, 어떤 사이즈를 기준으로 디자인을 하고, 이미지를 잘라서 코딩하면 될까요?
아직 머리 속 정리가 잘 안되어서 질문이 난해한 것 같습니다.
그래도 대답할 가치가 있는 것들이라도 답변해주세요 고수님들.
답변 1개
채택된 답변
+20 포인트
2017-07-14 (금) 18:16:17
1. 최대 해상도를 기준으로 디자인 하시고, 미디어 쿼리를 분기점으로
리사이징 된 이미지를 표현 하심이 좋을듯 싶습니다.
2. 요즘 나오는 디바이스의 비율과 해상도는 천차 만별입니다.
아래의 해상도와 화면비율 위키자료를 참고하시고 최대해상도 에서 작업을 시작
실제 퍼블리싱때는 미디어쿼리를 활용해 각각 분기점별로 체크를 해주셔야 합니다.
https://zetawiki.com/wiki/스마트폰_해상도,_화면비율
3. 같은 맥락입니다. 어떠한 기준으로 디자인을 하고 이미지를 잘라서 코딩보다는
하나의 비율을 기준으로 최대해상도를 잡아 디자인을 하시고 퍼블리싱 하실때
미디어 쿼리를 활용하시어 미디어 쿼리 분기별로 이미지를 따로 임포트 합니다.
서두없이 답변드려 죄송합니다. 'ㅅ';;
답변을 작성하려면 로그인이 필요합니다.