手っ取り早くデザインを良くするため「素材サイトないかな～？」と探しまくったことはありませんか？
今回はデザイナーとして某社で働く筆者が、仕事で使える激推しサイトをご紹介します！
ぱんださんでも、お金取るんでしょ？
広告だらけで使いづらいんじゃない？
ミヤマそんなことないよ！
広告ひかえめ＆ほぼ無料で使えます！
しかも、ブックマークは実質１つするだけでOK！
さらに商用利用可＆ノンクレジット（クレジット表記不要）です。
素材を20個以上使いたいときには条件がつきますが、それも下記のとおり、とてもゆるいです。
＼素材20個以上使う条件／
以下、いずれか１つをクリアする。
- TwitterでTOPECONHEROES素材サイトどれか一つ紹介
- ダーヤマさんLINEスタンプ購入
- ほめジョーズに紹介してホメる
※実際に使う場合は念のため、各規約をご確認の上ご使用ください。
論より証拠！
まずは以下で内容を確認してからご判断ください。
ちなみに、この記事でも吹き出し素材などを使わせていただいてます！
【いそがしい人向け】５分でわかる、TOPECONHEROES
いそがしい人は、概要をまとめたこちらのシートをご確認ください！
【くわしく知りたい人向け】素材サイトTOPECONHEROES
ぱんださんタイトルのコレなに？『とぺこんひーろーず』？
ミヤマそれじゃあ「TOPECONHEROES（トペコンヒーローズ）」さんから説明するね！
TOPECONHEROES （トペコンヒーローズ） は、無料＆商用利用可な素材サイト。
ご自身もデザイナーであるダーヤマさん（@TopeconHeroes）が「世の中のデザイナー・ビジネスマンが早く家に帰れますように」と、ありがたい精神で運営してくださっています。
TopeconHeroesは早く帰りたいデザイナーさんや、ビジネスマン向けに飾り枠やシルエット、ふきだしなどの専門サイトで無料素材を配布してます。 早く帰りたい人は利用してさくっと仕事を終えて帰宅しましょう。
引用：TopeconHeroes(トペコンーローズ)プロデュースのサイト紹介
ミヤマ筆者のミヤマは十年近くずっと使っています！
最初はシルエット素材だけだったのですがどんどん増え、今では合計23種類！
こんなにクオリティの高い素材が無料＆商用可で大量に、しかも非常に使いやすい状態で公開されています。最初に見つけたときは衝撃だったのを覚えています。
ちなみに、現在23種類ある素材サイトの一覧は下記のとおりです。
＼ TopeconHeroes素材一覧 ／
「シルエット」「飾り枠」「ピクトグラム」「吹き出し」「矢印」「花・植物」「ネットショップ素材」「ループ・BGM」「飾り線」「フラットアイコン」「季節のイラスト」「パターン背景」「アイコン」「街のイラスト」「リボン」「鳥獣戯画」「レース素材」「マンガ文字」「筆文字」「スタンプ」「ギャラリー」「集中線」「時短素材」
デザイン素材だけでなくBGMもあり、ほんとにすごいです……。
オススメは汎用性の低い「ループ・BGM」「スタンプ」をのぞいた21種なので、今回21選としています。
TOPECONHEROES、ほぼ共通の使い方について
まず、TOPECONHEROESの使い方を説明します。
ミヤマとはいえ、ぶっちゃけ読まずにいきなり行って大丈夫です！
ぱんださんマジすか！
ミヤマすでにサイトデザインが分かりやすいからね。
でも念のため、以下で解説します！
オススメは、拡大しても画質が荒れないベクター形式のAI（イラストレーター）データです！
Adobeを持ってない人はPNGやJPGを選んでください。
【補足】重いデータはダウンロードで数秒待ちます。
JPGなどは即ダウンロードが始まりますが、AI素材はほぼZIP形式でダウンロードされます。
ダウンロードした素材を開くと、美しくレイアウトされてますよ！
ちなみに、スマホからでも素材ダウンロード可能です。
ただ画面が小さくやりにくいので、パソコンからのダウンロードをおすすめします。
ミヤマ以降では各サイトをご紹介します。
目次から気になるサイトをチェックしてね！
ちなみに、各カテゴリサイトのロゴデザインも大注目。
どれも個性が引き立つロゴで、すてきです！
1.シルエットデザイン（シルエット素材）
（恐らく）本家本元のサイトです。
ベクターデータ（拡大しても画が荒くならない）もJPGもPNGもあり便利！
デザインのポイントで入れたりするとぐっとおしゃれになりますよ。
2.フレームデザイン（飾り枠素材）
仕事で大変お世話になったサイトその２。
このフレームに文字を入れて即完成するぐらい、どれもクオリティが高いです！
高級系、ガーリー系、西洋系ゲームなどで使えそうなものが多め。
このサイトのおかげで素材ROM使わなくなりました…。
3.ヒューマンピクトグラム2.0（人の絵のアイコン）
非常口のあの人のピクトグラム素材です。仕事でもときどき使うことがあります。
くせがないので、なにかを説明するデザインに使いやすいです。
おもしろ系の素材も多数ある素敵なサイトです。
4.フキダシデザイン（ふきだし素材）
仕事でも大変お世話に（以下略）な素材サイト。
最近では一番使う頻度が多いです。
手書き風からフラットなものまで多種多様なふきだしがあり、すさまじく便利！
特に手がき風のものは、こちらでサクッと制作を終わらせましょう！
5.矢印デザイン（矢印マーク素材）
こちらのサイトもけっこう使います。筆者はやはり手書き風がイチオシですね。
古い指矢印などは、これだけで雰囲気のあるデザインが爆誕します。
手書き風でないカチっとした矢印も多数ありますので、ぜひ！
6.フロデ イラスト（花・植物イラスト素材）
仕事で花や植物のイラストを使いたいときによく訪問します。
その際は『カテゴリ』を利用すると素早く素材を見つけることができますよ！
ここもベクター（拡大しても画が荒れない）素材があり、大変助かります。
7.ECデザイン（ネットショップで使える素材）
仕事でもプライベートでもかなりお世話になっています！
こちらの素材を使って時短したことが何度あったことか…と思わず遠い目になってしまうほど有益なサイト。
特に仕事で大活躍する素材サイトです！
8.FREE LINE DESIGN（飾り線素材）
こちらも、ちょいちょい使います。
かわいいイラストの罫線があるので、かわいい系のデザインにもおすすめです。
他にもシンプル系、筆線など色々あるので、罫線では大活躍すること間違いなしです！
9.フラットアイコンデザイン（色ありアイコン素材）
くせのないシンプルな色つきのアイコンイラストが多数あります。
筆者が使う頻度は低いですが、こちらのイラストを目にする機会、わりと多いです。
最近ではTwitterのアイコンにしている方もいました。
10.イベントデザインプレミアム（季節のイベントイラスト素材）
めちゃくちゃ使うサイトです！
仕事柄、季節の販促物を作ることが非常に多いので、まずここをチェックするクセがついています。
ほかとあまり素材がカブることがなく、超クオリティが高いので、ものすごくおすすめです！
11.Bg-Pattrens（パターン背景素材）
パターン背景素材を手軽にダウンロード＆作成できるサイトです。
「ちょっといい背景ないかなー」と思ったとき立ち寄るサイト。
ブラウザ上で色変更もできるので便利。すてきな背景が目白押しですよ！
12.ICOOON MONO（白黒アイコン素材）
シンプルなモノクロのアイコン素材サイト。
洗練されたシンプルなアイコンが、なんと6000個以上あるそうです！
アイコンがほしいときは大抵あるので便利。必ず訪れてしまいます。
13.TOWN illust（街・建物イラスト素材）
こちらも仕事でなにげに使うサイトです。
街っぽいイラストがほしいと営業に言われたときは、まっさきに訪れます。
実際にある風景から存在しないものまで、いろいろ置いてあります。単色・カラー両方あり。
14.リボンフリークス（リボン素材）
仕事でとても（以下略）。リボンに関しては鉄板と言っていいでしょう！
クラシックなリボンからPOPなリボンまで、ありとあらゆる高クオリティなリボンがたくさんあります。
探せばぴったりのリボンがきっと見つかるはず！
15.ダ鳥獣ギ画（鳥獣戯画イラスト素材）
ニッチですが、個人的に鳥獣戯画イラストは有用だと思いセレクト。
この手のものは海外の方にも受けが良いですし、使うだけでグンとあかぬけたデザインになります。
和風なテイストにオススメ！
16.ダ・レース（レース素材）
こちらも女子向けデザインでよく使います。
画面に女性的な華やかさが必要なときに大活躍します。
ちなみに、レース素材は昔ROMを買っていたのですが、すっかりお蔵入りになりました…。
17.ドドドフォント（手書き風マンガ文字素材）
ニッチな素材ですが、使えるときは活躍します。
フォントでベタ打ちするところをこれに変えるだけで、ワンランククオリティが上がります。
ただ、漫画家さんが使うにはラインナップが少々物足りないかもしれません。
18.カリ蔵（筆文字素材）
こちらもニッチな素材。
筆書き素材のストックサイトです。時事ネタからビジネス、格言と色々あります。
和風の力強い字体なので、方向性がマッチするととても重宝します。
「半額セール」などは使いやすいですね。
19.マンガパーツSTOCK（集中線・効果線素材）
マンガ的なデザインをしたいとき、素材をいちから作る手間が省けます。
筆者はゲーム製作の衝撃シーンのエフェクトで素材をお借りしました。
ブラウザ上で色、大きさが編集可能で、文字も入れられるので便利ですよ！
20.ほめジョーズ（アイデア出し）
厳密には素材サイトではないのですが、とても有用なのでご紹介。
たくさんの素敵なWEBサイトが集められており、ランキングやカテゴリでピックアップできるので、デザインアイデアを出すときに便利です！
※もちろん無断転載・使用はNGです。あくまで参考にするだけにとどめてください。
21.時短だ
最近、追加されたストックイラストサイト。
クセのない高クオリティのイラストが多数あり、使いやすいです。
上部にミニアイコンでカテゴリ別に選べるので、選ぶ際にも時短になります。
営業さんのプレゼン資料などにオススメです！
その他のコンテンツ
ダストサウンズ（BGM・ループ素材）
テクノっぽい曲が多い印象です。
音楽素材をお探しの方は一度訪れて、曲調が合うか確認してみると良いと思います！
イラスト スタンポ（スタンプ風イラスト素材）
その名の通り、かわいいイラストのラインスタンプ風素材があります。
使い所が限定されますが、かわいいイラストをお探しの方には刺さると思います。
※ダーヤマさんがすでに販売されているので、LINEスタンプとして売ることはできませんのでご注意ください。
ミヤマTOPECONHEROESさん便利すぎです！
とてもおすすめなので、ぜひ一度訪れてみてください！