OPEN

Blog20172017年以前の旧ブログ

2015.11.16

デザインするとき便利なあれこれ

さのし さのし Other Blog

こんにちは。
たまにはデザイナーっぽいブログを書いてみようかと思います。
Webデザイン製作をする上でよく使うサイトをまとめてみました。
知ってるものもあるかと思いますが、生暖かい目で見守ってください。
 

Webデザイン製作で使う便利サイトまとめ

フォント系

wordmark
http://wordmark.it
英字限定ですが、自分のパソコンに入っている欧文フォント一覧を表示してくれるサイトです。
テキスト部分に文字を打ち込むとそのまま反映されるので重宝します。
 
WhatTheFont
https://www.myfonts.com/WhatTheFont/
画像から似た欧文フォントを探してくれるサイトです。
あまり個性的な文字はうまいこと見つかりません。また、探し出せても有料である場合が多いです。
アプリがあるので、旅先で気になった英字の看板などを写真で撮ってその場で検索する事もできるのが個人的には利点です。
 

配色系

color-sample.com
http://www.color-sample.com
こんな色が欲しい〜と思ったときに色を探すのがとても簡単で気に入っています。
感覚的にパレットが弄れるので個人的に使いやすいです。
 
原色大辞典
http://www.colordic.org
一覧になっているので、いろんな色の中から選びたいときにこちらを使います。
和色大辞典、洋色大辞典、パステルカラーなどの組み分けがあり、和色など個性的な色味なので重宝します。
 
coolors.co
https://coolors.co/
全体の色を見比べたいときにこのサイトを使います。
人が作ったパレットを見るのも面白いです。
 

フリー素材系

freepik
http://jp.freepik.com
ベクター素材が豊富です。
検索ワードを見つけるのが難解なので初見はタグを伝っていくと
どんなものがあるのか把握しやすいです。
 
フォトAC
http://www.photo-ac.com
いわずと知れたフリー写真のサイト。月額168円でプレミアム会員になればとても快適です。
一つ会員登録すれば、下記同系列のサイトも全てプレミアムで使えるのでお得です。
http://www.ac-illust.com
http://www.silhouette-ac.com
 
subtlepatterns.com
http://subtlepatterns.com
シンプルなパターンを探すのにとても重宝します。
主張しすぎず種類が豊富なのがとてもいいです。
 

デザイン参考サイト

muuuuu.org
http://muuuuu.org/
量が豊富で更新も頻繁。
カテゴリ分けも好みのものが多く一番重宝しているサイトです。
あとは大体まとめてくれているところから探します。
 

その他

グーグルドライブ
https://www.google.com/intl/ja_jp/drive/
主に文字抽出に使っています。
JPGでスクリーンショットした画像の文章をアップし、アプリを使う→グーグルドキュメントで文字抽出できます。
変なフォントでなければ大抵のものは変換できますので、重宝しています。
(似た文字の誤変換、画像の改行部分に半角スペースが入るなど多少の調整は必要。
一言一句間違っていないか確認が必要です。)
 

情報系

MdN Design Interactive
http://www.mdn.co.jp/di/
デザイン系の情報誌でおなじみのMDNデザインのニュースサイトです。
新しい本の情報だけでなく、展覧会の情報、新しいWebツールや日本全国のコンペの情報、あらゆるデザイン系のニュースが流れるのでとても楽しいです。
 
ピンタレスト
https://jp.pinterest.com
最近始めました。
自分用のギャラリーとして使っています。メモとしても使えるし眺めるだけでも楽しいです。
意外とゆったりとタイムラインが流れているので、次々流れてくる感じでなくていいです。
 
いかがでしたでしょうか。
なにかの参考になれば幸いです。
(最後の方は私のお昼休みの娯楽でした。)
他にも便利なサイトはありますが、代表的なところを紹介しました。
AI、PSの便利な使い方なども今後紹介していけたらな〜と思ってます。
(他の方がやるかもですが…)
よいサイトがあったら教えてください。
 

TOP