バリエーションの活用
バリエーションは、Stitch で最も強力で楽しい機能の 1 つです。一度に複数のデザイン案を生成でき、直線的なワークフローから抜け出して、想像もしなかった可能性を見せてくれます。
デザインの複数バージョンを探索して比較するのは得意なはずですから、一度に 1 案しか生成しないのはもったいない!
現在は、一度に 1〜5 つの異なるオプションを生成できます。この機能は「もしも」を試すためのサンドボックスです。
バリエーションを使うタイミング
標準のチャットは具体的で細かい更新(ボタンの色変更など)に適していますが、バリエーションは次のような場面に最適です。
- 行き詰まったとき: 何を変えるべきかわからないが、今のデザインがうまくいっていないとわかっている。
- 探索: 同じコンテンツに対して 3 つの異なるレイアウト案を見たいとき。
- ピボット: 全体の雰囲気を一度に変えたいとき(例:「コーポレートブルー」から「ネオンサイバーパンク」へ)。
クリエイティブレンジの制御
バリエーションを生成するたびに、Stitch に与えるクリエイティブレンジを指定します。これは、現在のデザインからどれだけ離れてよいかを AI に伝えるものです。
- Refined(低レンジ): 構造はそのままに、フォント、微妙な余白、色を調整します。仕上げに使います。
- Creative(高レンジ): 「何が可能か見てみよう」という完全な自由。Stitch がレイアウトを完全に再構築し、画像を入れ替え、テーマを一新できます。
バリエーションのプロンプトの書き方
「一度に大きな変更は 1 つ」を推奨する標準の編集プロセスとは異なり、バリエーションは大きく振る場所です。複数のオプションを生成して選ぶのですから、テーマ変更とレイアウト変更を 1 つのプロンプトにまとめられます。
雰囲気を決める
特定の色のリクエスト
特定の画面を対象に
明確で具体的な指示
アプリテーマを、厳格な白黒パレットを使ったラグジュアリーな美学に更新します。Episode List 画面では、レイアウトをミニマルなグリッドに変更します。
プロのヒント: 大きな変更を求める場合でも、方向性は具体的に。「違う感じにして」ではなく、「ミニマルにして」「大胆にして」と言いましょう。
勝者をさらに反復する
バリエーションの力は最初のクリックで終わりません。Stitch が 5 つのオプションを提示したら、Option 3 のレイアウトが完璧で、Option 5 の配色が良いことに気づくかもしれません。
- 最良のベースを選ぶ: 自分のビジョンに最も近いバリエーションを選択します。
- バリエーションにさらにバリエーション: バリエーションの上にさらにバリエーションを重ねられます。勝者を選び、クリエイティブレンジを「Refined」に下げて、もう一方のオプションで気に入った配色を取り込むよう Stitch に依頼します。
原文: https://stitch.withgoogle.com/docs/learn/variants/
本ページは Google Stitch 公式ドキュメントの翻訳です。原文の著作権は Google LLC に帰属します。本サイトは独立した非公式の翻訳です。