psdからiphoneインターフェイスを作成する

Question

アプリは主にUIの慎重さから評価されるため、すべての開発者がユーザーインターフェースの使いやすさを向上させるための日に日に到着します。

私はウェブサイトの周りを見て、どこからPSDを見つけて自分のアプリを探し始めたかを見つけました。

私の質問です：どのようにpsdのプロトタイプをうまく動作するアプリケーションに変換するには？

私は

誰かが私いくつかは、明確な状況にすることができます...モックアップは、UIを構築する開発者を助けることができるかunserstandませんか？

Answer 1

さて、アプリで使用するグラフィックと実際のユーザーインターフェイスを区別するように注意してください。確かにグラフィックスはUIの一部ですが、UIはそれ以上のものです。それがどのように行われるかに応じて、Photoshopモックアップは、あなたのインターフェースに使用できるシンプルなグラフィックスとなり、アプリの機能を説明する複雑な「シーン」になります。後者の場合、モックアップはUIデザインに役立ちます。前者の場合は、きれいなイメージを使用できます（これは確かに便利です）。

しかし、より直接的な質問に答えるために、ほとんどの人は、Photoshopイメージの「スライス」（個々の部分）を取り出し、.pngイメージ（または.jpg）としてエクスポートします。 .psdファイルに画像がスライスされていない場合は、Googleで「photoshop image slicing」を参照してください。それらをXcodeに読み込んで、使用するコントロールの背景画像として使用できます。特にiOS 5.0以降、画像は多くのコントロールに使用できます。また、適切なUIEdgeInsetsを使用してイメージのサイズを変更できるようにする必要があります。これにより、イメージ内にタイルを張ることができる領域を設定することによって、画像をピクセル化せずにサイズ変更することができます。