ビジュアルのアイデア

アイデアからrunable AI画像の構想を練る

ここでの画像制作に関する助言は編集上のものであり、このページやリンク先の提携サービスに画像生成機能があるわけではありません。Beginのリンク先は、画像作成ツールではなく、既存のドメインを基にホームページを複製するツールです。

役立つ画像は、主題、場面、構図、目的を明確にすることから始まります。何が見えるべきかを説明し、第一印象だけで判断せず、その指示に照らして結果を確認しましょう。

このページはガイドであり、Runableの入力画面ではありません。提携サービスのBeginでは、複製する権利のある既存の公開ウェブサイトのドメインを入力すると、静的なホームページのプレビューとダウンロード可能なHTMLファイルが作成されます。このページからプロンプトを受け取ることはなく、スライド、チャット、画像、動画も作成しません。

Beginのウェブサイト複製ツールを見る
Runableのランディングページ用ビジュアル

1つのアイデア、さまざまなビジュアルの用途 まず、誰に見せるかを考えましょう。

同じ題材でも、画像を使う場所によって必要な指示は変わります。以下の例では、ビジュアル上の判断と、それを使うプロジェクト全体とを分けて考えます。

小規模事業者

サービスページに親しみやすい場面が必要ですが、最初の案はありきたりなストック画像のように見えます。

サービス、場面、見る人、雰囲気を具体的に示しましょう。新しい場面ではなく既存の写真から始める場合は、写真向けの方法をご覧ください。

runableの写真

プレゼンテーションの作成者

スライドには、文章の邪魔をせず、その要点を支える1つのビジュアルアイデアが必要です。

主役をシンプルにし、スライドの見出しを置く余白を構図に残すよう指定しましょう。スライド全体の作業については、プレゼンテーション向けの方法をご覧ください。

runable AIプレゼンテーション

地域イベントの主催者

イベント告知用のイラストが必要で、小さく表示しても分かりやすいものにしたいと考えています。

一目で分かる主題を選び、背景の細部は控えめにしましょう。開催日など、欠かせない文字情報は生成画像の外に配置してください。

runableの写真

教師

詳しい教材を見せる前に、視覚的な比喩でトピックを紹介する必要があります。

比喩の内容を説明し、何が明確に伝わる必要があるかを示しましょう。授業用のスライド一式を作る場合は、プレゼンテーション向けの方法をご利用ください。

runable AIプレゼンテーション

役立つ画像ブリーフを構成する3つの要素 次に、生成されたものを確認します。

プロンプトは、思いつく限りの細部を列挙するものではなく、短いクリエイティブブリーフとして考えましょう。

  1. 1

    目的を定める

    ビジュアルをどこで使い、見る人に何を最初に注目してほしいかを書き出します。同じ題材でも、ウェブサイトのヘッダー、スライドのイラスト、小さなSNS用画像では、それぞれ適した構図が異なります。

  2. 2

    シーンを描写する

    主題、周囲の様子、視点、大まかなスタイルを指定します。背景をすっきりさせる、片側に余白を設けるなど、重要な場合にだけ制約を加えましょう。互いに矛盾する指示を組み合わせないようにします。

  3. 3

    確認して修正する

    結果を当初の目的と照らし合わせます。主題がはっきり分かるか、重要な要素が欠けていないか、意図しないものによって意味が変わっていないかを確認します。問題を一つずつ取り上げてブリーフを修正しましょう。

ビジュアルの描写方法を選ぶ

以下はブリーフの2つの書き方であり、特定の入力コントロールや編集機能が使えるという意味ではありません。すでに分かっていることに合う列を選んでください。

1

書き始める際の目安

自由度の高いシーンブリーフ

テーマは決まっているものの、ビジュアルの方向性を探りたい場合。

制約を軸にしたシーンブリーフ

画像の配置先と、必ず含める要素が決まっている場合。

2

書き出しの一文

自由度の高いシーンブリーフ

中心となる題材と、シーンの雰囲気を描写します。

