バリエーションの活用

バリエーションは、Stitch で最も強力で楽しい機能の 1 つです。一度に複数のデザイン案を生成でき、直線的なワークフローから抜け出して、想像もしなかった可能性を見せてくれます。

デザインの複数バージョンを探索して比較するのは得意なはずですから、一度に 1 案しか生成しないのはもったいない!

現在は、一度に 1〜5 つの異なるオプションを生成できます。この機能は「もしも」を試すためのサンドボックスです。

バリエーションを使うタイミング

標準のチャットは具体的で細かい更新(ボタンの色変更など)に適していますが、バリエーションは次のような場面に最適です。

  • 行き詰まったとき: 何を変えるべきかわからないが、今のデザインがうまくいっていないとわかっている。
  • 探索: 同じコンテンツに対して 3 つの異なるレイアウト案を見たいとき。
  • ピボット: 全体の雰囲気を一度に変えたいとき(例:「コーポレートブルー」から「ネオンサイバーパンク」へ)。

クリエイティブレンジの制御

バリエーションを生成するたびに、Stitch に与えるクリエイティブレンジを指定します。これは、現在のデザインからどれだけ離れてよいかを AI に伝えるものです。

  • Refined(低レンジ): 構造はそのままに、フォント、微妙な余白、色を調整します。仕上げに使います。
  • Creative(高レンジ): 「何が可能か見てみよう」という完全な自由。Stitch がレイアウトを完全に再構築し、画像を入れ替え、テーマを一新できます。

バリエーションのプロンプトの書き方

「一度に大きな変更は 1 つ」を推奨する標準の編集プロセスとは異なり、バリエーションは大きく振る場所です。複数のオプションを生成して選ぶのですから、テーマ変更とレイアウト変更を 1 つのプロンプトにまとめられます。

雰囲気を決める

特定の色のリクエスト

特定の画面を対象に

明確で具体的な指示

アプリテーマを、厳格な白黒パレットを使ったラグジュアリーな美学に更新します。Episode List 画面では、レイアウトをミニマルなグリッドに変更します。

プロのヒント: 大きな変更を求める場合でも、方向性は具体的に。「違う感じにして」ではなく、「ミニマルにして」「大胆にして」と言いましょう。

勝者をさらに反復する

バリエーションの力は最初のクリックで終わりません。Stitch が 5 つのオプションを提示したら、Option 3 のレイアウトが完璧で、Option 5 の配色が良いことに気づくかもしれません。

  1. 最良のベースを選ぶ: 自分のビジョンに最も近いバリエーションを選択します。
  2. バリエーションにさらにバリエーション: バリエーションの上にさらにバリエーションを重ねられます。勝者を選び、クリエイティブレンジを「Refined」に下げて、もう一方のオプションで気に入った配色を取り込むよう Stitch に依頼します。

原文: https://stitch.withgoogle.com/docs/learn/variants/

本ページは Google Stitch 公式ドキュメントの翻訳です。原文の著作権は Google LLC に帰属します。本サイトは独立した非公式の翻訳です。