🎨 イラスト・アニメ調

Web用フラットイラスト

LPの挿絵、スライド、ブログのアイキャッチ、UIの説明図に。

どんなときに

サイトや資料に使いやすい、フラットでモダンなベクター調イラストを作るテンプレートです。

プロンプト(日本語)

フラットデザインのベクターイラスト、【ノートパソコンで作業する人】、シンプルな幾何形状、2〜3色の限定パレット(青系)、均一な塗り、細い線、余白のある構図、モダンで清潔、影は最小限、白背景

プロンプト(英語)

flat design vector illustration of 【a person working on a laptop】, simple geometric shapes, limited 2-3 color palette (blues), even flat fills, thin outlines, composition with white space, modern and clean, minimal shadows, white background

英語のほうが指示が通りやすいツールも多いため、日英どちらも用意しています。【　】の箇所をあなたの題材に置き換えて使ってください。

ネガティブプロンプト例

写実的な影, グラデーションの多用, 立体的な質感, 文字

「出したくない要素」を指定する欄(対応ツールのみ)。崩れやすい手・文字などを避けたいときに。

このプロンプトの構造

各要素が絵のどこを決めているかがわかると、自分の題材に自在に組み替えられます。

  • 被写体「ノートパソコンで作業する人」など、伝えたい行為をシンプルに。
  • スタイル「フラットデザイン」「ベクター」「幾何形状」で写実を排し、Web向きの平面的な絵に。
  • 色「2〜3色の限定パレット」でサイトの配色に馴染ませる。色を絞るのが垢抜けの鍵。
  • 仕上げ「均一な塗り」「影は最小限」「白背景」で切り抜き・配置しやすく。

差し替え・応用のヒント

  • パレットを自社ブランドカラーに変えて統一感を出す。
  • 「太いアウトライン」にするとポップな印象に。
  • 同じスタイルで「会議」「分析」など別シーンを揃えるとシリーズ挿絵になる。

使いこなしのコツ

  • 色数を絞る(2〜3色)ほどプロっぽく、サイトに馴染む。
  • 「白背景」を指定すると背景透過・切り抜きの下処理が楽になる。

よくある質問

サイトの色に合わせたい

プロンプトで具体的な色や「青系の限定パレット」と指定すると寄せられます。厳密なブランドカラー(カラーコード)まで正確に一致させるのは難しいため、生成後にデザインツールで微調整する前提がおすすめです。

掲載のプロンプトはすべて編集部が書き下ろしたオリジナルの作例文です。生成される画像はツール・設定・乱数により毎回変わり、特定の仕上がりを保証するものではありません。実在の人物・ブランド・作品の再現には権利上の注意が必要です。
最終更新: 2026-07-07

← プロンプト一覧に戻る