制約を軸にしたシーンブリーフ

題材、用途、最も重要な要件を明示します。

3

構図

自由度の高いシーンの指示

視点を提案し、解釈の余地を残します。

制約を明示したシーンの指示

焦点、構図、すっきりと保つ必要がある領域を指定します。

4

スタイル

自由度の高いシーンの指示

エディトリアルイラストのような大まかな方向性を示します。

制約を明示したシーンの指示

周囲のページやスライドに合うスタイルを選びます。

5

最初の確認

自由度の高いシーンの指示

有望なアイデアや予想外の長所を探します。

制約を明示したシーンの指示

明示した各要件を、実際に見える仕上がりと照らし合わせて確認します。

6

次の修正

自由度の高いシーンの指示

最も優れたビジュアルのアイデアを残し、指示をより具体的にします。

制約を明示したシーンの指示

すべてを書き直すのではなく、最も重要な不一致を修正します。

限界と注意点

ビジュアルの指示は画像の評価に役立ちますが、実際の出力や用途に適用されるルールの確認に代わるものではありません。

  • 正確な文字が再現されない場合があります

    生成されたシーン内の文字、ラベル、数字、ロゴが正確で読みやすいとは限りません。

    対処法重要なテキストは画像内の文字に頼らず、ページ、スライド、またはデザインのレイアウトに配置してください。

  • 具体的なディテールはずれることがある

    プロンプトで特定の物や配置を指定しても、目に見える細部すべてがその指定どおりになるとは限りません。

    対処法短い要件リストと結果を照らし合わせ、最も明らかな不一致から修正してください。

  • もっともらしい画像は証拠にはならない

    創作された場面を、実在の人物、場所、製品、出来事の写真として提示してはいけません。

    対処法事実の正確さが重要な場合は検証済みの資料を使用し、イメージ画像には適切な表示を付けてください。

  • 使用権の確認が必要

    このガイドでは、個々の生成結果に適用される規約、許諾、制限を確定できません。

    対処法公開前に適用される規約を確認し、識別可能なブランドや人物、保護対象の素材が含まれていないか確かめてください。

プロジェクトが1枚の画像にとどまらない場合は、扱う素材に合った方法を選んでください。

画像の構想を次のステップへ

ビジュアルのアイデアを形にする

別の画像ツールを使う際は、まず被写体と目的を決めてください。リンク先のパートナーであるBeginは、既存のウェブサイトのホームページを複製するためのもので、この概要から画像を生成するものではありません。

Beginのウェブサイト複製ツールを見る
  • 主な被写体から伝える
  • 画像の用途を明示する
  • 公開前に細部を確認する

画像プロンプトに関する質問

まず被写体、場面、ビジュアルスタイルを指定し、プロジェクトにとって重要であれば構図や照明も加えます。結果が用途に合っているか判断できるよう、使用目的も書き添えましょう。相反する指示を長く並べるより、短く一貫した指示のほうが、通常は修正しやすくなります。

主役となる被写体を説明し、ページの文章を配置する場所に余白のある構図を指定します。小さな画面サイズも含め、実際に使うレイアウトで画像を確認しましょう。見出しや行動を促す文言は画像に埋め込まず、ページ上のテキストとして配置してください。

画像内の文字を、確認済みの文言として扱わないでください。看板、ラベル、パッケージなどに文字や数字が含まれる場合は、すべて確認しましょう。重要な文言は画像ではなく、デザインのレイアウト上に配置してください。

修正する前に、最も重要な相違点を特定します。被写体は合っていても構図が違うなら、説明全体を書き換えるのではなく、視点や構図を調整しましょう。次の結果も、同じ使用目的に照らして確認してください。

イメージ画像でコンセプトを伝えることはできますが、実際の商品がどう見えるかを証明するものではありません。顧客が実物の特徴、色、状態を確認する必要がある場合は、正確な写真を使用してください。創作された描写を、実物を記録した証拠として提示しないでください。

Beginのクローンツールを探す
Beginのクローンツールを探す