Webサイト・UIデザインの
意匠権保護は可能か

WebサイトやUIデザインの意匠権保護は、条件を満たす具体的な画像デザインであれば可能です。もっとも、Webページ全体の雰囲気、UXの抽象的な考え方、HTMLやCSSのコード、記事や動画そのものがそのまま意匠権で守られるわけではありません。

このページは、Webサービス運営者、スタートアップ、デザイナー、プロダクト担当者、企業法務・知財担当者に向けた一般情報です。個別の出願可否、侵害成否、契約上の権利帰属は、画面、公開時期、先行意匠、契約書、開発経緯、相手方の使用態様で変わります。

次の一覧は、WebサイトやUIデザインの意匠権保護で最初に分けるべき対象を表します。何が意匠権の検討対象になり、何が別制度で考えるべきものかを早く切り分けるために重要です。左から保護を検討しやすい対象、慎重に見る対象、意匠権以外を中心に考える対象として読み取ってください。

次の強調欄は、このページ全体で最も重要な結論を表します。制度の入口を誤ると、守りたい画面を出願対象として切り出せないことがあるため重要です。意匠権は見た目の具体性と画像の用途を中心に読む、と押さえてください。

実務で多い相談は「Webサイトを意匠登録できるか」という形ですが、法律上はその単位だけでは曖昧です。検討の出発点は、どの画面、どの部分、どの状態、どの変化を守りたいのかを特定することです。

次の一覧は、WebサイトやUIデザインのうち意匠権保護を検討しやすい典型例を表します。自社の画面がどの類型に近いかを見つけるために重要です。各項目では、操作に使う画像か、機能結果を示す画像か、画面の一部かを読み取ってください。

Webサイトには、レイアウト、UI要素、写真、文章、コード、CMS、データベース、操作導線、URL、SEO構造など多くの要素があります。意匠権で中心的に問題になるのは、このうち視覚的に表示される画像デザインです。

レスポンシブ表示では、PC版とスマートフォン版の美感が大きく異なることがあります。一方だけを出願しても他方を十分に含められない場合があり、別出願、関連意匠、特徴部分の部分的な出願などを検討します。

意匠登録を受けるには、出願対象が意匠法上の意匠であることに加え、工業上利用性、新規性、創作非容易性、先願、不登録事由などを確認します。Web UIでは、リリースや営業資料で先に画面が出てしまう点が特に問題になります。

次の一覧は、登録可能性を左右する主な要件と落とし穴を表します。出願準備で確認漏れがあると権利化できない可能性があるため重要です。各項目で、画面の特定、公開管理、既存UIとの差分、機能上不可欠な表示の有無を読み取ってください。

次の時系列は、UIを外部に見せる前後で起こりやすいリスクを表します。公開管理は新規性に直結するため重要です。上から下へ、出願検討、社内確認、外部発表、例外手続の順に読み取ってください。

例外期間が1年に延長されていても、安心材料として扱うのは危険です。UIを本気で守るなら、外部公開より先に出願を検討する運用が基本になります。

意匠権の効力は、登録意匠そのものだけでなく類似する意匠にも及びます。類似性は単純な間違い探しではなく、需要者の視覚を通じて起こる美感の共通性を中心に判断されます。

次の判断の順番は、Web UIの類似性を検討するときに見る観点を表します。ありふれた共通部分だけを過大評価しないために重要です。上から順に、用途、全体構成、特徴部分、差異、先行意匠との関係を読み取ってください。

次の一覧は、類似判断で注意すべきリスク要素を表します。Web UIは先行デザインが多いため、権利範囲が狭くなりやすい場面を把握することが重要です。各項目で、共通部分が一般的か、特徴部分が取り込まれているか、目的に応じた出願設計が必要かを読み取ってください。

WebサイトやUIデザインの保護では、意匠権だけで完結するとは限りません。著作権、商標、不正競争防止法、特許、契約、営業秘密を役割分担させることが実務的です。

次の比較表は、Web UI保護で併用される主な制度の違いを表します。どの制度が何を守るのかを分けるために重要です。各行で、対象、発生・取得方法、UIでの使いどころを読み取ってください。

