こんにちは、まいです！
学校の授業や仕事の資料で、機械の構造や道具の仕組みを説明したいときってありますよね。でも、写真だけだと内部の構造が見えなかったり、言葉だけで説明しようとすると、どうしても複雑になって伝わりにくかったりしませんか？
そんなときに大活躍するのが、今回ご紹介する「技術模式図」です。難しい仕組みを誰にでも分かりやすく、しかもプロっぽくスマートに視覚化できる方法なんですよ。
さっそく、どんな表現なのか一緒に見ていきましょう！
今回の図解表現
今回使う図解表現は、
Engineering Diagram (エンジニアリング・ダイアグラム)
です。
これは、機械や設備、電子部品などの複雑な構造や働きを、すっきりとした技術的な模式図として正確に描き出す表現方法です。
この図解はどんな表現？
Engineering Diagramは、単にかっこいい機械のイラストを描くものではありません。
一番の特徴は、「外観よりも仕組みを見せる」という点です。
一般的なイラストが「それがどう見えるか」を重視するのに対して、この図解は「それがどういう構造で、どうやって動くのか」を説明することに特化しています。
例えば、外側のカバーを透き通らせて内部のギヤを見せる「透視図」や、部品をバラバラに並べて組み立て順序を示す「分解図」、真ん中でスパッと切った「断面図」など、説明したい内容に合わせて最適な見せ方を選択できます。
専門書の挿絵や、製品の取扱説明書に載っているような、端正で信頼感のあるビジュアルを作ることができるんですよ。
この表現ならではのポイント
このEngineering Diagramならではの強みは、情報がとてもロジカルに整理されることです。
- 技術的な正確さ：部品同士の接続関係や、力の加わる方向、液体の流れる経路などが、あいまいにされず正確に表現されます。
- 動的なプロセスの視覚化：「STEP 1 → STEP 2」のような段階的な動きや、回転・往復といった動作の方向を、矢印を使って分かりやすく示せます。
- 情報の引き算：余計な光沢や重い影、派手な背景などの「ノイズ」が徹底的に排除されます。これにより、読者は説明したい部分だけに集中できます。
デザインのポイント
美術部員の私として、この図解表現で特にときめくのが「無駄のないレイアウトと配色」です！
- すっきりした配色ルール：背景は完全な白（Pure White）で、図自体も白・黒・グレーをベースに作られます。色を使うのは「特に注目してほしい可動部」や「液体の流れ」など、1〜2箇所のアクセントだけに絞るのがポイントです。
- 機能的な線画：すべての線が同じ太さではなく、一番見せたい外形線は少し太く、寸法線やラベルを指す引出線は細く、といったように繊細に描き分けられます。これによって、図がごちゃごちゃせずに美しく仕上がります。
- 美しい余白：図の周りに十分なスペースを空けることで、部品名や注釈のテキストがすっきりと配置され、視線が自然に誘導されます。
こんな内容におすすめ
この図解表現は、以下のようなテーマや情報を整理するのにぴったりです。
- 自社製品や機械の仕組み解説：「このバルブがどうやって開閉するのか」といった、内部の動きを説明したいとき。
- 製造業の教育・研修資料：工具の正しい使い方や、作業工程のBefore / Afterを視覚的に教えたいとき。
- 安全教育や保全資料：「ここに手を挟む危険がある」といった、機械の危険領域を警告色（アクセントカラー）で示したいとき。
- 技術ブログやスライド資料：難しい科学技術や工学的な仕組みを、一般の人にも分かりやすく解説したいとき。
実際に作ってみよう
この図解を作るためのプロンプトの使い方は、とってもシンプルです。
プロンプト内にある、
【情報】
（ここに解説したい情報）
という部分に、あなたが図解にしたい説明文をそのまま入力するだけでOKです。
例えば、
「水がフィルターを通ってろ過され、きれいな水として排出される仕組み」
「ピストンが上昇することで気体が圧縮される様子」
といった文章を自由に入れてみてください。
AIがその情報を自動で分析して、断面図にするべきか、あるいは工程図にするべきかを判断し、最適なフォーマットで図解を生成してくれます。
今回使った汎用プロンプト
# Engineering Diagram
## 目的
入力された情報に基づき、読者の理解を助ける高品質な
「Engineering Diagram Style（エンジニアリング・ダイアグラム・スタイル）」の技術解説図を生成してください。
機械、設備、部品、金型、工具、装置、機構、製造工程などの専門情報を分析し、
対象物の、
- 構造
- 部品構成
- 位置関係
- 動作
- 力の方向
- 接続関係
- 加工・処理の流れ
- 重要な寸法・条件
- 内部構造
- 安全上のポイント
などを、技術的に正確な模式図として視覚化してください。
単なる「機械のイラスト」ではなく、
図を見ることで、
「何で構成されているのか」
「どこが重要なのか」
「どのように動くのか」
「なぜその仕組みで機能するのか」
まで理解できる技術図解を目指してください。
工学系専門書、設備マニュアル、製造業の教育資料、
技術資料、保全資料、安全教育資料などに使用できる、
精密・端正・合理的で信頼感のあるデザインにしてください。
# 入力情報
【情報】
(ここに解説したい情報)
# 最優先原則
1. 技術的な正確性を最優先する
2. 対象物の構造と働きが一目で理解できるようにする
3. 外観より「仕組み」を見せる
4. 必要に応じて断面・分解・透視・拡大表現を使用する
5. 部品同士の位置関係・接続・動作を正確に維持する
6. 線・矢印・ラベル・寸法・注釈を機能的に使用する
7. 入力内容に応じて最適な技術図解形式を毎回選択する
# 情報分析
画像を設計する前に入力情報を分析し、以下を整理してください。
- 解説対象
- 対象物の役割
- 主要部品
- 部品同士の位置関係
- 接続関係
- 内部構造
- 動作方向
- 力の方向
- 入力と出力
- 加工・処理の流れ
- 重要な寸法
- 重要な数値・条件
- 正常な状態
- 注意すべき箇所
- 読者が理解しにくい構造
- 最も伝えるべき技術的ポイント
入力文章をそのまま掲載するのではなく、
技術的な構造へ分解して再構成してください。
# 図解形式の選択
入力内容に応じて、
最も理解しやすい技術図解形式を選択してください。
使用可能な形式：
- 外観模式図
- 構造図
- 断面図
- 部分断面図
- 分解図
- 透視図
- アイソメトリック図
- 正面図・側面図・平面図
- 動作模式図
- 機構図
- 配置図
- 接続図
- 工程図
- フロー図
- Before / After
- 拡大詳細図
- 部品構成図
- 力学的模式図
- 複数状態の比較図
毎回同じ形式を使用せず、
「何を理解させたいか」によって選択してください。
# 主図
画像の中心には、
対象物または主要機構を説明する大きな「主図」を配置してください。
主図は装飾的なイラストではなく、
技術情報を理解するための中心的な図として扱ってください。
必要であれば画面の50～70％程度を主図へ使用し、
細かな補足情報は周囲へ配置してください。
対象物を小さく描き、
大量の文章で説明する構成は避けてください。
# 構造図
対象物が複数の部品から構成される場合は、
部品同士の位置関係を正確に表現してください。
必要に応じて、
- 部品名
- 接触箇所
- 接続箇所
- 支持箇所
- 固定箇所
- 可動部分
- 入力部分
- 出力部分
などを短いラベルで示してください。
部品を意味なく簡略化し、
本来の構造が誤解される表現は避けてください。
# 断面図
内部構造が重要な場合は、
積極的に断面図を使用してください。
外側から見えない、
- 内部部品
- 穴
- 空間
- 流路
- 接触面
- 嵌合
- 材料の重なり
- 内部機構
などを明確にしてください。
断面化する部分は、
理解に必要な範囲だけにしてください。
必要に応じて断面部分へ
控えめなハッチングを使用して構いません。
# 分解図
複数部品の組み合わせが重要な場合は、
Exploded View（分解図）を使用して構いません。
部品を組立方向に沿って適切な間隔で分離し、
- 部品名
- 組立順序
- 接続位置
- 向き
が理解できるようにしてください。
部品を単純に周囲へ散らすのではなく、
組み立てた状態との位置関係を維持してください。
# 拡大詳細図
主図だけでは理解しにくい重要箇所は、
拡大詳細図として切り出してください。
例えば、
- 接触部分
- 嵌合部分
- 加工部分
- 摩耗部分
- 安全装置
- センサー
- 刃先
- 金型部分
- 締結部分
- 微小な隙間
などです。
主図と拡大図は、
細い引出線や番号によって明確に対応させてください。
# 動作表現
機械・設備・機構の動作を説明する場合は、
動きの方向を明確にしてください。
必要に応じて、
- 直線矢印
- 回転矢印
- 往復矢印
- 軌跡
- 開閉方向
- 移動前／移動後
などを使用してください。
矢印は装飾ではなく、
実際の動作方向を示すために使用してください。
# 動作の段階表現
一つの図だけでは動作を理解しにくい場合は、
STEP 1
↓
STEP 2
↓
STEP 3
のように、
2～4段階程度へ分解して構いません。
例えば、
待機
↓
動作開始
↓
加工・処理
↓
復帰
などです。
必要以上に細かな工程へ分割せず、
仕組みを理解するために必要な状態だけを選択してください。
# 力・荷重
力学的な説明が必要な場合は、
力の方向・作用点・反力などを明確にしてください。
必要に応じて、
- 荷重
- 圧力
- 引張
- 圧縮
- 曲げ
- せん断
- 摩擦
- 反力
- 回転トルク
などを矢印で表現してください。
力の大きさに意味がある場合は、
必要に応じて矢印の太さや長さに差をつけてください。
ただし定量的な比例関係が入力情報にない場合は、
正確な比例表現であるかのように見せないでください。
# 流れ
液体、気体、材料、電気、信号、製品などの流れがある場合は、
流れる方向を明確にしてください。
必要に応じて、
INPUT
↓
PROCESS
↓
OUTPUT
の関係を図として整理してください。
ただし実際の物理的な経路が重要な場合は、
抽象的なフロー図ではなく、
対象物内部の経路として描いてください。
# 加工・製造工程
加工や製造の仕組みを説明する場合は、
加工前
↓
加工中
↓
加工後
の変化を明確にしてください。
必要に応じて、
- 材料
- 工具
- 金型
- ワーク
- 加工方向
- 変形部分
- 切断部分
- 接触部分
などを表示してください。
完成品だけでなく、
「どの作用によって形が変わったのか」
まで理解できる構成にしてください。
# 部品ラベル
主要部品には、
必要に応じて名称を表示してください。
ラベルは対象物へ直接重ねず、
周囲へ整理して配置してください。
細い引出線を使用し、
部品名 ───── 対象部分
の関係を明確にしてください。
引出線同士の交差を可能な限り避けてください。
すべての細かな部品へラベルを付けるのではなく、
理解に必要な部品を優先してください。
# 番号方式
部品数が多く、
直接名称を配置すると混雑する場合は、
01
02
03
04
などの番号を使用してください。
番号と部品名称の一覧を、
主図の周囲へ整然と配置してください。
番号体系は統一してください。
# 寸法
寸法情報が重要な場合は、
工業図面を参考にした寸法線を使用してください。
必要に応じて、
- 全長
- 幅
- 高さ
- 厚さ
- 直径
- 半径
- 角度
- ピッチ
- 隙間
- ストローク
などを表示してください。
寸法線は細く精密にしてください。
入力情報に存在しない寸法値を
見栄えのために追加しないでください。
# 数値・単位
入力情報に数値が含まれる場合は、
正確な数値と単位を維持してください。
例えば、
mm
μm
N
kN
MPa
rpm
mm/s
℃
V
A
Hz
などです。
数値と単位の対応を明確にしてください。
単位を勝手に変更したり、
省略によって意味が変わったりしないようにしてください。
# 技術線画
対象物は、
必要に応じて精密な技術線画として表現してください。
線には、
- 外形線
- 内部線
- 引出線
- 寸法線
- 中心線
- 動作線
- 補助線
など、
それぞれ明確な役割を持たせてください。
すべての線を同じ太さにせず、
必要に応じてわずかな線幅差を使用してください。
# 線の優先順位
基本的には、
主要外形
＞
主要内部構造
＞
補助線
＞
寸法線・引出線
の順に視覚的な強さを調整してください。
ただし極端な太線は避け、
全体として精密で軽い印象を維持してください。
# アイソメトリック表現
立体的な位置関係が重要な場合は、
アイソメトリックまたは軽い2.5D表現を使用して構いません。
ただし目的は立体感を演出することではなく、
- 奥行き
- 部品配置
- 組立関係
- 接続関係
を理解しやすくすることです。
過剰なパースや映画的なカメラアングルは避けてください。
# 正投影的表現
形状や位置関係を正確に比較する必要がある場合は、
- 正面
- 側面
- 上面
などの正投影的な図を使用してください。
複数方向の図を使用する場合は、
尺度と位置関係を揃えてください。
# 透視・透明表現
外側を残したまま内部構造を説明したい場合は、
外装を薄く透過させる表現を使用して構いません。
ただし透明表現を多用して、
内部と外部の境界が分からなくならないようにしてください。
必要な部分だけ限定的に透過してください。
# 比較
正常／異常、
新旧構造、
加工前／加工後、
正しい状態／誤った状態などを比較する場合は、
同じ視点・同じ尺度で比較してください。
例えば、
正常 ｜ 異常
加工前 ｜ 加工後
OK ｜ NG
旧構造 ｜ 新構造
などです。
違いだけが明確に認識できる構成を優先してください。
# 安全情報
危険箇所や注意箇所を説明する場合は、
対象となる位置を正確に示してください。
必要に応じて、
- 危険領域
- 挟まれ箇所
- 高温部
- 回転部
- 切断部
- 可動範囲
- 接触禁止箇所
などを限定的なアクセントカラーで示してください。
画像全体を警告色で埋めないでください。
危険箇所だけが明確に認識できるようにしてください。
# 情報階層
基本的な情報階層：
1. 主対象・主要機構
2. 最重要な動作・構造
3. 主要部品
4. 数値・条件
5. 拡大詳細
6. 注釈
すべての情報を同じ強さで表示しないでください。
主図を最も強く、
補足情報ほど静かに扱ってください。
# レイアウト
入力情報に応じて、
最適な技術誌面を毎回設計してください。
使用可能な例：
- 中央に大型構造図＋周囲に注釈
- 左に主図＋右に拡大詳細
- 上に全体図＋下に断面図
- 外観図＋内部構造図
- 分解図＋部品一覧
- 主図＋動作3段階
- 正常／異常比較
- 加工前／加工中／加工後
- 大型断面図＋局所拡大図
- アイソメトリック主図＋小さな正面・側面図
毎回同じテンプレートへ固定しないでください。
# 余白
技術情報を詰め込みすぎないでください。
主図、拡大図、ラベル、寸法、注釈の間には
十分な余白を確保してください。
余白によって、
- 図と注釈を分離する
- 主図を際立たせる
- ラベルの混雑を防ぐ
- 視線を整理する
ことを重視してください。
# 視線誘導
読者の視線が自然に、
全体構造
↓
主要部品
↓
動作・作用
↓
重要箇所
↓
詳細・数値
へ進むようにしてください。
視線誘導には、
- 図の大小差
- 位置
- 引出線
- 矢印
- 色
- 番号
- 余白
を使用してください。
矢印を大量に使用して
複雑な図にしないでください。
# タイポグラフィ
技術資料として読みやすい、
現代的で端正なサンセリフ書体を基本としてください。
日本語は、
可読性の高いゴシック体を使用してください。
文字は、
- タイトル
- 部品名
- 数値
- 単位
- 注釈
- STEP番号
などに明確なサイズ差を設けてください。
装飾的なフォントは使用しないでください。
# 文章
長い説明文を画像内へ掲載しないでください。
文章より、
- 構造
- 部品
- 動作
- 数値
- 矢印
- 位置関係
によって理解させてください。
説明が必要な場合も、
短い技術的な注釈へ整理してください。
# 色彩
背景は完全な白（Pure White Background）を基本としてください。
基本色：
- 白
- 黒
- 濃いグレー
- 淡いグレー
アクセントカラー：
原則1～2色程度。
アクセントカラーは、
- 可動部
- 加工部
- 流れ
- 力
- 危険箇所
- 最重要部品
など、
意味のある部分に限定してください。
多数の部品を色分けするだけの
カラフルな図解は避けてください。
# 部品の色分け
複数部品を区別する必要がある場合でも、
すべて異なる色にしないでください。
基本的には、
- 白
- グレー
- 線
- ハッチング
- 明度差
などによって区別し、
本当に重要な部分だけアクセントカラーを使用してください。
# 背景
背景は完全な白にしてください。
以下は使用しないでください。
- 工場写真
- 写真的な背景
- テクスチャ
- 紙質表現
- 装飾模様
- 派手なグラデーション
- 意味のない環境描写
対象物そのものを視覚的主役にしてください。
# 描画スタイル
Engineering Illustration / Technical Diagram / Technical Editorialを基礎とした、
精密で現代的な技術図解にしてください。
内容に応じて、
- 2D技術線画
- ベクター模式図
- 断面表現
- 軽い2.5D
- アイソメトリック
- 分解図
などを選択してください。
フォトリアルCGのような質感表現より、
構造の読みやすさを優先してください。
# 工業図面との違い
完全な製作用図面を生成することを目的としません。
JIS・ISOの製図規格を厳密に再現する必要がない場合は、
一般読者や作業者でも理解しやすい
「説明用の技術模式図」としてください。
ただし、
- 構造
- 位置
- 方向
- 寸法
- 部品関係
などの技術情報は正確に維持してください。
「製図の正確さ」と
「解説図の分かりやすさ」
を両立してください。
# テンプレート化の回避
Engineering Diagramを、
「中央に機械＋周囲にラベル」
という一つの形式へ固定しないでください。
入力内容によって、
断面が重要なら断面図、
組立関係なら分解図、
動きなら動作模式図、
位置なら配置図、
工程なら連続図、
細部なら拡大図、
というように、
理解したい内容から図解形式を決定してください。
# 不明情報の扱い
入力情報から判断できない内部構造・寸法・部品構成を、
もっともらしく推測して描かないでください。
不明な部分は、
- 簡略化する
- 表示しない
- 模式的に扱う
などの方法を選択してください。
特に安全・設備・機械構造について、
存在しない部品や安全装置を勝手に追加しないでください。
# 禁止事項
以下は避けてください。
- 機械を描いただけの一般的なイラスト
- 技術的に意味のない3D表現
- 映画的なパース
- 過剰な質感表現
- 金属の過剰な光沢
- 重い影
- ドロップシャドウ
- 複雑なグラデーション
- 発光表現
- キャラクター・マスコット
- 漫画表現
- 大量の装飾アイコン
- 丸角カード中心のUI風デザイン
- 写真的な工場背景
- 過剰な色分け
- 長文中心の説明
- 不要な装飾線
- 不正確な寸法
- 存在しない部品
- 不明な構造の推測
- 意味のない矢印
- ラベル線が大量に交差する構成
見栄えのためだけに、
入力情報に存在しない寸法、数値、部品、構造、機能を追加しないでください。
# 正確性
入力情報に含まれる、
- 部品名称
- 構造
- 配置
- 接続
- 動作
- 方向
- 数値
- 寸法
- 単位
- 材質
- 条件
- 工程
- 技術用語
- 安全情報
を正確に維持してください。
模式的に簡略化しても、
技術的な意味を変更しないでください。
特に、
「実際には接続していない部品を接続する」
「逆方向へ動かす」
「入力と出力を逆転させる」
「存在しない機構を追加する」
などの誤った視覚化を避けてください。
# 文字ルール
画像内のタイトル、説明文、部品名、ラベル、注釈は
必ず日本語にしてください。
ただし以下は、
適切な場合は原表記を維持してください。
- 製品名
- 型式
- 規格名
- 材料記号
- 数式
- 単位
- 技術記号
- 部品番号
- コード
- 専門用語
文章量は控えめにし、
- 部品名
- 数値
- 単位
- 短い動作説明
- 簡潔な注釈
を中心にしてください。
# 出力仕様
アスペクト比：16:9
高解像度で生成してください。
線、輪郭、部品、寸法、矢印、文字、数値を
シャープかつ精密に描画してください。
細い線が潰れたり、
ラベルがぼやけたりしないようにしてください。
企業の技術資料、設備マニュアル、作業標準書、
製造業の教育資料、安全教育、保全資料、専門誌、
技術系Web記事などにそのまま使用できる品質を目指してください。
# 最終イメージ
「機械をきれいに描いたイラスト」
ではありません。
「対象物を技術者の視点で分解し、
構造・部品・動作・力・流れ・寸法・関係性を
一枚の技術模式図として再構成したもの」
にしてください。
最終的な印象は、
「リアル」ではなく「構造が分かる」、
「細かい」ではなく「必要な情報が精密」、
「3Dで格好いい」ではなく「位置関係が理解できる」、
「説明文を読む」ではなく「図を見ると仕組みが分かる」、
「一般的なイラスト」ではなく「専門書の技術解説図」
となるEngineering Diagramにしてください。このプロンプトは、AIに対して「ただの機械の絵」を描かせるのではなく、「説明用の技術模式図」として情報を再構成するように細かく指示が出されています。
具体的には、
- 不要なグラデーションや発光表現を禁止する
- 文字や数値をシャープに描画する
- 背景を完全な白にして、資料にそのまま貼り付けやすくする
といった、実用性を最優先したプロフェッショナルな設計思想で作られています。
まいのポイント
私なら、この図解を作るときに「引出線と矢印のシンプルさ」を一番に意識します！
図解が分かりにくくなってしまう一番の原因は、線が交差して画面が渋滞することなんです。
部品の名前を指す引出線は、できるだけ平行に、すっきりと伸ばすように心がけてみてください。また、動作を示す矢印も「本当に動きを説明するために必要なところ」だけに絞って配置すると、余白が引き立ち、一気に知的なプロの資料に見えるようになりますよ。
すっきりスマートな技術図解、ぜひ試してみてくださいね！
# Engineering Diagram
## 目的
入力された情報に基づき、読者の理解を助ける高品質な
「Engineering Diagram Style（エンジニアリング・ダイアグラム・スタイル）」の技術解説図を生成してください。
機械、設備、部品、金型、工具、装置、機構、製造工程などの専門情報を分析し、
対象物の、
- 構造
- 部品構成
- 位置関係
- 動作
- 力の方向
- 接続関係
- 加工・処理の流れ
- 重要な寸法・条件
- 内部構造
- 安全上のポイント
などを、技術的に正確な模式図として視覚化してください。
単なる「機械のイラスト」ではなく、
図を見ることで、
「何で構成されているのか」
「どこが重要なのか」
「どのように動くのか」
「なぜその仕組みで機能するのか」
まで理解できる技術図解を目指してください。
工学系専門書、設備マニュアル、製造業の教育資料、
技術資料、保全資料、安全教育資料などに使用できる、
精密・端正・合理的で信頼感のあるデザインにしてください。
# 入力情報
【情報】
自転車のディスクブレーキの基本構造と、ブレーキをかけたときに車輪が減速する仕組みを解説する。
【主な構成】
ブレーキレバー、ブレーキケーブルまたは油圧ライン、ブレーキキャリパー、ブレーキパッド、ディスクローター、車輪で構成される。
【基本構造】
ディスクローターは車輪と一緒に回転する。
ローターの両側にはブレーキパッドが配置され、ブレーキキャリパーがパッドをローターへ押し付ける構造になっている。
【動作の流れ】
ブレーキレバーを握る
↓
ケーブルまたは油圧によって力を伝える
↓
ブレーキキャリパーが作動
↓
左右のブレーキパッドがローターを挟む
↓
摩擦によってローターの回転を抑える
↓
車輪が減速する
【図解で伝える重要ポイント】
ディスクローターとブレーキキャリパー周辺を主図として大きく描き、ブレーキパッドがローターの両側に配置されていることを明確にする。
主要部品の名称は主図の左右へ整理して配置し、細い引出線をできるだけ水平または平行に伸ばす。引出線同士を交差させず、名称と対象部品の対応が一目で分かる構成にする。
動作を示す矢印は必要最小限とし、「ブレーキパッドがローターを挟む方向」と「ローターの回転方向」を中心に表示する。説明に不要な矢印は追加しない。
必要に応じてキャリパー部分を拡大し、
「ローター」
「左右のブレーキパッド」
「パッドが押し付けられる方向」
の位置関係を詳しく示す。
最も伝えたい内容は、
「レバー操作によってブレーキパッドがローターを挟み、摩擦によって車輪の回転を抑える」
という一連の仕組み。
図全体では引出線と矢印を増やしすぎず、十分な余白を確保し、線が交差して情報が混雑する構成を避ける。
# 最優先原則
1. 技術的な正確性を最優先する
2. 対象物の構造と働きが一目で理解できるようにする
3. 外観より「仕組み」を見せる
4. 必要に応じて断面・分解・透視・拡大表現を使用する
5. 部品同士の位置関係・接続・動作を正確に維持する
6. 線・矢印・ラベル・寸法・注釈を機能的に使用する
7. 入力内容に応じて最適な技術図解形式を毎回選択する
# 情報分析
画像を設計する前に入力情報を分析し、以下を整理してください。
- 解説対象
- 対象物の役割
- 主要部品
- 部品同士の位置関係
- 接続関係
- 内部構造
- 動作方向
- 力の方向
- 入力と出力
- 加工・処理の流れ
- 重要な寸法
- 重要な数値・条件
- 正常な状態
- 注意すべき箇所
- 読者が理解しにくい構造
- 最も伝えるべき技術的ポイント
入力文章をそのまま掲載するのではなく、
技術的な構造へ分解して再構成してください。
# 図解形式の選択
入力内容に応じて、
最も理解しやすい技術図解形式を選択してください。
使用可能な形式：
- 外観模式図
- 構造図
- 断面図
- 部分断面図
- 分解図
- 透視図
- アイソメトリック図
- 正面図・側面図・平面図
- 動作模式図
- 機構図
- 配置図
- 接続図
- 工程図
- フロー図
- Before / After
- 拡大詳細図
- 部品構成図
- 力学的模式図
- 複数状態の比較図
毎回同じ形式を使用せず、
「何を理解させたいか」によって選択してください。
# 主図
画像の中心には、
対象物または主要機構を説明する大きな「主図」を配置してください。
主図は装飾的なイラストではなく、
技術情報を理解するための中心的な図として扱ってください。
必要であれば画面の50～70％程度を主図へ使用し、
細かな補足情報は周囲へ配置してください。
対象物を小さく描き、
大量の文章で説明する構成は避けてください。
# 構造図
対象物が複数の部品から構成される場合は、
部品同士の位置関係を正確に表現してください。
必要に応じて、
- 部品名
- 接触箇所
- 接続箇所
- 支持箇所
- 固定箇所
- 可動部分
- 入力部分
- 出力部分
などを短いラベルで示してください。
部品を意味なく簡略化し、
本来の構造が誤解される表現は避けてください。
# 断面図
内部構造が重要な場合は、
積極的に断面図を使用してください。
外側から見えない、
- 内部部品
- 穴
- 空間
- 流路
- 接触面
- 嵌合
- 材料の重なり
- 内部機構
などを明確にしてください。
断面化する部分は、
理解に必要な範囲だけにしてください。
必要に応じて断面部分へ
控えめなハッチングを使用して構いません。
# 分解図
複数部品の組み合わせが重要な場合は、
Exploded View（分解図）を使用して構いません。
部品を組立方向に沿って適切な間隔で分離し、
- 部品名
- 組立順序
- 接続位置
- 向き
が理解できるようにしてください。
部品を単純に周囲へ散らすのではなく、
組み立てた状態との位置関係を維持してください。
# 拡大詳細図
主図だけでは理解しにくい重要箇所は、
拡大詳細図として切り出してください。
例えば、
- 接触部分
- 嵌合部分
- 加工部分
- 摩耗部分
- 安全装置
- センサー
- 刃先
- 金型部分
- 締結部分
- 微小な隙間
などです。
主図と拡大図は、
細い引出線や番号によって明確に対応させてください。
# 動作表現
機械・設備・機構の動作を説明する場合は、
動きの方向を明確にしてください。
必要に応じて、
- 直線矢印
- 回転矢印
- 往復矢印
- 軌跡
- 開閉方向
- 移動前／移動後
などを使用してください。
矢印は装飾ではなく、
実際の動作方向を示すために使用してください。
# 動作の段階表現
一つの図だけでは動作を理解しにくい場合は、
STEP 1
↓
STEP 2
↓
STEP 3
のように、
2～4段階程度へ分解して構いません。
例えば、
待機
↓
動作開始
↓
加工・処理
↓
復帰
などです。
必要以上に細かな工程へ分割せず、
仕組みを理解するために必要な状態だけを選択してください。
# 力・荷重
力学的な説明が必要な場合は、
力の方向・作用点・反力などを明確にしてください。
必要に応じて、
- 荷重
- 圧力
- 引張
- 圧縮
- 曲げ
- せん断
- 摩擦
- 反力
- 回転トルク
などを矢印で表現してください。
力の大きさに意味がある場合は、
必要に応じて矢印の太さや長さに差をつけてください。
ただし定量的な比例関係が入力情報にない場合は、
正確な比例表現であるかのように見せないでください。
# 流れ
液体、気体、材料、電気、信号、製品などの流れがある場合は、
流れる方向を明確にしてください。
必要に応じて、
INPUT
↓
PROCESS
↓
OUTPUT
の関係を図として整理してください。
ただし実際の物理的な経路が重要な場合は、
抽象的なフロー図ではなく、
対象物内部の経路として描いてください。
# 加工・製造工程
加工や製造の仕組みを説明する場合は、
加工前
↓
加工中
↓
加工後
の変化を明確にしてください。
必要に応じて、
- 材料
- 工具
- 金型
- ワーク
- 加工方向
- 変形部分
- 切断部分
- 接触部分
などを表示してください。
完成品だけでなく、
「どの作用によって形が変わったのか」
まで理解できる構成にしてください。
# 部品ラベル
主要部品には、
必要に応じて名称を表示してください。
ラベルは対象物へ直接重ねず、
周囲へ整理して配置してください。
細い引出線を使用し、
部品名 ───── 対象部分
の関係を明確にしてください。
引出線同士の交差を可能な限り避けてください。
すべての細かな部品へラベルを付けるのではなく、
理解に必要な部品を優先してください。
# 番号方式
部品数が多く、
直接名称を配置すると混雑する場合は、
01
02
03
04
などの番号を使用してください。
番号と部品名称の一覧を、
主図の周囲へ整然と配置してください。
番号体系は統一してください。
# 寸法
寸法情報が重要な場合は、
工業図面を参考にした寸法線を使用してください。
必要に応じて、
- 全長
- 幅
- 高さ
- 厚さ
- 直径
- 半径
- 角度
- ピッチ
- 隙間
- ストローク
などを表示してください。
寸法線は細く精密にしてください。
入力情報に存在しない寸法値を
見栄えのために追加しないでください。
# 数値・単位
入力情報に数値が含まれる場合は、
正確な数値と単位を維持してください。
例えば、
mm
μm
N
kN
MPa
rpm
mm/s
℃
V
A
Hz
などです。
数値と単位の対応を明確にしてください。
単位を勝手に変更したり、
省略によって意味が変わったりしないようにしてください。
# 技術線画
対象物は、
必要に応じて精密な技術線画として表現してください。
線には、
- 外形線
- 内部線
- 引出線
- 寸法線
- 中心線
- 動作線
- 補助線
など、
それぞれ明確な役割を持たせてください。
すべての線を同じ太さにせず、
必要に応じてわずかな線幅差を使用してください。
# 線の優先順位
基本的には、
主要外形
＞
主要内部構造
＞
補助線
＞
寸法線・引出線
の順に視覚的な強さを調整してください。
ただし極端な太線は避け、
全体として精密で軽い印象を維持してください。
# アイソメトリック表現
立体的な位置関係が重要な場合は、
アイソメトリックまたは軽い2.5D表現を使用して構いません。
ただし目的は立体感を演出することではなく、
- 奥行き
- 部品配置
- 組立関係
- 接続関係
を理解しやすくすることです。
過剰なパースや映画的なカメラアングルは避けてください。
# 正投影的表現
形状や位置関係を正確に比較する必要がある場合は、
- 正面
- 側面
- 上面
などの正投影的な図を使用してください。
複数方向の図を使用する場合は、
尺度と位置関係を揃えてください。
# 透視・透明表現
外側を残したまま内部構造を説明したい場合は、
外装を薄く透過させる表現を使用して構いません。
ただし透明表現を多用して、
内部と外部の境界が分からなくならないようにしてください。
必要な部分だけ限定的に透過してください。
# 比較
正常／異常、
新旧構造、
加工前／加工後、
正しい状態／誤った状態などを比較する場合は、
同じ視点・同じ尺度で比較してください。
例えば、
正常 ｜ 異常
加工前 ｜ 加工後
OK ｜ NG
旧構造 ｜ 新構造
などです。
違いだけが明確に認識できる構成を優先してください。
# 安全情報
危険箇所や注意箇所を説明する場合は、
対象となる位置を正確に示してください。
必要に応じて、
- 危険領域
- 挟まれ箇所
- 高温部
- 回転部
- 切断部
- 可動範囲
- 接触禁止箇所
などを限定的なアクセントカラーで示してください。
画像全体を警告色で埋めないでください。
危険箇所だけが明確に認識できるようにしてください。
# 情報階層
基本的な情報階層：
1. 主対象・主要機構
2. 最重要な動作・構造
3. 主要部品
4. 数値・条件
5. 拡大詳細
6. 注釈
すべての情報を同じ強さで表示しないでください。
主図を最も強く、
補足情報ほど静かに扱ってください。
# レイアウト
入力情報に応じて、
最適な技術誌面を毎回設計してください。
使用可能な例：
- 中央に大型構造図＋周囲に注釈
- 左に主図＋右に拡大詳細
- 上に全体図＋下に断面図
- 外観図＋内部構造図
- 分解図＋部品一覧
- 主図＋動作3段階
- 正常／異常比較
- 加工前／加工中／加工後
- 大型断面図＋局所拡大図
- アイソメトリック主図＋小さな正面・側面図
毎回同じテンプレートへ固定しないでください。
# 余白
技術情報を詰め込みすぎないでください。
主図、拡大図、ラベル、寸法、注釈の間には
十分な余白を確保してください。
余白によって、
- 図と注釈を分離する
- 主図を際立たせる
- ラベルの混雑を防ぐ
- 視線を整理する
ことを重視してください。
# 視線誘導
読者の視線が自然に、
全体構造
↓
主要部品
↓
動作・作用
↓
重要箇所
↓
詳細・数値
へ進むようにしてください。
視線誘導には、
- 図の大小差
- 位置
- 引出線
- 矢印
- 色
- 番号
- 余白
を使用してください。
矢印を大量に使用して
複雑な図にしないでください。
# タイポグラフィ
技術資料として読みやすい、
現代的で端正なサンセリフ書体を基本としてください。
日本語は、
可読性の高いゴシック体を使用してください。
文字は、
- タイトル
- 部品名
- 数値
- 単位
- 注釈
- STEP番号
などに明確なサイズ差を設けてください。
装飾的なフォントは使用しないでください。
# 文章
長い説明文を画像内へ掲載しないでください。
文章より、
- 構造
- 部品
- 動作
- 数値
- 矢印
- 位置関係
によって理解させてください。
説明が必要な場合も、
短い技術的な注釈へ整理してください。
# 色彩
背景は完全な白（Pure White Background）を基本としてください。
基本色：
- 白
- 黒
- 濃いグレー
- 淡いグレー
アクセントカラー：
原則1～2色程度。
アクセントカラーは、
- 可動部
- 加工部
- 流れ
- 力
- 危険箇所
- 最重要部品
など、
意味のある部分に限定してください。
多数の部品を色分けするだけの
カラフルな図解は避けてください。
# 部品の色分け
複数部品を区別する必要がある場合でも、
すべて異なる色にしないでください。
基本的には、
- 白
- グレー
- 線
- ハッチング
- 明度差
などによって区別し、
本当に重要な部分だけアクセントカラーを使用してください。
# 背景
背景は完全な白にしてください。
以下は使用しないでください。
- 工場写真
- 写真的な背景
- テクスチャ
- 紙質表現
- 装飾模様
- 派手なグラデーション
- 意味のない環境描写
対象物そのものを視覚的主役にしてください。
# 描画スタイル
Engineering Illustration / Technical Diagram / Technical Editorialを基礎とした、
精密で現代的な技術図解にしてください。
内容に応じて、
- 2D技術線画
- ベクター模式図
- 断面表現
- 軽い2.5D
- アイソメトリック
- 分解図
などを選択してください。
フォトリアルCGのような質感表現より、
構造の読みやすさを優先してください。
# 工業図面との違い
完全な製作用図面を生成することを目的としません。
JIS・ISOの製図規格を厳密に再現する必要がない場合は、
一般読者や作業者でも理解しやすい
「説明用の技術模式図」としてください。
ただし、
- 構造
- 位置
- 方向
- 寸法
- 部品関係
などの技術情報は正確に維持してください。
「製図の正確さ」と
「解説図の分かりやすさ」
を両立してください。
# テンプレート化の回避
Engineering Diagramを、
「中央に機械＋周囲にラベル」
という一つの形式へ固定しないでください。
入力内容によって、
断面が重要なら断面図、
組立関係なら分解図、
動きなら動作模式図、
位置なら配置図、
工程なら連続図、
細部なら拡大図、
というように、
理解したい内容から図解形式を決定してください。
# 不明情報の扱い
入力情報から判断できない内部構造・寸法・部品構成を、
もっともらしく推測して描かないでください。
不明な部分は、
- 簡略化する
- 表示しない
- 模式的に扱う
などの方法を選択してください。
特に安全・設備・機械構造について、
存在しない部品や安全装置を勝手に追加しないでください。
# 禁止事項
以下は避けてください。
- 機械を描いただけの一般的なイラスト
- 技術的に意味のない3D表現
- 映画的なパース
- 過剰な質感表現
- 金属の過剰な光沢
- 重い影
- ドロップシャドウ
- 複雑なグラデーション
- 発光表現
- キャラクター・マスコット
- 漫画表現
- 大量の装飾アイコン
- 丸角カード中心のUI風デザイン
- 写真的な工場背景
- 過剰な色分け
- 長文中心の説明
- 不要な装飾線
- 不正確な寸法
- 存在しない部品
- 不明な構造の推測
- 意味のない矢印
- ラベル線が大量に交差する構成
見栄えのためだけに、
入力情報に存在しない寸法、数値、部品、構造、機能を追加しないでください。
# 正確性
入力情報に含まれる、
- 部品名称
- 構造
- 配置
- 接続
- 動作
- 方向
- 数値
- 寸法
- 単位
- 材質
- 条件
- 工程
- 技術用語
- 安全情報
を正確に維持してください。
模式的に簡略化しても、
技術的な意味を変更しないでください。
特に、
「実際には接続していない部品を接続する」
「逆方向へ動かす」
「入力と出力を逆転させる」
「存在しない機構を追加する」
などの誤った視覚化を避けてください。
# 文字ルール
画像内のタイトル、説明文、部品名、ラベル、注釈は
必ず日本語にしてください。
ただし以下は、
適切な場合は原表記を維持してください。
- 製品名
- 型式
- 規格名
- 材料記号
- 数式
- 単位
- 技術記号
- 部品番号
- コード
- 専門用語
文章量は控えめにし、
- 部品名
- 数値
- 単位
- 短い動作説明
- 簡潔な注釈
を中心にしてください。
# 出力仕様
アスペクト比：16:9
高解像度で生成してください。
線、輪郭、部品、寸法、矢印、文字、数値を
シャープかつ精密に描画してください。
細い線が潰れたり、
ラベルがぼやけたりしないようにしてください。
企業の技術資料、設備マニュアル、作業標準書、
製造業の教育資料、安全教育、保全資料、専門誌、
技術系Web記事などにそのまま使用できる品質を目指してください。
# 最終イメージ
「機械をきれいに描いたイラスト」
ではありません。
「対象物を技術者の視点で分解し、
構造・部品・動作・力・流れ・寸法・関係性を
一枚の技術模式図として再構成したもの」
にしてください。
最終的な印象は、
「リアル」ではなく「構造が分かる」、
「細かい」ではなく「必要な情報が精密」、
「3Dで格好いい」ではなく「位置関係が理解できる」、
「説明文を読む」ではなく「図を見ると仕組みが分かる」、
「一般的なイラスト」ではなく「専門書の技術解説図」
となるEngineering Diagramにしてください。