こんにちは。UIデザイナーのYOSOSHIです。久しぶりにブログを更新しました。
ますます成熟していくアプリデザイン、UIデザインの領域で、本日はUIデザインの制作するとき役に立つ素材サイトをまとめたいと思います。
スポンサーリンク
イラスト素材
ちょうどいいイラスト
商用可・フリーイラスト素材集|ちょうどいいイラスト
大体どんなシーンにも使える、シンプルでかわいいフリーイラスト素材をeps・pngで配布中。商用利用可、クレジット表記不要。
loosedrawing.com
無料で商用可のフリーイラスト素材|Loose Drawing
シンプルなイラストが見つかるフリー素材サイト Loose Drawing。商用利用可能。広告、フライヤー、ポスター、企画書、スライド資料など様々なデザイン制作で使えるイラストを無料で更新しています。
shigureni
商用可・女の子のフリーイラスト素材・アイコン素材 │ shigureni free illust
「shigureni free illust」で配布しているイラスト素材は、規約の範囲内であれば個人・法人・商用・非商用を問わず無料でご利用いただけます。
ソコスト
商用可・フリーイラスト素材|ソコスト
商用可のシンプルでかわいいフリーイラスト素材集。画像・ベクター形式でDL!色変更可能!
unDraw
Illustrations | unDraw
Browse the complete unDraw collection of open-source illustrations. Find and customize the perfect illustration for your next project or website.
manypixels
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
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://clouddevs.com/3dbay/
LottieFiles
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://www.flaticon.com/
icons8
無料ベクターアイコン — 1,409,500個のアイコンをダウンロード(SVG、PNG)
グラフィックデザイン、UI、ソーシャルメディア、モバイル向けの無料アイコンをお試しください。高品質な静的アイコンやアニメーションアイコンを検索できます。PNG、SVG、GIF、AE 形式。
まとめ
今回はいくつかの素材サイトを紹介しました。ちょっとした画面内の説明で使う素材や、メインビジュアルとして使う素材など、さまざまなUIデザインの場面で使える素材は網羅しているかなと思います。
また、ベクター形式なら、色やアウトラインの有無など、ある程度サイト上編集できるという素材サイトが多くなって、素材の使用には自由度が高まりますね。
アニメーションを使いたい場合は、Lottieファイルを活用するなども、LottieFileから色々な素材があります。
ぜひご自身のUIデザインで活用してみてください。