Dribbble（読み方はドリブル）とBehance（読み方はビーハンス）は、世界中のクリエイターが作品を公開しているSNSです。言い換えると、世界中の様々な分野のクリエイターたちのポートフォリオを無料で見ることができる場所です。
DribbbleとBehance、どちらも機能面は似ています。作品公開に意欲的なクリエイターは両サービスに作品を投稿していることが多いようです。
無料のデザイン素材が公開されることも
DribbbleとBehanceにはかなりレベルの高い作品が投稿されているのですが、中には無料で使用できる素材を公開している方もいます。今回はそれらの無料素材のうち、とくに高品質なものを厳選して紹介します。
アイコン
高品質な立体アイコンセット
1つ1つが綿密に作り込まれたハイクオリティーな素材です。ダウンロードは無料ですが、Dribbbleではなく他ページ上から行う必要があります。下のリンク先のページの「Download the package」をクリックするとダウンロードが始まります。形式はPNGとPSD。
ソーシャルメディアボタン
フラットでかわいいソーシャルメディアボタン用の素材集です。ファイル形式はPNG画像とPSDです。
細い線がかわいいアイコンセット
この記事の中で個人的に最も「これが無料で良いの？」と感動したのがこちらです。どのアイコンも線と点できめ細やかに構成されており、とても美しいものとなっています。ファイル形式はAI、PSD、SVG、EPS、PNGです。
かわいいフラットアイコン
これが無料で良いの？と疑ってしまうほどに完成度の高い素材が無料配布されています。影のつき方や色の表現が最高です。ただし、ファイル形式はPSD（Photoshop用）のみ。
線で描かれたミニマルアイコンセット
1つ1つが線で描かれたかわいいアイコン素材集です。「Pay with a tweet」というリンクをツイートすることでダウンロードが無料になるシステムです。
パステルカラーがきれいなミニマル素材
淡いパステルカラーがハイセンスですね。ダウンロードできるファイル形式はAIとEPSです。
ミュージック・アイコン
鮮やかでオシャレな再生マークや消音マークなどがセットになっています。ただし、ファイル形式はaiのみ。
建物・建築物のアイコン
世界の有名建築物から工場、ガソリンスタンドなどの一般的な建物のアイコンまで多数収録されています。どれも何の建物か一目見て分かるほどによく出来ています。対応形式はai、psd、PNG。
シンプルな円形アイコン
シンプルに線で描かれた高品質素材です。ファイル形式はAI（Illustrator用）のみです。
フラット
使い勝手の良さそうなカラフルでフラットな素材がセットになっています。aiとPNGが使用できます。
アイスクリーム
様々な種類のアイスクリームの円形アイコンがセットになっています。使いどころはあまり多くないかもしれませんが、かわいくて使いたくなりますね。形式はaiとPNGです。
健康・フィットネス
精細に作り込まれている完成度の高いアイコンセットです。配色センスも抜群。これが無料で使用できるのは本当にありがたいですね。形式はaiのみ。
かわいい動物たち
かわいい動物たちの円形アイコンセットです。PNG形式でダウンロードができます。
フラット
ファイル形式はPSD（Photoshop用）とAI（Illustrator用）だけですが、どれも高品質で使い勝手が良さそうです。
ファイル形式マーク
かわいい太めの手書き風のフォントでファイル形式が表現されています。これは使いたくなります。ファイル形式はPNGのみ。
スターウォーズの登場人物たち
スターウォーズの登場人物がフラットに表現されています。これだけシンプルでも誰を表しているか分かるのがすごいですね。ファイル形式はPNGです。
あいうえお
SFアイコンセット
BB8やライトセーバーのかわいいアイコンまで含まれています。とくにBB8がものすごく完成度が高いですね。ダウンロードはBehance上ではなく、別サイトから会員登録のうえ行う必要があります。ファイル形式は、ai、psd、PNGが用意されています。
通販・Eコマース
フラットなEコマース関係の素材集です。ブログやバナーデザインなど使いどころは多そうですね。ファイル形式はSVG、PDF、AI、EPSと多め。
書類/メール
かわいらしい仕事関係の素材集です。立体感や丸みの表現がかわいらしくて最高です。対応形式はEPS。
90年代のレトロアイコン
ただし、ダウンロードは別のサイトから会員登録（無料）をしたうえで行う必要があります。
UIキット
UIキットとはPhotoshopやIllustrator、Sketchなどのソフトで編集できるウェブサイトやアプリのテンプレートのことです。Web/アプリデザインに慣れていないうちは、これらのUIキットが大きな助けになるのではないかと思います。また、見ているだけでもデザインの参考になるはずです。
iOSアプリ用UIキット50個
UIデザイン制作ソフト「Sketch」で使えるテンプレートです。ログイン画面から操作画面まで合計50種類が収録されています。
スマホアプリ用UI
グラデーションや透明感が美しく、見ているだけでインスピレーションが刺激されます。ファイルはSketchとPSDに対応しています。
ダッシュボード
デスクトップサイズのダッシュボード画面のUIキットです。整理されており、非常に見やすくなっています。ファイルはPSDのみ。
スマートでおしゃれなUI
無駄のないシンプルなレイアウトと言い、バランスの良い鮮やかな配色と言い、とても完成度の高い素材です。PSDに対応。
カラフルでかわいいUI
見る人を楽しい気分にさせてくれるカラフルでかわいいテンプレートです。配色が良いですね。PSDに対応。
iTunes風
iTunes風のUIキットです。サムネイルの並べ方やボタンの配置などが参考になるのではないでしょうか。こちらもPSDファイルがダウンロード無料です。
パステルカラーが美しいUI
親近感を感じさせる色使いがとても参考になります。アプリのデザイン検討で重宝しそうです。こちらもPSDに対応。
背景素材
ポリゴンの背景素材
12種類のカラフルなポリゴン背景素材が収録されています。ブログのアイキャッチやバナー、チラシなど様々なシーンで使えそうです。ファイル形式はJPEG。
ぼやけた背景
上に文字やアイコンなどをのせやすい「ぼかし」のかかった背景素材です。ファイル形式はPSDのみです。
ぼやけた背景その2
ぼかしのかかったカラフルなグラデーションが美しい素材です。JPEGで使うことができます。
モックアップ
モックアップ素材とは、予めほぼ完成されているデザインの一部に画像や文字を当てはめることで、サクッと見た目を本格的に見せることのできる素材のことです。モックアップを使うだけで単調なデザインも華やかでそれらしいものに見せることができます。なお、以下で紹介する素材はどれもPhotoshopで編集できるPSDデータとなります。
iPhone6
Photoshopを使ってiPhone6の画面に自分の好きな画像をはめ込むことができます。アプリなどのUI画像を華やかに見せたいときにおすすめです。
◎
スマホ向けアプリやWebサイトのUIイメージをオシャレに見せることができるモックアップです。クライアントに見せる資料の1ページ目なんかにこのモックアップを使えば、おそらく満足度3割増しです。
iMac
何気ないiMacの風景です。作り物らしさが無くて良いですね。
ブランドイメージ用
名刺や書類、封筒などにブランドロゴを載せたイメージをサクッと作ってくれる素材です。
ブランドイメージ用その2
こちらも同様にノートや書類にブランドロゴをのせたイメージを作ることができます。
額縁
シンプルな額縁のモックアップ素材です。ポスターや絵画、イラストなどをはめこむと良いでしょう。
壁掛けブラックボード
壁掛けの黒板のモックアップです。好きな文字を入れることができます。カフェやバーなどで見かけそうですね。
最後に
ここまでDribbbleとBehanceに公開されている無料かつ高品質なデザイン素材を38個紹介してきました。以下の記事でも無料素材をまとめているので是非目を通してみてください。