はじめに
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
Loose Drawing
シンプルなイラストが見つかるフリー素材サイト Loose Drawing。商用利用可能。広告、フライヤー、ポスター、企画…
ソコスト
ちょうどいいイラスト
無料で商用利用OK！クレジット表記不要のフリーイラスト素材を配布中。どんなシーンにも大体はまる、シンプルでかわいいイラス…
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
isometric.online は、あなたがお探しの情報の全ての最新かつ最適なソースです。一般トピックからここから検索…
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
Designing the future of digital connection…
lordicon
Powerful animated icon library with 20,000+ free and premium…
CSSの参考サイト
pico.css
Minimalist and lightweight starter kit that prioritizes sema…
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についての記事を書いていきますので、フォローお願いします。