こんにちは。UIデザイナーのYOSOSHIです。久しぶりにブログを更新しました。
ますます成熟していくアプリデザイン、UIデザインの領域で、本日はUIデザインの制作するとき役に立つ素材サイトをまとめたいと思います。
スポンサーリンク
イラスト素材
ちょうどいいイラスト
商用可・フリーイラスト素材集｜ちょうどいいイラスト
大体どんなシーンにも使える、シンプルでかわいいフリーイラスト素材をeps・pngで配布中。商用利用可、クレジット表記不要。
loosedrawing.com
無料で商用可のフリーイラスト素材｜Loose Drawing
シンプルなイラストが見つかるフリー素材サイト Loose Drawing。商用利用可能。広告、フライヤー、ポスター、企画書、スライド資料など様々なデザイン制作で使えるイラストを無料で更新しています。
shigureni
商用化、女の子のフリーイラスト素材・アイコン素材 │ shigureni free illust
「shigureni free illust」では、商用・非商用を問わず無料で使えるイラスト素材を配布しています。SNSアイコン、サムネイル、チラシ、動画、資料、学校・病院・美容院・推し活など多様な用途で利用可能です。
ソコスト
商用可・フリーイラスト素材｜ソコスト
商用可のシンプルでかわいいフリーイラスト素材集。画像・ベクター形式で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
Download 1,480,700 free icons (SVG, PNG)
Get free icons for graphic design, UI, social media, and mobile. Search for static and animated icons with consistent quality. PNG, SVG, GIF, AE formats.
まとめ
今回はいくつかの素材サイトを紹介しました。ちょっとした画面内の説明で使う素材や、メインビジュアルとして使う素材など、さまざまなUIデザインの場面で使える素材は網羅しているかなと思います。
また、ベクター形式なら、色やアウトラインの有無など、ある程度サイト上編集できるという素材サイトが多くなって、素材の使用には自由度が高まりますね。
アニメーションを使いたい場合は、Lottieファイルを活用するなども、LottieFileから色々な素材があります。
ぜひご自身のUIデザインで活用してみてください。
