ToollyToolly
イラスト画像生成用

アイソメトリックイラスト

斜め上から見た立体で、仕組みやサービスを図解。

用途・説明

アイソメトリック(等角投影)で描いた立体イラストを生成するプロンプトです。SaaSやITサービスの機能紹介、仕組みの説明、ダッシュボードのイメージなど、「何ができるか」を図で見せたい場面に向いています。面ごとの明るさを固定しているので、複数枚でも立体感が揃います。

仕上がり例です。使用するAIや指示の解釈によって、実際の出力は異なります。

カラーを選ぶ

選んだ内容は、上の仕上がり例と下のプロンプト全文に反映されます。

カラー

書き換える項目

プロンプト内の[ ]の部分を、つくりたいサイトに合わせて書き換えてから使ってください。

[描きたいもの]
例:グラフとカードが並ぶ分析ダッシュボード
[縦横比]
例:4:3、1:1

プロンプト全文

Isometric illustration for a website feature section.
Subject: [描きたいもの]

Style:
- True isometric projection (30° angles, no perspective, parallel lines stay parallel)
- Flat vector look: each object has exactly three tones — light top face, mid-tone left face, darker right face
- Palette: #1463F0 for the key objects, #F4C9A8 for one or two accent objects, white and light blue-grey for bases, deep navy (#1B2A44) for small details
- Simple blocky forms with slightly rounded edges, no outlines
- No gradients, no glossy 3D rendering, no realistic textures

Composition:
- Aspect ratio [縦横比]
- All objects stand on a single floating platform, centered in the frame
- One soft, flat shadow under the platform
- Plain light background (#F7F9FC), nothing else in the scene
- Leave clear margins so the platform is never cropped

Avoid:
- Text, numbers, UI labels, logos or watermarks
- Mixed viewing angles or perspective distortion
- Tiny details that disappear at small sizes

---
日本語メモ(AIに渡す前に確認)
- 上記は英語プロンプトです。画像生成AIは英語の方が意図通りに出力されやすいため英語で記載しています
- 要素を増やしすぎると崩れやすいので、[描きたいもの] は3〜5個のオブジェクトに絞るのがおすすめです
- 画面内に文字が出てしまう場合は、Avoid の1行目を先頭に移動してみてください

使い方

  1. 1「書き換える項目」を見ながら、プロンプト内の[ ]の部分を描きたい内容に書き換えます。色はこのページ上で選ぶと、プロンプトに自動で反映されます。
  2. 2「プロンプトをコピー」を押し、画像を生成できるAI(ChatGPT・Geminiなど)にそのまま貼り付けて送信します。
  3. 3生成された画像を確認し、「人物を1人に」「色数を減らして」のように続けて伝えて調整します。商用利用の可否は、お使いのAIサービスの利用規約をご確認ください。
すべて見る