スクリーンショットを特許図面に変換する：UI 画面を図面化する実務

ソフトウェアの発明では、手元のスクリーンショットが一番分かりやすい資料であることがよくあります。ただし、そのままでは色、影、実データ、ブランド、アイコン、長い UI 文言が入りすぎています。製品説明には向いていても、特許図面としては情報量が過剰です。

目的はスクリーンショットの模写ではありません。発明の説明に必要なインターフェース構造を残し、不要な表現を取り除くことです。UI の特許図面は、技術図のように読める必要があります。領域が明確で、ラベルは短く、参照符号と引出線が安定している状態です。

ソフトウェア、AI、ダッシュボード、モバイルアプリ、SaaS ワークフローでは、UI 図がシステム説明の入口になります。USPTO の図面要件については MPEP 608.02 と 37 CFR 1.84 を確認できます。国際出願を意識する場合、PCT Rule 11 の図中文字や再現性に関する考え方も参考になります。

残すもの、削るもの

残すもの：

• 画面境界と表示領域。
• レイアウト階層。
• ナビゲーション、入力、コンテンツ、結果、操作、状態表示。
• パネルやモジュールの関係。
• 必要な短い機能ラベル。
• 参照符号と引出線。

削るもの：

• 色、グラデーション、影、ぼかし、テクスチャ。
• ロゴ、製品名、アカウント名、実ユーザーデータ。
• 長文、表データ、マーケティング文。
• 装飾アイコン。
• 技術的意味の薄いピクセル単位の再現。

残すべきものは UI の見た目ではなく、構造です。

変換前と変換後

変換は三段階で考えます。

まずスクリーンショットをワイヤーフレーム化します。サイドバー、ヘッダー、カード、リスト、ボタン、入力欄を残し、製品の視覚スタイルを消します。

次に白黒線画にします。均一な線、矩形の境界、短いラベル、影なしの表現にします。

最後に参照符号を付けます。小さな UI 部品を全部番号化するより、機能領域を番号化する方が読みやすくなります。

よくある失敗

1. 文字を残しすぎる。 長文は Input、Result、Status などの短いラベルにします。
2. ブランド要素を残す。 ロゴ、アカウント、実名、製品名は基本的に削ります。
3. UI デザインを再現しすぎる。 色や影は発明の説明ではないことが多いです。
4. 参照符号がない。 きれいなワイヤーフレームだけでは、明細書との対応が弱くなります。
5. ピクセル単位で似せすぎる。 必要なのは機能関係です。
6. 処理フローがない。 クリック後の処理が発明なら、フローチャートも必要です。

UI 図面の番号設計

すべての要素を番号化する必要はありません。概念を番号化します。

• 100：画面またはインターフェース全体。
• 110 番台：ナビゲーション。
• 120 番台：コンテンツパネル。
• 130 番台：入力。
• 140 番台：操作。
• 150 番台：状態、警告、確認。
• 160 番台：推薦、予測、生成結果。
• 170 番台：履歴、ログ、表。

複数図で同じロジックを保つことが重要です。

変換用プロンプト

Convert this UI screenshot into a black-and-white patent drawing focused on interface structure. Preserve the layout hierarchy, screen boundary, navigation area, content panels, input fields, action controls, and status region. Remove color, gradients, shadows, decorative icons, product logos, user data, and dense text. Replace long text with short functional placeholders. Add reference numerals and straight leader lines for the major interface regions. Do not change the relative positions of the primary UI components.

修正時は範囲を絞ります。

Keep the current UI layout unchanged. Add reference numeral 140 to the primary action control and numeral 150 to the status indicator. Simplify the text inside the content cards to short placeholders. Do not add new UI panels.

フローチャートを追加すべき場面

UI 図はユーザーがどこで操作するかを示します。サーバー処理、検証、モデル推論、キュー、ランキング、同期などを説明するには、別のフローチャートが必要です。

UI 特許図面をより速く作成する

アプリ画面、ダッシュボード、SaaS ワークフローを特許向けの図面に変換したい場合は、PatentFig AI ジェネレーターを開く。