著作権は創作時に原則として発生しますが、UIのように機能性・標準性・実用性が強い領域では、保護範囲や立証に不確実性が出やすい場合があります。重要画面では、意匠権と著作権の併用を検討する価値があります。

商標は画面全体のレイアウトを広く守る制度ではありません。UIの中でも、出所識別機能を持つブランド要素は商標、具体的な画面デザインは意匠、コピーやイラストは著作権というように分けて考えます。

意匠登録出願では弁理士が中心的な役割を担い、警告、交渉、差止め、損害賠償、仮処分、訴訟、契約紛争では弁護士の関与が重要になります。UI模倣案件では、両者が連携する体制が望ましい場合があります。

次の比較表は、相談場面ごとの主な専門家と検討内容を表します。相談先を誤ると準備が遠回りになるため重要です。左列で場面、中央で相談先、右列で準備すべき論点を読み取ってください。

相談を検討しやすいタイミング

• 新しいWebサービス・アプリを外部公開する予定がある
• 競合と明確に差別化したUIを開発した
• UI開発に大きな費用・時間を投資した
• プレスリリースやアプリストアでスクリーンショットを出す予定がある
• 海外展開を予定している
• 競合が似た画面を出してきた
• 外部デザイナー、制作会社、業務委託者が関与している
• 投資家・取引先から知財保護状況を聞かれた

相談時に準備する資料

• 保護したい画面のスクリーンショット、画面録画、デザインデータ
• 画面遷移図、ワイヤーフレーム、公開予定日、初公開日
• 公開媒体、プレスリリース、SNS投稿、営業資料
• 競合画面のスクリーンショット、既存UIとの差分説明
• 外部制作会社との契約書、知財帰属規定、利用素材のライセンス
• 海外展開予定国、競合に止めたい行為の具体例

競合が自社UIに似た画面を出していると気づいた場合、最初に行うべきことは感情的な発信や即時の警告ではなく、客観的な証拠保存です。画面は変更・削除されることがあるため、日時と内容が分かる形で残します。

次の比較表は、模倣が疑われる場合に保存する証拠を表します。後日の対比や交渉で前提資料になるため重要です。左列で証拠の種類、右列で何を読み取れるように残すかを確認してください。

次に、自社の登録意匠と競合画面を並べ、画面の用途、全体構成、主要要素の配置、色彩・形状・模様、特徴部分、先行意匠に見られる一般的部分、差異が美感に与える影響を整理します。

警告前には、登録意匠に新規性欠如、創作非容易性欠如、出願より先の公開などの無効リスクがないかを確認します。警告書では、登録番号、対象画面、侵害と考える理由、要求内容、回答期限を慎重に設計し、過度に断定的な表現や不正確な権利範囲の主張を避ける必要があります。

具体例で見ると、同じWeb画面でも、購入操作、分析表示、記事コンテンツ、アプリ起動、ゲーム映像などで制度選択が変わります。類型ごとの見方を押さえることで、自社画面のどこを守るべきか判断しやすくなります。

次の比較表は、ケース別に意匠権保護の検討ポイントを表します。自社サービスの画面を当てはめるために重要です。左から状況、検討しやすい点、注意点を読み取ってください。

Q1. Webサイトのトップページは意匠登録できますか。

一般的には、トップページでも操作画像または表示画像として説明でき、具体的な視覚的特徴、新規性、創作非容易性などを満たす場合には、意匠登録を検討できる可能性があります。ただし、ブランドビジュアルや記事コンテンツ中心のページでは結論が変わる可能性があります。具体的な対応は、画面や公開時期、先行UIを整理したうえで弁理士・弁護士等の専門家へ相談する必要があります。

Q2. UIの操作の流れそのものを意匠権で保護できますか。

一般的には、抽象的な操作の流れやUXアイデアそのものは、意匠権の保護対象ではないとされています。ただし、その流れを具体的に表す画面、状態変化、表示態様が画像意匠として問題になる可能性があります。技術的処理がある場合は特許も含め、具体的には専門家へ相談する必要があります。

