GUIの「スクリーンショット」または「アートボード」によるデザインアプリアート？そして、それをアプリに適用する方法は？

Question

1.アプリのUIグラフィックスの「スクリーンショット」をデザインすることはできますか？

からの「スクリーンショット」の例 このリンク

2. PhotoshopとIllustratorでデザインした「スクリーンショット」をアプリのグラフィックUIにどのように適用しますか？

3.ボタン、背景などで「アートボード」を設計する必要がありますか？

からの「アートボード」の例 このリンク

4.アートボードを正確なサイズに切りましたか？

5.誰かが関連するチュートリアルを知っている場合、リンクを非常に感謝します。

この質問は、プロセスの重要な部分であるため、iPhone開発に関連すると思います。

ありがとう。

アップデート 私はAを見つけました 素晴らしい投稿 PhotoshopからiPhoneにエクスポートする方法について

Answer 1

PhotoshopからUI要素をエクスポートするさまざまな方法を説明するチュートリアルへのリンクは次のとおりです。 PhotoshopからUI要素をエクスポートします.

お役に立てれば！

Answer 2

1. 確かに。通常の設計プロセスは、最初に粗ワイヤーフレームを生成し、そこからアプリ自体を構築でき、次に戻ってアーティストが提供する特定のグラフィックスを追加することです。
2. 画像を適切にトリミングしてエクスポートした状態で、またはバックグラウンドの上に「目に見えないボタン」として、いずれかのuibuttonを使用します。 PCのような動作は、UitouchUpinsideに応答することですが、目に見えないボタン（つまり、画像またはテキストタイトルのないカスタムボタン）を使用している場合は、UitouchDownに応答する場合があります。アートによっては、uicontrolstatehighlightedのカスタム画像を作成することをお勧めします。
3. アートボードはデザインタイムです。あなたのアートボードは決してアプリに入りません。使用したい場合は、アプリをより良く実行するためではなく、デザインフローのためにそうします。
4. はい。もちろん、アーティストは、個々のボタンを独自のPNGとしてエクスポートする必要があります。

投稿したドラゴンストームスクリーンショットには、a）静的な背景画像b）右側の4つのボタン、おそらく見えないボタン。新しいゲームと設定用の木製のプラカードは軸に整合されていませんが、これを少しファッジして軸に合わせた画像を使用するのはコーシャです。もちろん、ボタンには透明な領域を含めることができ、プラカードがクリック時にハイライトされますが、石とチェーンはそうではありません。 c）下部にある3つのボタンは、UipageViewに接続されたUiscrollViewを介して管理されています。これは、内部ビューに12個のボタンがあることを実際に示唆しています。ここでは、石の章の画像をボタン画像として使用しても構いません。 d）各セーブの日付を表示するために使用されるカスタムフォント

したがって、アート資産は次のとおりです。

• 1つの背景png
• 右側の4つのボタンのそれぞれについて、ゼロ、1つ、または2つのPNG
• 各章の1つまたは2つのPNG
• カスタムフォント