LoginSignup
275
390

【爆速UI設計術】モダンなwebデザイン素材集

Posted at

【概要】

個人アプリを作成する上で、イラストや写真が欲しいと思ったことはありませんか?
今回は、アプリで使用できる商用フリーの素材を紹介していきたいと思います!

【前提・注意】

使用には、各サイトのライセンスを熟読してから使用するようお願いいたします。

基本的には、下記の点に注意をお願いいたします。

・加工禁止の素材を加工しない
・商用範囲外を超えた使用をしない(商用のTシャツデザインに適用など)
・ライセンス表記が必要なものに関しては必ず記述する
・その他、適切な使用方法を心がける

【内容】

カテゴリー別にご紹介します。具体的には

・イラスト系
・アイコン系
・ビジネス系
・漫画系
・Youtube系
・かわいい系
・その他

になります。注釈と、サイトの特徴を説明していきたいと思います。

【イラスト系】

【イラスト屋】

使用数 クレジット記載
1つの制作物につき20点 不要

特徴

最新のトレンドが取り入れられている。

2024年3月時点では、AI関連などのイラストは他サイトであまり取り扱ってないことが多いです。(もしその他ございましたらこっそり教えてください。)
下記のようにAI関連の画像を使用したい人にとっておすすめです。

スクリーンショット 2024-03-15 13.01.51.png

幅広いジャンルがある。

人・行事や概念など幅広いジャンルで素材があります。

スクリーンショット 2024-03-15 15.53.51.png

AI生成機能があり

下記のような操作で簡単にイラストを生成できます。

スクリーンショット 2024-03-15 12.51.29.png

スクリーンショット 2024-03-15 12.53.37.png

最終的にはこんな感じになります!

スクリーンショット 2024-03-15 12.54.53.png

【shigureni free illust】

特徴

ゆるふわ系デザインが多め

・太線
・原色寄りの色使い

のため、背景がごちゃついてもイラストが負けないです。

スクリーンショット 2024-03-15 16.48.21.png

【ちょうどいいイラスト】

特徴

シンプルかつ柔和な感じのイラスト

絵の縁が濃い感じイラストです。
どちらかといとビジネスよりの素材が多い印象です。

スクリーンショット 2024-03-15 16.14.01.png

【イラストAC】

商用利用 クレジット記載 検索 ダウンドード数
不要 4回/日 9点/日

特徴

女性らしいイメージがやや多い

下記のような柔らかい印象のイラストが多いです。

スクリーンショット 2024-03-15 16.00.40.png

スクリーンショット 2024-03-15 16.05.50.png

【ガジェットストック】

ガジェット関連のものを使用したい場合は、下記を使用すると良いと思われます。

スクリーンショット 2024-03-15 17.45.11.png

【アイコン系】

【human pictogram 2.0】

オリンピックで流行ったやつです。

スクリーンショット 2024-03-15 16.52.57.png

本サイトでは、アタッチメントをつけたりすることでかなりカスタマイズ性が高いのが特徴です。

スクリーンショット 2024-03-15 16.53.41.png

【EXPERIENCE JAPAN PICTOGRAMS】

特徴

海外から見た日本が表現されている

これはシンプルにUIが凝ってたので紹介します。

Image from Gyazo

和テイストを演出したい場合は、良さそうですね!

【ICOOON MONO】

スクリーンショット 2024-03-15 16.57.32.png

こちら色・サイズも変更可能です!

スクリーンショット 2024-03-15 16.57.51.png

【Icon-rainbow】

スクリーンショット 2024-03-15 16.58.32.png

ICOOON MONOと異なり、こちらは、中が肉抜きされているのが特徴。
スクリーンショット 2024-03-15 16.58.51.png

【IFN FREE ICONS】

スクリーンショット 2024-03-15 17.02.00.png

このデザインはどのようなパターンにマッチしているのかなどシチュエーションの記述があるのが特徴です。
 
スクリーンショット 2024-03-15 17.02.20.png

【iconmonstr】

スクリーンショット 2024-03-15 17.00.05.png

デザインパターンが複数提示されるのも面白いですね。

スクリーンショット 2024-03-15 17.00.55.png

【FLAT ICON DESIGN】

POP調なイラストです。

スクリーンショット 2024-03-15 16.22.14.png

【ビジネス系】

【Tech Pic】

特徴

テック系で柔らかい印象

スクリーンショット 2024-03-15 16.31.11.png

また、家電関係のイラストも多めのイメージです。

スクリーンショット 2024-03-15 16.32.06.png

【unDraw】

特徴

Tech系のイメージが多い

個人的にはこれをよくみます。Techや仮想通貨系のアプリで多い印象です。

スクリーンショット 2024-03-15 16.23.01.png

カラーコードも変更できるので、アプリとの親和性もよし!

スクリーンショット 2024-03-15 16.24.30.png

【storyset】

クレジット記載
必須

特徴

海外っぽく、unDrawと比べるとデフォルメが薄め

スクリーンショット 2024-03-15 16.28.32.png

また先ほど同様、カラーコードだけでなく、レイヤーの変更で簡単なカスタマイズも可!

スクリーンショット 2024-03-15 16.27.24.png

ただし、本素材の使用には、クレジットの表記には気をつけましょう。

【漫画系】

【漫画パーツストック】

特徴

the 漫画アプリにピッタリ

◎集中線のパターン

スクリーンショット 2024-03-15 16.08.52.png

◎怒りのパターン

スクリーンショット 2024-03-15 16.12.44.png

また、フォトショを介さず、色やサイズを変更できるのが高ポイントですね。

スクリーンショット 2024-03-15 16.11.16.png

【ダ鳥獣戯画】

特徴

そのまんま「鳥獣戯画」

タイトルのまんまです。

スクリーンショット 2024-03-15 16.16.31.png

細かいレイアウト調整もよしですね。

Image from Gyazo

【農民イラスト】

特徴

農業系特化のイラスト

スクリーンショット 2024-03-15 16.20.44.png

【フキダシデザイン】

【かわいい系】

【kyuncuts】

特徴

かわいい系のものが多め

子育てなどのアプリ利用などが望ましいと思われます。

スクリーンショット 2024-03-15 16.44.21.png

スクリーンショット 2024-03-15 16.46.27.png

【その他】

【oisishiso】

特徴

美味しそうなものの素材ならこれ

飯テロです。(笑)

スクリーンショット 2024-03-15 16.50.48.png

艶感もしっかり表現されているので、かなりクオリティがたかい印象を感じます。

スクリーンショット 2024-03-15 16.51.51.png

【pixabay】

【o-dan】

検索でフリー素材を引っ張ってこれます。

スクリーンショット 2024-03-15 18.15.28.png

風景など撮影特化のサイトにはおすすめです!

スクリーンショット 2024-03-15 18.16.20.png

【PAKUTASO】

特徴

Youtubeのサムネ的なやつ

Youtube的な雰囲気にはなりますが、このような素材を使用するもの良いかもです。

スクリーンショット 2024-03-15 18.18.44.png

【まとめ】

ここまでお疲れ様でした!
たくさんご紹介しましたが、いかがでしたでしょうか?
ぜひアプリ作成の参考になれば幸いです!

また、注意点ですが、クレジット表記が必要なものなど使用上で注意点があるものの取り扱いには注意して使用しましょう〜!

275
390
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
275
390