Webデザインに著作権はある?侵害になるケースと守るべきルールを解説
「Webデザインにも著作権はあるの?ほかのサイトを参考にしても大丈夫?」
「制作したホームページの著作権は、デザイナーと依頼主のどちらにあるの?」
Webデザインを制作する際、ほかのホームページを参考にしたり、写真やイラストなどの素材を利用したりすることがあります。
しかし、他人が制作したデザインや素材を無断で使用すると、著作権侵害になる場合があるため注意が必要です。
Webデザインも、創作性のある表現には著作権が認められる場合があります。ただし、配色やレイアウトのアイデアなど、すべての要素が著作権で保護されるわけではありません。
また、制作したデザインを納品する際は、著作権の帰属や改変・再利用の範囲について、依頼主と認識をそろえておくことも大切です。

この記事では、Webデザインの著作権が認められる範囲や、侵害になるケース、制作・納品時に確認したいことを解説します!
Webデザインに著作権はある?

Webデザインには、制作者の思想や感情が創作的に表現されている場合、著作権が認められることがあります。
著作権法では、思想や感情を創作的に表現したものを著作物として保護しています。Webサイトに使われるイラストや写真、文章なども、条件を満たせば著作物です。
一方、一般的なレイアウトや配色のアイデアそのものには、著作権が認められません。Webサイト全体だけで一律に判断せず、どの部分に創作性があるのかを考える必要があります。
著作権は制作した時点で原則として発生する
著作物に該当するWebデザインの著作権は、作品を創作した時点で原則として自動的に発生します。
特許のように、権利を発生させるための申請や登録は必要ありません。また、著作権マークを付けなくても、著作物として保護されます。
ただし、Webデザインを制作した人が必ず著作権者になるとは限りません。

会社の業務として制作した場合などは、契約や法律上の条件によって権利の帰属が異なりますよ。
Webデザインで著作権が認められるもの・認められないもの
Webサイトは、デザインや文章、画像、プログラムなど、複数の要素から構成されています。
著作権の有無はWebサイト全体で一括して決まるのではなく、それぞれの表現に創作性があるかによって判断されます。
| 要素 | 著作権の扱い |
|---|---|
| オリジナルのイラスト | 創作性があれば保護される |
| 写真 | 創作性のある撮影表現は保護される |
| 記事・商品説明文 | 創作性のある文章は保護される |
| Webサイトのレイアウト | 具体的な表現に創作性があれば保護される場合がある |
| 配色や構成のアイデア | アイデア自体は原則として保護されない |
| HTML・CSSなどのコード | 創作性のあるプログラム表現などは保護される場合がある |
| フォント | 著作権とは別にライセンス条件などの確認が必要 |
※上記は一般的な整理です。具体的な制作物については、表現内容や利用方法などを踏まえて判断する必要があります。

たとえば「問い合わせボタンを右上に置く」というアイデア自体は、通常は著作権で独占できません。ただし、他サイトの画像や装飾をそのままコピーする場合は注意が必要です。
Webデザインで著作権侵害になる4つのケース

Web制作では、ほかのサイトを参考にしたり、外部の素材を利用したりする機会があります。
ここでは、著作権侵害につながりやすい4つのケースを紹介します。
1.他サイトのデザインをほぼそのまま模倣する
他サイトの創作性のあるデザイン表現を、許可なく実質的にコピーすると、著作権侵害になる場合があります。
参考サイトと同じように画像や装飾を配置し、独自性のある表現まで再現する場合は注意が必要です。
一方、一般的なヘッダーやメニューの配置など、ありふれた構成を参考にするだけで直ちに侵害になるわけではありません。
参考サイトの設計意図を学び、画像・文章・装飾は自分で制作しましょう。
2.画像やイラストを無断転載する
他サイトに掲載された写真やイラストを、権利者の許可なく自分のWebサイトへ転載すると、著作権侵害になる場合があります。
インターネットで見つけた画像は、誰でも自由に使えるわけではありません。Google画像検索などに表示された画像にも著作権が存在する場合があります。

出典元を記載するだけでは、無断転載が認められるわけではないため注意してくださいね。
3.素材の利用規約に違反する
フリー素材や有料素材を使う場合も、利用規約で認められた範囲を守る必要があります。
たとえば、商用利用ができる素材でも、再配布やテンプレートへの組み込み、加工方法に制限が設けられている場合があります。
また、フォントはWebサイトへの表示や画像への埋め込みなど、使い方によってライセンス条件が異なることがあります。
無料・有料という区分だけで判断せず、利用規約を確認してから使いましょう。
4.他人の文章やコードを無断でコピーする
他サイトの文章や創作性のあるプログラムコードを無断でコピーすると、著作権侵害になる場合があります。
一方、HTMLの基本的なタグや、機能を実現するためのありふれた記述まで、すべて著作権で保護されるわけではありません。
また、オープンソースのコードを利用する場合は、ライセンスに従って利用する必要があります。

