アプリをデザインする

アプリの見た目は、機能と同じくらい重要な要素です。PixelGames はスマートフォン上の Game Boy であり、クリーム色の筐体、オリーブグリーンの画面、ゴツゴツしたボタンこそが本質です。一般的なアプリレイアウトではその魅力が失われてしまいます。

Design モードに切り替える

ワークスペース左上のトグルで Design モードに切り替えます。

Agent に望むものを伝える

欲しい結果を説明すれば、あとは Agent が処理します。方向性を見つけるために、一度に複数のバージョンを依頼しましょう。

バージョンを比較する

Agent はキャンバス上にそれらを並べて表示するため、1つずつではなく画面全体として判断できます。

1つを選んで次の方向性を確認する

デザインを選択すると、その横に表示される提案を使って他のバリエーションを試せます。

望むバージョンをビルドする

バージョンが決まったら、その上のツールバーにある送信アイコンをクリックします。Agent はそのデザインをキャンバスから取り出し、アプリ内の実際の画面としてビルドします。

トラブルシューティング

変更が想定より大きく及んでしまった: Agent に元に戻すよう依頼し、1つの画面や1つの要素ずつ、より小さな変更を説明してください。
プレビューでは正しく見えるが、実機では違って見える: デバイス名と実際に見えたものを伝えてください。多くの場合、セーフエリアや画面サイズの扱いが原因です。
変更が何度も元に戻ってしまう: 同じ値が複数の場所で設定されている可能性があります。その画面のスタイリングが実際にどこにあるか Agent に尋ねてください。

プレイヤーがホーム画面でタップするアイコンをデザインしましょう。

カスタムの見た目とネイティブのアラートやメニューを組み合わせましょう。