Webデザイナーとして活動する上で、デザインツールが使えること以上に大切なのが「法律を守って正しく素材を扱うこと」です。知らなかったでは済まされない著作権の世界を、分かりやすく解説します。
1.なぜWebデザイナーに著作権の知識が必要か？
Webサイトを制作する際、写真、イラスト、アイコン、文章など、多くの「他人の著作物」を扱います。
- リスクを回避する： 著作権侵害は、損害賠償請求や刑事罰の対象になります。
- 信頼を守る： クライアントに迷惑をかけると、デザイナーとしての信用は一気に失われます。
- 自分の作品を守る： 自分が作ったデザインもまた、著作権によって守られるべき財産です。
2.そもそも「著作権」とは？
著作権とは「自分が作った表現（作品）を、他人に勝手に使われない権利」のことです。
ポイント：
著作権は、作品を作った瞬間に自動的に発生します（無方式主義）。申請や登録は必要ありません。
著作権の対象になるもの（例）
- 写真： プロが撮ったものだけでなく、SNSの投稿写真も。
- イラスト・ロゴ： キャラクターやアイコンも含まれます。
- 文章： キャッチコピーやブログ記事、ソースコードも。
- フォント： 書体そのもののデザインも保護の対象です。
3.Web制作で「やってはいけない」NG行動
初心者が陥りがちな、危険な行動を整理しました。
| やってはいけないこと | 理由 |
|---|---|
| Google画像検索で拾った画像を使う | ほとんどが誰かの著作物です。勝手に使うと無断転載になります。 |
| 有名キャラやブランドロゴを模写する | 自分で描いたとしても「翻案権」や「商標権」の侵害になります。 |
| 他人のサイトのデザインを丸パクリする | レイアウトのアイデアは保護されにくいですが、装飾や構成の酷似は著作権侵害に当たります。 |
| 「フリー素材」を規約無視で使う | 「無料＝何をしてもいい」ではありません。加工禁止などのルールがあります。 |
4.正しく素材を使うための「ライセンス」確認
素材サイトを利用する際は、必ず「利用規約」を確認しましょう。以下の用語は必須知識です。
- 商用利用： 仕事（利益を得る目的）で使っていいかどうか。
- クレジット表記： 「Photo by 〇〇」といった作者名の記載が必要かどうか。
- 加工の可否： 色を変えたり、切り抜いたり（トリミング）していいかどうか。
- 再配布の禁止： ダウンロードした素材を、そのまま他人に売ったり配ったりすること。
便利な「CC0（クリエイティブ・コモンズ・ゼロ）」
著作権者が権利を放棄し、パブリックドメイン（公有）にしたものです。最も自由に使える素材の一つです。
5.【重要】納品時の「著作権の譲渡」について
ここがプロとして最も重要な実務ポイントです。
「デザインを納品した＝著作権もクライアントのものになった」とは限りません。
- 原則： 契約書に記載がない限り、著作権は「作ったデザイナー」に残ります。
- 実務： クライアントが自由に改修できるように、契約で「著作権を譲渡する」と定めるのが一般的です。
- 注意点： 譲渡する場合でも、「著作者人格権（名前を表示させる権利など）」は法律上譲渡できません。そのため契約書には「著作者人格権を行使しない」という文言を入れるのが通例です。
6.まとめ：トラブルを防ぐ3つのチェックリスト
- その素材の出所は明確か？（どこから持ってきたか説明できる）
- 利用規約（商用利用・加工・表記）を読んだか？
- クライアントとの契約で権利の所在を明確にしたか？
7.Webデザイナーが直面する「著作権Q&A」
受講生からよく受ける質問と、プロとして知っておくべき回答をまとめました。
Q1. 有料フォントを購入しました。クライアントに納品する際、そのフォントファイルを一緒に渡してもいいですか？
A. 原則としてNGです。 フォントの多くは「1ユーザー（デザイナー）につき1ライセンス」という規約になっています。フォントファイルを渡すことは「再配布」にあたり、規約違反になるケースがほとんどです。
- 対策： 納品時は文字を「アウトライン化（図形化）」するか、画像として書き出したものを渡します。クライアント側でも文字を打ち替えたい場合は、クライアント自身にもライセンスを購入してもらうか、Google Fontsなどの無料Webフォントを使用しましょう。
Q2. Pinterest（ピンタレスト）で見つけた素敵なデザイン。そのまま真似して作ってもいいですか？
A. デザインの「アイデア」はOKですが、「表現」を真似るとNGです。 レイアウトの構成（上に写真、下にボタンなど）を参考にするのは「アイデア」の模倣であり、著作権侵害にはなりにくいです。しかし、配色、文字の組み方、装飾までそっくりにしてしまうと「表現」の模倣となり、侵害とみなされるリスクがあります。
- プロのコツ： 最低でも3つ以上の異なるデザインから要素を抽出し、自分の解釈で組み合わせる「リデザイン」を心がけましょう。
Q3. 「フリー素材」なのに、あとから「著作権侵害だ」と言われることはありますか？
A. 可能性はゼロではありません。 素材サイトの中には、投稿者が他人の写真を勝手にアップロードしている「偽のフリー素材」が混ざっていることがあります。
- 対策： 運営元がはっきりしている大手の素材サイト（Adobe Stock、Shutterstock、Unsplash、写真ACなど）を利用し、信頼性の低いサイトや個人の掲示板から拾うのは避けましょう。
Q4. クライアントから「この芸能人の写真を使ってバナーを作って」と言われました。どうすべき？
A. きっぱりとお断りするか、権利確認を求めましょう。 これは「著作権」だけでなく、芸能人の「肖像権・パブリシティ権」の侵害になります。もし強行して公開した場合、デザイナーも責任を問われる可能性があります。
- 伝え方： 「法律上のリスクがあり、御社（クライアント）の社会的信用を傷つける恐れがあるため、正式な許諾がない場合は使用できません」と、プロの視点でアドバイスしましょう。
Q5. 制作したサイトを、自分のポートフォリオ（実績集）に載せてもいいですか？
A. 事前にクライアントの許可を取るのがマナーであり、安全です。 たとえ自分が作ったデザインでも、納品後は著作権がクライアントに移転していることが多く、勝手に公開すると契約違反（守秘義務違反）になる場合があります。
- 対策： 契約の段階で「実績としてポートフォリオに掲載させてほしい」と一言伝えておくのが最もスムーズです。
Webデザイナーのための「権利を守る」便利リンク集
講座の中で紹介すると喜ばれる、信頼できるソースです。
- 文化庁「著作権の手引き」： 法律の基本を公的に学びたいとき
- クリエイティブ・コモンズ・ジャパン： CCライセンスのマークの意味を確認するとき
- 各素材サイトの利用規約： （例：Pexels、Pixabay、いらすとや等）必ず一度は全文を読む習慣をつけましょう
まとめワーク：今の理解度をチェックしてみよう！
- SNSで流れてきた素敵な写真を、サイトのメインビジュアルに使うのはOK？
- 有料フォントを購入すれば、そのフォントファイルをクライアントに渡してもいい？
- 「フリー素材」と書いてあれば、アダルトサイトや公序良俗に反するサイトに使ってもいい？
答え：すべてNGです！理由は講座内で深掘りしましょう