Android / iOS PSD의 px에서 layout에 넣을 적당한 숫자 구하기

아.. 사이다

사실 지금까지 내가 많이 쫄았던 영역중 하나가 바로 이부분이다.

psd든 뭐든 가져오면 보고 대충 이쁘게 따라서 만드는건 하겠는데

이걸 디자이너가 의도한대로 똑같이 만들어줘야되잖아.

근데 영 그 계산법을 모르겠는거지 게다가 난 자르는법도 잘 모르니까 디자인 나오는거에 대한 부담감이 있었다.

자르는법에 대해서는 전에 옆에 선임님과 책임님이 알려주셔서 많이 정복했고 지난주금욜부터 오늘까지 레이아웃 잡아보면서 배운것들을 정리해본다.

일단 안드로이드는 DP개념을 알고와야된다.

나는 xxhdpi 기준으로 앱을 만들거다

그럼 포토샵에서 px을 구한다음에

> http://limepen.com/6

여기 들어가서 px to dp를 맞춰주면 된다.

일반적으로 px에다가 나누기 3을 하면 보통 dp가 나오는거 같다.

아이폰의 경우에는 내가 개발중인 앱은 아이폰5 기준으로 제작된다.

따라서 아이폰5의 화면비율인 320 x 568 을 맞춰줘야하는데

내가 받은 psd파일은 캔버스 크기가 1080 * 1920 이다.

따라서 그 비율에 맞춰서 사이즈를 계산하면 된다

비례식은 알아서 생각하고

320 / 1080 을 하면 대충 0.29 정도 나온다

따라서 111px인 경우에는 111*0.29 하면 32.19 정도 나오는데 32정도 넣으면 얼추 맞는것 같다.

여튼 이렇게 진행하면 된다

캬 사이다.

글씨부분이 잘 이해가안되서 여쭤보니

똑같이 변환율에 맞추면 된다고 하시네

일단 그렇게 인지하고 넘어가도록 하자