はじめに
WEBアプリケーションやスマートフォンアプリケーションを開発するときのデザインで「色・アイコン」などの選定に困ったことはありませんか？
今回はそんな時に使えるサイトを紹介します！
色の参考サイト
Picular
Picular is a rocket fast primary color generator using Googl…
原色大辞典
uiGradients
uiGradients is a handpicked collection of beautiful color gr…
配色の見本帳
選んだカラーコードから色の成分情報とカラーパターンを検索することができます。Webカラーの数値から調べられるのでメインの…
SCHEME COLOR
SchemeColor.com is a top-rated website to download, create a…
HUE360
uiGradients is a handpicked collection of beautiful color gr…
アイコンの参考サイト
Flaticon
Download Free Icons and Stickers for your projects. Images m…
Loose Drawing
シンプルなイラストが見つかるフリー素材サイト Loose Drawing。広告、フライヤー、ポスター、企画書、スライド資…
ソコスト
ちょうどいいイラスト
商用利用可、クレジット表記不要のフリーイラスト素材を配布中。どんなシーンにも大体はまる、シンプルでかわいいイラストを配布…
Linustock
Open Peeps is a hand-drawn illustration library to create sc…
SHiGURENi
｢shigureni free illust｣で配布しているイラスト素材は、規約の範囲内であれば個人・法人・商用・非商用…
manypixels
Discover a diverse range of stunning illustrations at ManyPi…
ISOMETRIC
unDraw
The design project with open-source illustrations for any id…
ICOON MONO
6000個以上のアイコン素材を無料でダウンロードできるサイト ICOOON MONO…
Material icons
Icon-rainbow
商用利用可能な無料のアイコンをすぐにダウンロードできるアイコン素材配布サイトです。…
ダ鳥獣ギ画
鳥獣戯画のベクターデータ配布サイト。新しい戯画もあり。…
Human Pictogram 2.0
人間ピクトグラム素材のギャラリー…
いらすとや
いらすとやは季節のイベント・動物・子供などのかわいいイラストが沢山見つかるフリー素材サイトです。…
Bootstrap Icons
Official open source SVG icon library for Bootstrap…
Facebook Design
Design at Meta is a community dedicated to what's new in des…
lordicon
Powerful animated icon library with 8,900+ free and premium …
CSSの参考サイト
pico.css
Elegant styles for all native HTML elements without .classes…
imagehober.css
A lovingly crafted CSS Image Hover animation Library…
AMBURGERS
Beautiful CSS 3D
Beautiful CSS 3D transform examples using a single div that …
Neumorphism .io
CSS code generator that will help with colors, gradients and…
Glassmorphism .io
Glassmorphism is a unified name for the popular Frosted Glas…
おわりに
今回はWEBアプリケーションやスマートフォンアプリケーションを開発するときのデザインでとても参考になるサイトを紹介しました！
デザインをしなくてもプレゼンテーションの素材として使うにも便利ですね！
本ブログでは今後も便利なサイトやFlutter、GAS、Pythonについての記事を書いていきますので、フォローお願いします。