コードの利用が認められている場合も、表示義務や再配布条件などを確認しましょう!
Webデザインの著作権は誰のもの?

Webデザインを仕事として制作する場合、著作権が誰に帰属するのかを確認しておく必要があります。
特に、制作会社やフリーランスへホームページを依頼する場合は、納品後の利用範囲についても取り決めておきましょう。
制作会社やフリーランスへ依頼した場合
Webデザインを外注した場合、制作費を支払っただけで著作権が自動的に依頼主へ移転するわけではありません。
原則として著作権は創作者に発生しますが、制作会社内での職務著作や契約による権利譲渡などによって帰属が変わります。
そのため、納品したデザインを自由に改変したり、別のサイトへ再利用したりできるかは、契約内容によって異なります。

契約時には、著作権の譲渡と利用許諾のどちらなのかを明確にしましょう。
会社の従業員が業務として制作した場合
従業員が会社の業務としてWebデザインを制作した場合は、著作権法上の条件を満たせば、会社が著作者になることがあります。
これは職務著作と呼ばれる仕組みです。ただし、従業員が制作したものすべてについて、自動的に会社へ著作権が帰属するわけではありません。

制作の経緯や職務内容、就業規則などを確認し、必要に応じて契約上の取り決めを整理しましょう!
Webデザインで著作権侵害を防ぐ5つの方法
Webデザインの著作権トラブルを防ぐには、素材を使うときだけでなく、制作開始前や納品時にも確認が必要です。

次の5つを押さえておきましょう。
- 参考サイトの具体的な表現をコピーしない
- 素材の商用利用・加工条件を確認する
- 写真や文章の利用許可を確認する
- 著作権の帰属と利用範囲を契約書に明記する
- 素材の入手元と許諾内容を記録する
特に重要なのは、利用する素材の権利関係を確認し、納品後にどこまで改変・再利用できるのかを契約で明確にすることです。
たとえば、ホームページのリニューアルを別の制作会社へ依頼するとき、元のデザインデータや画像を引き継げるかが問題になる場合があります。
制作契約では、著作権法第27条・第28条の権利も譲渡対象に含めるか、著作者人格権をどのように扱うかも確認が必要です。
(翻訳権、翻案権等)
第二十七条
著作者は、その著作物を翻訳し、編曲し、若しくは変形し、又は脚色し、映画化し、その他翻案する権利を専有する。
(二次的著作物の利用に関する原著作者の権利)
第二十八条
二次的著作物の原著作物の著作者は、当該二次的著作物の利用に関し、この款に規定する権利で当該二次的著作物の著作者が有するものと同一の種類の権利を専有する。

デザインデータを受け取ることと、著作権を譲り受けることは別です。納品形式や編集の可否も契約前に確認しておきましょう!
Webデザインの著作権に関するよくある質問【Q&A】

最後に、Webデザインの著作権についてよくある質問へ回答します。
他サイトのデザインを参考にするのは著作権侵害?
他サイトのデザインを参考にするだけで、直ちに著作権侵害になるわけではありません。
一般的なレイアウトやデザインの考え方を学ぶことと、創作性のある具体的な表現をコピーすることは異なります。
参考にする場合も、画像や文章、独自の装飾は自分で制作しましょう。
Webデザインを少し変更すれば著作権侵害にならない?
色や文字の大きさを少し変えただけでは、著作権侵害を避けられるとは限りません。
元のデザインの創作的な表現が残っていれば、複製や翻案として問題になる場合があります。
「何%変更すれば安全」という一律の基準はないため、元の表現を安易に流用しないことが大切です。
無料素材なら自由にWebデザインへ使える?
無料素材でも、商用利用や加工、再配布などに条件が設けられている場合があります。
特に企業サイトや広告で利用する場合は、商用利用が認められているか確認してください。
また、素材に人物や商標などが含まれる場合は、著作権以外の権利にも注意が必要です。
納品したWebデザインを制作実績として公開できる?
納品したWebデザインをポートフォリオなどへ掲載できるかは、契約や権利関係によって異なります。
制作した本人でも、著作権を譲渡していたり、秘密保持契約を結んでいたりする場合があります。
制作実績として公開したい場合は、事前に依頼主の許可を得ておきましょう。
まとめ~Webデザインの著作権を理解して制作しよう~
Webデザインでは、創作性のあるイラストや画像、文章、具体的なデザイン表現などに著作権が認められる場合があります。
著作権侵害を防ぐには、他人の具体的な表現を無断でコピーせず、素材の利用規約や制作物の権利関係を確認することが大切です。
また、Webデザインを外注する際は、納品後の改変や再利用、著作権の譲渡について契約書で明確にしておきましょう。

著作権の判断は個別の事情によって異なります。侵害の有無や契約内容について判断が難しい場合は、著作権に詳しい弁護士などへ相談してくださいね。
