안녕하세요, 디자인베이스님! 항상 양질의 좋은 영상 감사드립니다! 다름이 아니라 06:03 부분 돌려봐도 말씀이 잘 이해가 되질 않아 질문 드립니다! mdpi 기준으로 작업시에는 1dp = 1px 이라고 말씀해주셨는데 Q1 : 360x80 에서 왜 그래픽에 들어갈 이미지는 4배를 곱해서 작업을 해야하나요? px은 최상위 해상도로 제작에 맞춰서 해야하기 때문에 그러신게 맞을까요? Q2 : 그렇다면 영상내에서는 1080x320 으로 나와있는데 1440x320이 되야하는 부분이 아닌가요? Q3 : 또 추가적으로 그럼 피그마나 포토샵으로 360x80의 배너를 만든다고 했을때 360x80의 박스를 만들고 그 안에 들어갈 그래픽 요소들은 1440x320의 작업물들을 만든뒤 줄여서 넣어야 하는건가요? 너무 초보적인 질문이라 죄송합니다 ㅠㅠ 항상 양질의 좋은 영상 공유해주셔서 감사드립니다!
안녕하세요~! 질문에 답변을 드리자면, 1. 비트맵 기반의 이미지는 최상위 해상도로 제작해야 해서입니다. 코드로 개발할때는 ui를 dp 단위로 하지만, 업로드해야하는 이미지는 고해상도로 제작해서 넣어야지 실제 스마트폰에서 안깨지고 잘 보이게 됩니다~! (저해상도 기기에서는 저해상도로 자동으로 맞춰서 보여지도록 개발이 됩니다.) 2. 네 맞습니다..! 제가 수치를 잘못 기입했네요..혼동을 드려서 죄송합니다! 360x80의 4배를 해서 1440x320이 맞습니다!ㅎㅎ 3. 네, 피그마로 디자인을 한다고 가정했을 때 고해상도로 제작한 에셋을 ui에 맞게 스케일 조절해서 넣어주시면 됩니다. 그럼 개발자모드에서 내려받을 때 원본 사이즈를 다운받을 수 있습니다. iOS를 예를 들어 보자면, @3x로 제작한 에셋이 있다면, 내보내기 옵션을 통해 @1x, @2x, @3x를 다운받을 수 있고, @3x 받은 에셋의 해상도는 깨지지 않습니다~!
영상 잘봤습니다! 궁금한게 있는데요 이미지 사이즈와 ppi는 연관이 어떻게 되는건가요? 예를 들어 이미지 사이즈 잡을때 포토샵에서 가로세로 2000픽셀로 잡아다치면 72dpi에 영향이 있나요? 둘의 관계가 어떻게 작용하는지 궁금합니다 사이즈가 무작정 커지면 해상도도 같이 커지나요?
제가 오표기를 한 곳이 있습니다..! 06:02 부분에 360x80dp의 4배를 해야한다고 했는데, 1080이라고 썼네요..! 1440x320이 맞습니다.
(댓글로 남겨주신 분 감사합니다ㅎㅎ)
안녕하세요, 디자인베이스님! 항상 양질의 좋은 영상 감사드립니다!
다름이 아니라 06:03 부분 돌려봐도 말씀이 잘 이해가 되질 않아 질문 드립니다!
mdpi 기준으로 작업시에는 1dp = 1px 이라고 말씀해주셨는데
Q1 : 360x80 에서 왜 그래픽에 들어갈 이미지는 4배를 곱해서 작업을 해야하나요? px은 최상위 해상도로 제작에 맞춰서 해야하기 때문에 그러신게 맞을까요?
Q2 : 그렇다면 영상내에서는 1080x320 으로 나와있는데 1440x320이 되야하는 부분이 아닌가요?
Q3 : 또 추가적으로 그럼 피그마나 포토샵으로 360x80의 배너를 만든다고 했을때 360x80의 박스를 만들고 그 안에 들어갈 그래픽 요소들은 1440x320의 작업물들을 만든뒤 줄여서 넣어야 하는건가요?
너무 초보적인 질문이라 죄송합니다 ㅠㅠ
항상 양질의 좋은 영상 공유해주셔서 감사드립니다!
안녕하세요~! 질문에 답변을 드리자면,
1. 비트맵 기반의 이미지는 최상위 해상도로 제작해야 해서입니다. 코드로 개발할때는 ui를 dp 단위로 하지만, 업로드해야하는 이미지는 고해상도로 제작해서 넣어야지 실제 스마트폰에서 안깨지고 잘 보이게 됩니다~! (저해상도 기기에서는 저해상도로 자동으로 맞춰서 보여지도록 개발이 됩니다.)
2. 네 맞습니다..! 제가 수치를 잘못 기입했네요..혼동을 드려서 죄송합니다! 360x80의 4배를 해서 1440x320이 맞습니다!ㅎㅎ
3. 네, 피그마로 디자인을 한다고 가정했을 때 고해상도로 제작한 에셋을 ui에 맞게 스케일 조절해서 넣어주시면 됩니다. 그럼 개발자모드에서 내려받을 때 원본 사이즈를 다운받을 수 있습니다. iOS를 예를 들어 보자면, @3x로 제작한 에셋이 있다면, 내보내기 옵션을 통해 @1x, @2x, @3x를 다운받을 수 있고, @3x 받은 에셋의 해상도는 깨지지 않습니다~!
@@designbase 아하 답변주신 내용 덕분에 이해 안갔던 부분들이 잘 이해됐습니다. 좋은 하루 보내세요!
저도 동일한 부분 궁금했는데 감사합니다
오마낫...디베님 저는 국비학원에서 포토샵만 배워서요ㅜㅜ 스케치나 피그마나 1배수로 작업하는 툴은 아직 다루지 못하는데
포토샵으로 작업한다면 3배,4배 상태에서 작업하면 될까용,,,
네, 그렇게하면 되긴하지만, UXUI쪽으로 생각중이시라면 피그마를 배우시는걸 추천드립니다.ㅎㅎ
@@designbase 감사합니다,,,,,
피그마는 제가 시간내서 배워야겠네용 호호,,
디베님 영상 참 좋아합니다 목소리가 차분하셔서 더 듣기좋구용 답변 감사합니다~
영상 잘봤습니다! 궁금한게 있는데요 이미지 사이즈와 ppi는 연관이 어떻게 되는건가요? 예를 들어 이미지 사이즈 잡을때 포토샵에서 가로세로 2000픽셀로 잡아다치면 72dpi에 영향이 있나요? 둘의 관계가 어떻게 작용하는지 궁금합니다 사이즈가 무작정 커지면 해상도도 같이 커지나요?
혹시 유튜브 썸네일이나 영상에서 사용하시는 3d 일럭스트 출처를 알 수 있을까요? 개인적으로 사용해보고 싶습니다
종종 썸네일에 사용된 3d 그래픽은 Envato에서 유료로 다운받아 사용한 소스입니다 :)
안녕하세요, 심도깊은 영상 정말 잘 보고있습니다. 제가 프로토파이 관련 문의드리고 싶은데 혹시 여기에 문의드려도 될까요? 요즘 업로드 된 프로토파이 관련된 영상없어서 여기에 문의드리니 양해 부탁드립니다
네 여기에 남겨주시면 확인후 답변드리겠습니다.