마스터Q&A 안드로이드는 안드로이드 개발자들의 질문과 답변을 위한 지식 커뮤니티 사이트입니다. 안드로이드펍에서 운영하고 있습니다. [사용법, 운영진]

안녕하세요 안드로이드 개발 디자인적용 질문드립니다.

0 추천
안드로이드 공부중인 학생입니다.

조별과제에서 디자인파트와 개발 파트가 따로있고 디자인은 제플린으로 디자인을 줍니다.

제플린은 mdpi 320 * 640px를 기준으로 디자인을 하고있다고 하는데

제플린에 기제된 아이콘 dp값으로 안드로이드 스튜디오에 적용했는데 디자인 파트에서 아이콘이 작다고 합니다.

실제 테스트폰은 갤럭시 s10이구요

제플린의 dp값을 안드로이드에 그대로 적용하는게 아닌가요??

아이콘은 jpg가 아닌 svg로 다운받아서 vector Asset으로 적용하여 xml로 만들어 적용하고 있었습니다.

 

제플린으로 디자인을 처음받아봐서 막막합니다..

계산을 어떻게 해야하는건가요?? ㅠ
로아 (390 포인트) 님이 2020년 10월 14일 질문
Zeplin에 안드로이드 xml 변환 플러그인이 있습니다. 그걸 설치하시면 Android XML로 변환된 내용을 볼 수 있습니다.
간단하게 하나만 질문하겠습니다.
제플린 360*640px 로 디자인된 아이콘 (width:10dp height:10dp)을 1440*2560화면에 적용하려고 합니다. vector이미지로요. 그럼 아이콘의 width, height값이 어떻게 되나요? 동일하게 10dp,10dp 아닌가요??
저도 zeiplin을 사용 중인데 동일한 사이즈어야 합니다. 그건 zeplin 문제가 아니라 디바이스 densitiy를 고려하셔야 되는 것 같이 보이는데요. 디바이스에 최적화된 이미지 사이즈를 사용하려면 아래 쭈주님 말씀 처럼 해상도별 폴더에 이미지의 사이즈를 확인하셔야 합니다. 디자이너분께서 이미지 올리실 때 이런 부분까지 감안하셨는지는 모르겠네요.
수동으로 계산하지 마시고 그냥 많은 온라인 서비스 중 하나를 이용하세요.
https://respresso.io/image-converter
구글에 "android image converter" 같은 키워드로 검색하시면 엄청 많은 검색결과가 나옵니다.
svg파일 외에도 mdpi, hdpi, xdpi 등등의 파일로도 다운받을 수 있도록 되어있습니다만 그럼 최적화 이미지를 사용하려면 vector이미지가 아닌 mdpi, hdpi등을 사용해야 한다는 말씀이신거죠?? ㅜㅠ dpi 이미지는 res폴더의 mimap 폴더에 넣나요? 아니면 drawable-mdpi hdpi등 사이즈별로 폴더를 만들어서 넣어야 하나요??
먼저 기본적인 안드로이드 개발자 문서를 찾아서 천천히 보시기를 원합니다. 거기에 정확한 답이 있습니다. https://developer.android.com/guide/topics/graphics/vector-drawable-resources
SVG 이미지가 있으시다면, 안드로이드 스튜디오 안에 있는 VectorDrawable 툴을 이용해  SVG를 VectorDrawable로 변환하시면 됩니다. Android Studio가 알아서 Drawable 폴더에 SVG를 XML 파일로 변환해 줄겁니다. VectorDrawable은 density를 굳이 신경쓰실 필요가 없어요.

1개의 답변

0 추천

안녕하세요. 디자인과의 협업에서 곤란함을 느끼고 계시군요^^

제플린에 이미지 값은 px 값으로 표현이 되구요. 실제 갤럭시s10의 덴시티는 xxxhdpi 입니다.

즉, 제플린에서 *1배수로 나와있는 이미지는 *3으로 모바일에 표현해야 그대로 나올 수 있습니다.

디자이너는 그걸 감안해서 아래 해상도로 작업을 해서 이미지를 작업해야하며, 해당 사이즈로

이미지작업을 하셨다면 export로 이미지를 다운받게 되면 제플린 특성상 hdpi, xhdpi, xxhdpi, xxxhdpi의 형태 폴더로 이미지가 다운이 되는데요. 그 때 xxxhdpi 폴더안의 이미지를 사용하시면 해당 기기에

적합한 이미지로 적용되는 것입니다.

 

관련된 공부를 좀 더 해보시면 이해가 빠르실 것으로 생각되네요^^ 화이팅하세요!!

 

[Samsung Galaxy S10]Dimensions 6.1 INCH
Resolution 1440 x 3040 PX
Viewport 360 x 760 PX
Density 4 XXXHDPI
쭈쭈총각 (17,750 포인트) 님이 2020년 10월 15일 답변
댓글 감사합니다.
잘 이해가 안가는데 간단한 예를 한가지 부탁드립니다...
제플린에선 아이콘 가로 세로가 100dp * 20dp로 되어있다면 s10에 적용할 때 dp값을 어떻게 적용해야 하나요???
...