0

1. アプリの UI グラフィックスの「スクリーンショット」をデザインする必要がありますか?

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

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

3.ボタンや背景などの「アートボード」をデザインする必要がありますか?

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

4.アートボードを正確なサイズにカットしますか?

5.誰かが関連するチュートリアルを知っていれば、リンクをいただければ幸いです。

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

ありがとう。

更新Photoshop から iPhone にエクスポートする方法に関する素晴らしい投稿を見つけました

4

2 に答える 2

2
  1. そうですね。通常のデザイン プロセスでは、最初に大まかなワイヤーフレームを作成し、そこからアプリ自体を構築してから、戻ってアーティストから提供された特定のグラフィックを追加します。
  2. 画像を適切にトリミングしてエクスポートした UIButton を使用するか、背景の上に「見えないボタン」として使用します。PC のような動作は UITouchUpInside に応答することですが、非表示のボタン (つまり、画像やテキスト タイトルのないカスタム ボタン) を使用している場合は、UITouchDown に応答したい場合があります。アートによっては、UIControlStateHighlighted のカスタム イメージを作成したい場合があります。
  3. アートボードは設計時のものです。アートボードがアプリに表示されることはありません。使用する場合は、アプリの動作を改善するためではなく、デザイン フローのために使用します。
  4. はい。アーティストは、個々のボタンを独自の PNG としてエクスポートする必要があります (もちろん、通常の解像度と @2x 解像度の両方)。

あなたが投稿した Dragon Storm のスクリーンショットには、次のように表示されます。A) 静的な背景画像 B) 右側に 4 つのボタン、おそらく見えないボタン。New Game と Settings の木製プラカードは軸が揃っていませんが、これを少しごまかして、軸が揃った画像を使用するのはコーシャです。もちろん、ボタンに透明な領域を含めて、クリックするとプラカードがハイライトされるようにすることもできますが、石とチェーンはできません。C) UIPageView に接続された UIScrollView を介して管理される下部の 3 つのボタン - 実際には、内部ビューに 12 個のボタンがあることを示唆しています。ここのボタン画像は石の章の画像を使ってもよさそうです。D) 各保存の日付を表示するために使用されるカスタム フォント

したがって、アート アセットは次のようになります。

  • 1つの背景PNG
  • 右側の 4 つのボタンのそれぞれに 0、1、または 2 つの PNG
  • 章ごとに 1 つまたは 2 つの PNG
  • カスタムフォント
于 2011-09-09T01:06:51.930 に答える
1

これは、Photoshop から UI 要素をエクスポートするさまざまな方法を説明しているチュートリアルへのリンクです: Exporting UI Elements from Photoshop。

お役に立てれば！

于 2011-09-09T00:38:45.493 に答える