商用OKで無料で使える人気のフォトストックサービス『Unsplash』ですが、どんな使い方が許可されていて何が許可されていないのか、気になるライセンスのポイントを解説。あわせてUnsplashの写真素材を使ったデザインアイディアもご紹介します。
フォトストックサービス『Unsplash』とは
『Unsplash』は世界各国のフォトグラファーによる約880万点もの写真を保有するストックフォトサイトです。
ホームページ作成ツール『BiNDup』でも連携していますが、クオリティの高い画像が商用、非商用問わず無料で使える今注目のサービスですね。
説明的な写真が多い一般的な素材サイトと違い、アーティスティックな写真が多数を占めるので、デザインのイメージを作るのにも重宝しています。
そんな『Unsplash』ですが、無料と云ってもどんな使い方がOKなのか気になる処。
今回はオフィシャルのライセンス情報を簡単に解説してみたいと思います。
後半では『Unsplash』の写真を利用したデザインアイディアをご紹介しますので参考にしてみてください。
あわせて、BiNDupからUnsplashの写真を使う手順と、企業サイトのファーストビューに使いやすい「東京のオフィスビルと青空」の写真6選も紹介します。
※現時点での情報に基づいています。実際に使うときはご自身で念の為ご確認ください
『Unsplash』のライセンスについて
『Unsplash』はユーザー登録も不要で高品質の写真が無料でダウンロード出来ます。
高解像度なのでWebだけの用途に止まらず、印刷など幅広く使う事が出来ます。
『Unsplash』の写真を使用するに辺り、許可されている事と許可されていない事を見ていきましょう。
※検索結果には、有料プラン「Unsplash+」の写真も表示されます。無料で使えるのは、Unsplash+のマークが付いていない写真です。Unsplash+の写真には別のライセンスが適用されます。
許可されている事
許可されている事は以下になります。
- すべての写真をダウンロードして無料で使用可能
- 商業、非商業の目的は問わない
- 使用にあたりUnsplashへの許可申請は不要
何でもアリな感じに見えますね。
著作者のクレジット記載なども特に不要ではありますが、「著作者への感謝を込めてクレジットを入れる事を推奨します」とありました。
確かに著作者としてはクレジットが入っていると嬉しいですね。
この辺は可能であれば検討してみてください。
許可されていない事
さて、何でもアリな感じに見える『Unsplash』ですが、以下の事を禁止しています。
- Unsplashの写真を収集して素材販売サービスなどを行う事
- 大幅な改変なしに写真を再販する事は不可
これは当然と云えば当然ですが、Unsplashの素材を使って競業サービスを作ってはいけないと云う事ですね。
そして少し難しいのが「大幅な改変なしに」と云う部分。
写真そのままを販売するのは勿論ダメです。
ただ、写真を使って二次制作物を作って販売するのはOKとなっています。
オフィシャルサイトのFAQで、大幅に変更された例と大幅に変更されていない例が掲載されていました。
文章で明示出来ない難しい部分ですね。
そしてもう一つ意識しておきたいのは、商標が写った写真は用途によっては権利侵害になる可能性がある点です。
- 写真に表示される商標、ロゴ、またはブランド
- 写真で認識できる人の画像
- 写真に表示される芸術作品または著作物
例えば、本の表紙をデザインする時に『Unsplash』の写真を使う事は許可されていますが、写真の中で『GUCCI』の商品やロゴがメインで使われている場合、それは『GUCCI』に許可を取る必要があると云う事です。
この辺は解釈が入りそうなので、写り込んだ程度とかであれば大丈夫な気もしますが、万全を期すのであれば除外しておいた方が安全でしょう。
以上の事を気をつけてくださいね。
BiNDupからUnsplashの写真を使う方法
BiNDupはUnsplashと連携しているので、ブロックエディタからUnsplashの写真を直接検索して配置できます。BiNDup経由でダウンロードしても無料なので、ブラウザでUnsplashを開いて保存し直す手間がかかりません。
- ブロックエディタを開きます。
- パーツ一覧から「画像を選択」を選択します。
- 画面左のサイドメニューから「Unsplash素材検索」を選択すると、Unsplashの写真を検索して使用できます。
素材を利用したバナーデザインのアイディア
ホームページ作成サービス『BiNDup』ではアプリケーション内から『Unsplash』の素材を直接検索・取得が出来ます。
今回は画像編集機能SiGNを使って、『Unsplash』の写真素材によるバナーデザインのアイディアを幾つかご紹介したいと思います。
素材サービスの写真の使い方がイマイチ分からないと云う方も参考にしてみてくださいね。
尚、ここで作ったデザインデータはSiGNテンプレートデータとして配布しますので、記事最下層のダウンロードボタンからダウンロードしてください。
パターン1：余白がある構図の写真を用いる
余白のある構図の写真を使う最もシンプルな手法です。
Unsplashにはここにテキスト入れてくださいとばかりに撮影された素材がありますので、見つけられればそんなに悩まずデザイン出来ますね。
パターン2：バックグラウンドとして扱う
写真を背景として使い、文字を前面で出すレイアウトです。
Unsplashでは『background』等で検索すると、背景に敷くだけで洗練された印象を出せる写真が多数抽出されます。
写真をぼかす事で文字を際立たせる効果が出せます。
また、背景の色と文字の色の差を出す為に、写真の明るさを調整するテクニックも覚えておくと良いでしょう。
パターン3：セパレートする
こちらは文字エリアをセパレートした例。
写真を白黒にする事でビビットな黄色が目を引きますね。
このレイアウトであれば、どんな写真を入れても雰囲気を維持することが出来ると思います。
ポイントとしては、黄色を引き立てる為に写真を暗くする事を忘れずに。
パターン4：複数写真を組み合わせる
最後は複数の画像を組み合わせた例。
更に各写真ごとに単一カラーにしてキャラクターを際立たせました。
こちらも大概の写真に対応出来そうですね。
但し、テイストがばらつくと見栄えが悪くなってしまうので、明るさやコントラストは揃えておくのが望ましいです。
ファーストビューに映える「青空とオフィスビル」の写真6選
Unsplashの写真は、バナーだけでなくファーストビューのメインビジュアルにも向いています。ここでは、日本企業のコーポレートサイトに使いやすい「東京のオフィスビルと青空」の写真を6点選びました。サンプルサイトで、実際に使ったときのイメージもつかめます。
サンプルサイトを見る
※写真は「tokyo skyline」「tokyo sky」などのキーワードで検索して選んでいます。
オフィスビルが象徴的な東京の青空
写真：tokyo summer（撮影：Ryo Yoshitake）
個人的に一番使いやすいと感じた「東京のオフィスビルと青空の風景」の写真素材です。オフィスビルがとても象徴的な構図で、ビジネスのスケールの大きさやクリーンな企業イメージがすごく伝わります。
写真素材をダウンロード（無料）
東京タワーの赤がワンポイントになる風景
写真：Tokyo Tower, Tokyo, Japan（撮影：Jaison Lin）
東京のランドマークとして今も健在の東京タワー。優しい赤色が画面のワンポイントに使えます。まさにフォトジェニックで、そこまで固い感じがしないのが使いやすい写真素材ですね。
写真素材をダウンロード（無料）
スカイツリーとビル群がそろう風景
写真：tokyo summer（撮影：Ryo Yoshitake）
こちらは遠巻きにスカイツリーが映っているので、東京とすぐわかりますね。少し色味が多くてガチャッとした印象があるので、全体的に青色方向に調整した方がもっと使いやすくなりそうです。下側1/4をばっさり切るとスッキリかっこよくなりそう。「文字がいれやすい空」「密集したオフィスビル群」「東京のシンボル」「力強い雲」と必要なものは全部揃っているので、素材として完璧です。
写真素材をダウンロード（無料）
霧がかかった港区の俯瞰
写真：4 Chome-2-8 Shibakōen, Minato-ku, Japan（撮影：Francesco Ungaro）
こちらは港区の風景写真素材。最初の1枚より俯瞰なので、よりスケールの大きい印象がします。少し霧が掛かっていて、画面に静寂があるので、落ち着いた雰囲気を出したい時に使えます。
撮影者の写真一覧を見る（無料）
グレイッシュで現実味のある東京タワーの風景
写真：Tokyo, Japan（撮影：note thanun）
こちらは東京タワーが画面やや左に映っています。グレイッシュでより現実味があります。2枚目の写真のように水色に加工するのも良いでしょう。
写真素材をダウンロード（無料）
水面が広がるお台場の風景
写真：odaiba, tokyo（撮影：Cem Ersozlu）
こちらはお台場の風景。水面が多いので、「水関係」の企業のビジネスのスケールの大きさやクリーンなイメージを伝えるにはぴったりです。
写真素材をダウンロード（無料）
まとめ
如何でしたか？
多少規制はあるものの、素材サイトの中でも『Unsplash』はかなり自由度の高いサービスと云えるでしょう。
クオリティの高い写真が多いので活用しない手はありません。
最後におさらい。
《許可されている事》
・すべての写真をダウンロードして無料で使用可能
・商業、非商業の目的は問わない
・使用にあたりUnsplashへの許可申請は不要
《許可されていない事》
・Unsplashの写真を収集して素材販売サービスなどを行う事
・大幅な改変なしに写真を再販する事は不可
《留意する事》
・可能であれば著作者のクレジットを入れる
・商標に関わるものが写っている場合は取り扱いに気を付ける
・有料プラン「Unsplash+」の写真は無料素材と別のライセンスになる
これらを認識した上で『Unsplash』を活用しましょう。
Unsplashの写真はBiNDup経由でダウンロードしても無料です。ファーストビューの写真選びに迷ったら、今回の6選も参考にしてみてください。
本記事で紹介したバナーデザインと、写真6選を当てはめたサンプルサイトは、BiNDupで編集、ご利用いただけます。以下の続きを読むボタンよりログインしてダウンロードしてください。
バナーデザイン（SiGNテンプレート）
ダウンロードする
※ ファイル解凍後、『BiNDup』の画像編集ソフト『SiGN』にインポートしてお使いください。インポート方法はこちらをご覧ください。
（「2.テンプレートファイルからインポート」を参照）
写真6選のサンプルサイト（サイトデータ）
ダウンロードする
※ ファイルは解凍せずに最新のBiNDupにインポートしてお使いください。インポート方法はこちらをご覧ください。
（「2.取り込み先の環境でサイトデータをインポートする」を参照）
※サイトデータのインポートは、基本コースとビジネスコースで利用できます（エントリーコースは対象外）。
