Edited at

ブックマークしているデザイン系サイトまとめ

More than 1 year has passed since last update.


はじめに

デザイン系サイトのブックマークが増え、どれがどんなサイトかわからなくなってきたのでまとめました。


フォント

Google Fonts

言わずもがな。 たくさんあって楽しい。

フォントフリー

日本語のフリーフォントがたくさん集まっているサイト。

Wordmark.it

文字を入力すると、PC内にインストールされているフォント一覧でプレビューを表示してくれるサイト。


想像以上にたくさんブックマークしてました。


カラーパレットの生成

Adobe Color CC

言わずもがな。いろんな人の配色も見られる。

HUE/360



好きな色を選択すると、それをキーカラーとして調和の取れる色に絞り込んでくれる。おしゃれ。

Coolors.co



スペースキーを押すとどんどん配色を生成してくれる。一番よく使う。iOSアプリもあるので好き。

 

Material Design Color Palette



好きな2色を選ぶと、マテリアルデザインのカラーパレットを作ってくれる。

Color Supply



指定した色でカラーパレットを作ってくれる。選択肢が少ないので選びやすい。プレビュー画像が可愛い。

Paletton

指定した色でカラーパレットを作ってくれる。ちょっと微妙な配色だけど、提案してくれる色の数が多い。


グラデーション

綺麗なグラデーションを集めたサイト。グラデーションって自分で作ろうとすると意外と難しい。

coolHue

綺麗なグラデーションを集めたサイト2。量は少ないけれど控えめで使い勝手の良さそうな配色がまとめられている。

0to255



指定した色でグラデーションしたパレットを作ってくれるサイト。


その他

MaterialUI

マテリアルデザインのガイドラインに沿った配色をまとめたサイト。SNSのカラーパレットやWindowsのカラーパレットもある。アイコン画像やWEBで使えるアイコンフォントもあるけど、利用規約が見つからないので使ったことはない。

NIPPON COLORS



日本の伝統色を集めたサイト。右側にある"MUNSELL"をオンにするとすごい。

Colorable



文字色と背景色を入れると、その二色の可読性を判定してくれるサイト。


アイコン

iconmonstr

アプリ向けのアイコンがたくさんある。フォーマットはSVG, EPS, PSD, PNG, FONTの5種類が用意されている。PNGはその場で色や大きさの編集が可能。

Free vector icons

スライド向けのアイコンがたくさんある。いろんなデザイナーのアイコンが集まっており、故に利用規約も様々。

MakeAppIcon

画像を一枚渡してあげると、iOS/Androidアプリアイコン用解像度のものをまとめて生成してくれる。めちゃくちゃ便利。


素材

Unsplash



プロが撮影したハイクオリティな写真がたくさん集まるサイト。にもかかわらずクレジットなしで商用利用までできる。最高の一言に尽きる。


ロゴ

Logojoy

好きなロゴや色、アイコンを選択するといい感じなロゴを生成してくれるサイト。


UI

Pttrns

たくさんのスマホアプリのUIがカテゴリ別にまとめられているサイト。でも有料になってしまった、、、。


メディア

Pinterest, Dribbble, Designspiration, Tumblr

言わずもがな。おしゃれなデザインがたくさん集まる。

ZUNNY

おしゃれなインフォグラフィックスがたくさん乗っているサイト。

DEKIMAGA

Photoshopのチュートリアルがたくさん用意されている。素材まで付いているので便利。

OpenProcessing



Processingの作品が集まるサイト。遊べるだけでなく、コードまで見ることができる。

WebNAUT

デザインだけでなく、テクノロジーやノウハウに関する記事が掲載されているメディア。


まとめ

「そういえばブックマークしてたなあ」となるサイトがたくさんありました。宝の持ち腐れになっていたのでこれから活用していきたいです。フォントの情報を仕入れるサイトが少ないことに気がついたので、オススメあったら教えてください