2018年【1-6月】使用中のおすすめWebサービス(デザイン系)リスト

2018年【1-6月】使用中のおすすめWebサービス(デザイン系)リストです。こちらもここから精査したりしていければと思います。
※画像は全てリンク先ページより転載しています。

おすすめシリーズ

  1. 2018年【1-6月】使用中のTrelloのおすすめエクステンションリスト – Ninolog
  2. 2018年【1-6月】使用中のChromeのおすすめエクステンションリスト – Ninolog
  3. 2018年【1-6月】使用中のMacのおすすめインストールアプリリスト – Ninolog
  4. 2018年【1-6月】使用中のおすすめWebサービス(Web解析系)リスト – Ninolog
  5. 2018年【1-6月】使用中のおすすめWebサービス(デザイン系)リスト – Ninolog
  6. 2018年【1-6月】使用中のおすすめWebサービス(プログラミング系)リスト – Ninolog

リスト

画像素材

FIND/47

クリエィティブ・コモンズ写真素材サービス。経済産業省が運営している日本の情景写真素材サイト。自分と縁のある県の写真を見てみるのも面白いかも。

Unsplash

クリエィティブ・コモンズ写真素材サービス。Trelloの背景画像って良いのばっかりだなと思っていたら、結構有名な写真素材サイトでした。個人的には雰囲気がすごく好きです。

CREATIVE COMMONS PHOTO SEARCH in Flickr

クリエィティブ・コモンズ写真素材サービス。Flickrの中から、クリエィティブ・コモンズの写真素材を検索できます。

Adobe Stock

クリエィティブ・コモンズ写真素材サービス。AdobeStockは便利そうだからブックマークでキープしてて、実際に使ったことはまだありません。CS6が俺のMacの中に入ってるけど、あまり活かせてない。

画面サイズ

スマタブinfo

0S・ブラウザシェア調査サービス。日本国内のスマートフォン・タブレットのスペック情報やシェアを調べることができます。どの範囲のOSバージョンや画面サイズに対応しないといけないかの調査に使います。

NetMarketShare

0S・ブラウザシェア調査サービス。スマタブinfoがあるのであくまで補助的に使っています。

カラーパターン

Cool Backgrounds

背景素材生成ツール。グラデーションが綺麗に活かされてる背景素材を作れます。

NIPPON COLORS

色見本サービス。日本の和の色を知ることをできます。結構前から使ってますが、何気なく見てるだけでも楽しいです。

Coolors.co

カラーパレット生成サービス。配色を考えるときの参考に使います。

WEB色見本 原色大辞典

カラーコード検索サービス。色の名前とカラーコードを調べる時にあると便利。

配色パターン見本40選

配色パターン確認ツール。配色を考えるときの参考に使います。

フォント

Wordmark.it

インストールフォント確認サービス。一覧表示できるのでトンマナを考える時にさっと見れて便利です。

Modulator

レイアウトサイズシュミレータ。デザインのバランスを決める際の基準イメージを作れます。

フローチャート/サイトマップ

draw.io

作図アプリケーション。デフォルトでGoogleドライブなどのクラウドサービス上で、チャートやサイトマップなど様々な資料作成に役立ちます。

FlowMapp

作図サービス。サイトマップやフローチャートを作成する時に便利です。各レイヤーごとに作業権限をもたせたり、共有できたりとチームで作っていくには便利なんじゃないかなと思っています。

Whimsical

作図サービス。サイトマップやワイヤーフレームフローチャートを作成する時も便利です。

ワイヤーフレーム/プロトタイプ

STUDIO

プロトタイプデザインサービス。プロトタイプやワイヤーフレームをコードを書かずに作成できます。完全日本語対応だし、デザインも素敵なので良い感じ。

Prott

ワイヤーフレーム作成サービス。スマートフォン向けのWebサイトやアプリのワイヤーフレームを作成するサービスで初めて使ったのはこれ。

POP

ワイヤーフレーム作成サービス。POPの特徴は紙に書いたワイヤーフレームのイメージをカメラで撮影することで、簡単にワイヤーフレームを作成できます。ラフ案のタイミングで動作イメージを把握したい時には良いんじゃないかと思う。

Figma

UI/UXデザインサービス。Sketchとよく比較されていて、Sketchと違いWeb上で使用できるので複数人でコラボレーションできるのが売りの一つらしいですが、それ逆にまとまらないような気もしなくもないです。。ブックマーク上でキープしていますが、まだ実際に使ったことはありませんので、今後に注目。

画像加工

Canva

グラフィックデザインツール。高機能で画像の作成や加工にとても便利でPhotoshopよりもこっちを使ってしまっています。

TinyPNG

画像圧縮サービス。画像サイズを小さくする時に使用しています。さっと使いたい時とかに便利です。

SVGOMG

SVGファイル最適化サービス。不要なデータを取り除いてくれるらしいです。

METALLIC RATIO

比率計算サービス。黄金比や白銀比を測定する時に便利です。

web計。

比率計算サービス。こちらは実際に値を入力した上で、黄金比や白銀比を測定できます。

Placehold.jp

ダミー画像生成サービス。テストで使用したりする時用のダミー画像を作れます。

その他

Mockup Photos

モックアップ作成サービス。完成した画面やデザインを使って実際に使用しているイメージ画像を作れます。

Favicon Generator for all platforms

Favicon生成サービス。コードの出力と実際のブラウザでの表示のされ方もチェックしてくれます。

Gridpx

グリッドデザイン計算ツール。カラム幅を計算してくれます。

Brandmark Logo Maker

ロゴ自動作成サービス。AIがロゴを提案してくれますあくまで参考で入れています。

その他情報