Q3. HTMLやCSSは意匠権で守れますか。

一般的には、意匠権はHTMLやCSSのコードそのものを保護する制度ではないとされています。コードの創作的表現は著作権、秘匿された実装ノウハウは営業秘密や契約での保護を検討することがあります。具体的な保護方法は、表示される画像、コード内容、契約関係によって変わります。

Q4. すでにWebで公開したUIはもう出願できませんか。

一般的には、出願より先に公開された意匠は登録を受けられないとされています。ただし、自ら公開した場合などは新規性喪失の例外規定による救済の可能性があります。もっとも、第三者の先行出願・先行公開や海外出願の問題が残るため、公開済みの場合は資料を整理して専門家へ相談する必要があります。

Q5. アプリのアイコンは意匠と商標のどちらで守るべきですか。

一般的には、タップしてアプリを起動する操作画像としては意匠登録を、サービスの出所識別標識として長期的に使う場合は商標登録を検討することがあります。アイコン自体が創作的であれば著作権も問題になります。具体的には使用態様や既存デザインによって結論が変わります。

Q6. UIを少し変えれば意匠権侵害を避けられますか。

一般的には、意匠権は登録意匠と同一のものだけでなく類似する意匠にも及ぶとされています。細部を変えても、需要者に与える美感が共通する場合は類似と評価される可能性があります。一方で、ありふれた共通部分しかない場合は結論が変わる可能性があり、具体的な比較が必要です。

Q7. 登録された意匠があれば、著作権侵害の主張は不要ですか。

一般的には、意匠権、著作権、商標権、不正競争防止法は保護対象と要件が異なるため、意匠権だけで足りるとは限りません。模倣UIでは、画面デザインは意匠権、アイコン・画像・文章・コードは著作権、ロゴや名称は商標というように併用を検討する場合があります。

Q8. 弁護士と弁理士のどちらに相談すべきですか。

一般的には、出願・登録の相談は弁理士が中心で、警告、交渉、訴訟、契約紛争などは弁護士が中心になることが多いとされています。ただし、UI模倣案件では権利内容と紛争対応がつながるため、弁護士と弁理士が連携する体制が必要になる場合があります。

Q9. デザイン会社に作ってもらったUIを自社で出願できますか。

一般的には、契約内容によって結論が変わります。意匠登録を受ける権利、著作権、成果物の利用権、第三者素材の扱いなどを確認する必要があります。権利帰属が曖昧な場合、出願や権利行使で問題になる可能性があります。

Q10. ノーコードツールやテンプレートで作ったUIは意匠登録できますか。

一般的には、不可能とは限りませんが、既存テンプレートに由来する部分が多い場合は、新規性、創作非容易性、権利帰属、ライセンスの問題が生じる可能性があります。どの部分が自社独自の創作なのかを明確にしたうえで、具体的には専門家へ相談する必要があります。

公的資料・制度解説

• 特許庁「改正意匠法に基づく新たな保護対象（画像・建築物・内装）の意匠登録事例について」
• 特許庁「意匠審査基準 第Ⅳ部 第1章 画像を含む意匠」
• 特許庁「意匠とは」
• 特許庁「初めてだったらここを読む 意匠出願のいろは」
• 特許庁「令和元年法律改正 解説書 第1章 意匠の定義の見直し」
• 特許庁「意匠審査基準 第Ⅲ部 第2章 第2節 創作非容易性」
• 特許庁「意匠の新規性喪失の例外規定の適用を受けるための手続について」
• 特許庁「第四章 意匠の類似の範囲の明確化」
• 特許庁 広報誌「とっきょ」意匠法改正について
• 特許庁「令和元年法律改正 解説書 第6章 関連意匠制度の拡充」
• 文化庁「著作物 第2条（定義）」
• 特許庁「商標制度の概要」
• 経済産業省「不正競争防止法テキスト」
• 日本弁理士会「弁理士は知的財産に関する専門家です」
• 日本弁護士連合会「法律相談」