2012-04-16 9 views
0

모든 개발자가 앱이 주로주의 깊게 평가되므로 사용자 인터페이스 환경을 개선하기 위해 하루가 다가옵니다.psd에서 iphone 인터페이스 만들기

그래서 웹 사이트를 둘러 보았고 내 응용 프로그램을 어디에서 시작해야하는지 psd를 발견했습니다.

제 질문은 : psd 프로토 타입을 잘 작동하는 앱으로 변환하는 방법은 무엇입니까?

모형 인이 UI를 구축하는 개발자를 도울 수있는 방법 나는 unserstand하지 않습니다 ...

누군가가 나에게 분명한 상황을 만들 수 있습니까?

+2

PSD를 PNG로 슬라이스하여 앱의 다른 영역에 적용하면됩니다. 그것은 당신의 앱이 어떻게 생겼는지에 달려 있지만, 더 많은 경험을 얻으면 당신은 다른 일을 다른 방법으로 달성하기 위해 더 많은 트릭을 배울 것입니다. – EmilioPelaez

+0

모형을 사용하면 프로그래밍을 시작할 때 계획이 있다는 관점에서 많은 도움이됩니다. 당신은 당신과 당신의 고객이 원하는 모든 것을 포함하는 모형을 가지고 있다면 사실을 잊어 버릴 가능성이 적고 (때로는 어려울 수도 있음) 사실에 추가해야합니다. – lnafziger

답변

3

음, 응용 프로그램이 사용하는 그래픽과 실제 사용자 인터페이스를 구별해야합니다. 확실히 그래픽은 UI의 일부이지만, UI는 그 이상입니다. 방법에 따라 포토샵 모형은 간단한 그래픽이 될 수 있습니다. 인터페이스를 사용하여 앱의 기능을 설명하는 '장면'을 복잡하게 만들 수 있습니다. 후자의 경우, 실물 모형은 UI 디자인에 유용 할 수 있습니다. 전자의 경우 사용하기에 예쁜 이미지를 제공합니다 (확실히 유용 할 수 있습니다).

질문에 더 직접적으로 대답하기 위해 대부분의 사람들은 포토샵 이미지의 '조각'(개별 조각)을 가져 와서 .png 이미지 (또는 .jpg)로 내 보냅니다. .psd 파일에 '슬라이스 된'이미지가없는 경우 Google에서 '포토샵 이미지 슬라이싱'을 찾습니다. 그런 다음 Xcode로 가져 와서 사용할 컨트롤의 배경 이미지로 사용할 수 있습니다. 특히 iOS 5.0부터 이미지를 많은 컨트롤에 사용할 수 있습니다. 또한 적절한 UIEdgeInsets를 사용하여 이미지의 크기를 조정할 수 있도록해야합니다. 이렇게하면 이미지 안에 바둑판 식으로 배열 할 수있는 영역을 설정하여 이미지를 픽셀 화하지 않고 크기를 조정할 수 있습니다.

+0

매우 유용합니다 !! 고맙습니다!! –