こんにちは。UIデザイナーのYOSOSHIです。久しぶりにブログを更新しました。
ますます成熟していくアプリデザイン、UIデザインの領域で、本日はUIデザインの制作するとき役に立つ素材サイトをまとめたいと思います。
スポンサーリンク
イラスト素材
ちょうどいいイラスト
![](https://yososhi.com/wp-content/uploads/simplicity-cache/3affa728ed71b83abafdb17de5dff618.png)
商用可・フリーイラスト素材集|ちょうどいいイラスト
無料で商用利用OK!クレジット表記不要のフリーイラスト素材を配布中。どんなシーンにも大体はまる、シンプルでかわいいイラストを配布しています。
loosedrawing.com
![](https://yososhi.com/wp-content/uploads/simplicity-cache/3278f84c4c100819f10f36f097543b2b.png)
無料で商用可のフリーイラスト素材|Loose Drawing
シンプルなイラストが見つかるフリー素材サイト Loose Drawing。商用利用可能。広告、フライヤー、ポスター、企画書、スライド資料など様々なデザイン制作で使えるイラストを無料で更新しています。
shigureni
![](https://yososhi.com/wp-content/uploads/simplicity-cache/0b4c1617bd2856dcd5c46eb56caf77bf.png)
shigureni free illust │ 素朴でかわいい女の子のイラスト素材サイト
「shigureni free illust」で配布しているイラスト素材は、規約の範囲内であれば個人・法人・商用・非商用を問わず無料でご利用いただけます。
ソコスト
![](https://yososhi.com/wp-content/uploads/simplicity-cache/90708049188b1f1f1f03bf7dfa148380.png)
商用可・フリーイラスト素材|ソコスト
商用可のシンプルでかわいいフリーイラスト素材集。画像・ベクター形式でDL!色変更可能!
unDraw
![](https://yososhi.com/wp-content/uploads/simplicity-cache/4f49aa7b15884f86a8191beb4964a5d8.png)
Illustrations | unDraw
The design project with open-source illustrations for any idea you can imagine and create. Create beautiful websites, products and applications with your color,...
manypixels
![](https://yososhi.com/wp-content/uploads/simplicity-cache/a01234c1558b953d2d74a88fc7395c66.jpg)
Free to Use Clip Art Images & Vector Illustrations | ManyPixels
Discover a diverse range of stunning illustrations at ManyPixels Design Gallery. Power up your designs with visual brilliance!
Doodle Ipsum
Doodle Ipsum
Illustration placeholders for developers. Powered by Blush
Shape
![](https://yososhi.com/wp-content/uploads/simplicity-cache/d7c62996e5f60ef95af5c2a28cf22258.jpg)
Shape 2 - Icons & Illustrations to SVG, Lottie, React
Shape lets you customize the style, colors and border of static & animated icons and illustrations. You can export to React, SVG and Lottie code.
3D Bay
![](https://yososhi.com/wp-content/uploads/simplicity-cache/e29f31758c2123f2d3bd549bba20904a.png)
Free 3D Images & Illustrations - 3D Bay
The world’s largest free 3D image collection is at your service! Select from our wide range of high-quality, royalty-free 3D illustrations & create your design ...
LottieFiles
![](https://yososhi.com/wp-content/uploads/simplicity-cache/77f6fc89ef3f7aa34376cf50e01e39bf.png)
LottieFiles: Download Free lightweight animations for website & apps.
Effortlessly bring the smallest, free, ready-to-use motion graphics for the web, app, social, and designs. Create, edit, test, collaborate, and ship Lottie anim...
icon素材
flaticon
![](https://yososhi.com/wp-content/uploads/simplicity-cache/cfb0a827e7fbc9514e2fb4bfb1528dbf.jpg)
Free Icons and Stickers - Millions of images to download
Download Free Icons and Stickers for your projects. Images made by and for designers in PNG, SVG, EPS, PSD and CSS formats
icons8
無料ベクターアイコン — 1,358,500個のアイコンをダウンロード(SVG、PNG)
グラフィックデザイン、UI、ソーシャルメディア、モバイル向けの無料アイコンをお試しください。高品質な静的アイコンやアニメーションアイコンを検索できます。PNG、SVG、GIF、AE 形式。
まとめ
今回はいくつかの素材サイトを紹介しました。ちょっとした画面内の説明で使う素材や、メインビジュアルとして使う素材など、さまざまなUIデザインの場面で使える素材は網羅しているかなと思います。
また、ベクター形式なら、色やアウトラインの有無など、ある程度サイト上編集できるという素材サイトが多くなって、素材の使用には自由度が高まりますね。
アニメーションを使いたい場合は、Lottieファイルを活用するなども、LottieFileから色々な素材があります。
ぜひご自身のUIデザインで活用してみてください。