5
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

WebやアプリのUIデザインで超使える「モダンなイラスト」が無料で手に入るサイト3選

Last updated at Posted at 2021-10-16

はじめに

こんな感じのイラストがあるだけで、サイトやアプリがいい雰囲気になると思いませんか??!
スクリーンショット 2021-10-16 16.29.41.png

スクリーンショット 2021-10-16 16.29.53.png

(👆UIがすげーモダンな雰囲気をかましてるZennより)

スクリーンショット 2021-10-16 16.38.09.png

スクリーンショット 2021-10-16 16.39.38.png

(👆UIがすげーモダンな雰囲気をかましてるeat play worksより)

でもこーゆー感じのイラストってどこで手に入るのでしょうか?(かつ無料で)

日本で一番有名であろうフリー画像「いらすとや」とは完全に路線が違います。

もっと言うと、どこか海外っぽい雰囲気というか。。(あんまりこーゆー言い方は好きじゃないけど。。。)
なんかクール、と感じる人は多いのではないでしょうか?

今回はこんな感じのモダンなイラストが無料で手に入るサイトをご紹介!

freepik

スクリーンショット 2021-10-16 17.19.21.png
「Free」にチェックを入れて、検索欄に「Illustrations」を入れるとOK!上記リンクでは既に入ってるかと。

何やらみたことありそうなイラストがずらっと並んでますね〜:smile:

検索キーワードを追加したいときは、Illustrationsの後に半角スペースで開けた後に好きな英単語を入れると絞り込めます!

欲しいイラストを選択して
Download→Free download

スクリーンショット 2021-10-16 17.24.24.png

無料のやつは1日にダウンロードできる上限があるので(確か5個くらいが上限?)、たくさん欲しい場合は数日に分けてダウンロードしましょう。

undraw

スクリーンショット 2021-10-16 17.26.55.png

undrawは統一感のあるイラストを揃えることができます!

右上のカラーパネルを押すと、イラスト全てのテーマカラーが変化します。これはすごい:heart_eyes:
スクリーンショット 2021-10-16 17.27.45.png

サイトやアプリのテーマに合わせて、イラストのカラーも親和性を持たせることが可能となります!

めちゃくちゃ数が多いので、キーワードで検索したい場合はカラーパネル横の「Search」を押して検索欄を表示させましょう。

manypixels

スクリーンショット 2021-10-16 17.36.04.png

使い方はほぼ「undraw」と同じ。

少し違う点と言えば、manypixelsの方はもう少し「いらすとや」に近い可愛さのあるイラストが含まれてますw

スクリーンショット 2021-10-16 21.49.47.png

スクリーンショット 2021-10-16 21.49.57.png

利用例

ちなみに僕は自分の運営してるアプリで、こんな感じで使ってます〜

スクリーンショット 2021-10-16 21.44.18.png

イラストが入るだけでいい感じのログイン画面に!

スクリーンショット 2021-10-16 21.44.55.png

5
4
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
5
4

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?