【総まとめ】2015年海外で話題になったWebデザイナ―ツール50選

2015年も様々なWebデザイン、フロントエンドツールが生まれていました。今回はその中でも今年特に話題になった、Webデザイン・フロントエンドツールを50選紹介します。日本ではあまり話題にはならかったけれども、導入したくなるような魅力的なツールが、数多く揃っているので是非御覧ください。

2015年Webデザイナー向けツール50選

それぞれ次のようにまとめているので、興味のあるところから見ていきましょう!

素材収集サイト(12)
カラーセレクトツール(5)
情報収集サイト・インスピレーションサイト(8)
便利なJavaScriptライブラリ(6)
Webデザイナー向け一般ツール(19)

素材収集サイト

アイコンや画像などWebデザインにおいて欠かせない素材集集サイトがこの2015年にもたくさん新登場しました。その中でも特に使える室の良いフリー素材サイトをご紹介していきます。

Facebookデザイナーが作成したフリー素材集

ハイクオリティ画像収集サイト

高クオリティ画像検索サイト

一流デザイナーによるフリーアイコン集

必須アイコン集8000個

美しい、カスタム可能なアニメGIFアイコン集

アイコンを簡単に探す、使うためのツール

美しいアイコンのプラットフォーム

BootstrapやWordPressなどのテンプレテーマキュレーションサイト

美しいハイクオリティ画像収集サイト

1万以上のハイクオリティな画像収集サイト

芸術的な無料の画像集

カラーセレクトツール

少しカラーコードが違うだけでも、全く変わった印象を受ける「色」。その色選択で迷った時の手助けとなるような「色」に関するサイトをご紹介します。



様々なWebサイトのカラーコードをクリックひとつで取得できるサービス

美しい色の組み合わせのキュレーションサイト

マテリアルデザインのカラーパレットサイト

カラーパレットを簡単に見つけるツール

シンプルで美しいCSS3 グラデーションを作成するツール

情報収集サイト・インスピレーションサイト

最新のWebデザイン動向を知る上でも、どこのWebサイトから情報を仕入れるのかは大切なところ。また、日々いろいろなWebデザインに触れることでインスピレーションを受け、「良い」と思えるものを体に染み込ませることも大切です。その一助となるような、情報サイトをご紹介します。


UI/UX関連情報キュレーションサイト

日々の素晴らしいUIデザインキュレーションサイト

ランディングページのインスピレーションを受けるキュレーションサイト

日々のUI要素100個

iOS/Macの創造的なデザインキュレーションサイト

素晴らしいWebデザインのキュレーションサイト

ランディングページのインスピレーションを受けるキュレーションサイト

モダンなWebサイトを作るのに役立つ書体インスピレーションサイト

便利なJavaScriptライブラリ

何かと便利なJavaScriptライブラリ。今年もWebデザイナーやフロントエンドエンジニアが、様々なJavaScriptライブラリを公開しました。その中でも導入してみたくなるような、魅力的なライブラリをまとめています。



ガイド機能を簡単に付けられるJavaScript

簡単に画像の色を抽出してカスタムできるJavaScript

講座認証を可能にするJavaScript

一瞬で美しいブッキングウィジェットを埋め込めるJavaScript

最高の検索UIを実現するJavaScript

日付を細かく設定して表示まで簡単にできるJavaScript

Webデザイナー向け一般ツール

その他、一般的にWebデザイナー向けのツールをご紹介します。かゆいところに手が届くようなツールが今年は沢山そろっています。ぜひご活用ください。



スマホ上でアプリのモックアップを作成

どのUIが効果あり?15のA/Bテスト結果

コーディング不要!簡単に3D効果をCSSでつけるツール

リアルな手書き文章を作成するAPI

ノンコードでWebアプリを作成するビジュアルプログラミング

Web上で簡単にサイトへフィードバックを送ったり、共有できるChrome拡張

プロのように写真の配色調整が簡単にできるスマホアプリ

フロントエンドエンジニア・デザイナーの主要ツール一覧

スタイルガイドを5分以内に作成するツール

同時共同でデザインを作成するツール

驚くほど画面録画を簡単にしたツール

効率的にレスポンシブデザインを作成するためのSketchプラグイン

動画をGIFに驚異的に簡単にしたツール

SNSにフィットする完璧な画像を簡単に作成するツール

UX/UIデザイン、プロトタイピングツール

あらゆるデバイスで、あらゆるデザインのWebサイトを作る無料ツール

ソースコードで書体を作成するツール

美しいインタラクションを最速で設計するツール

URLを入力すると自動でLOGOを取得するAPI

終わりに

いかがでしたか?画像探しや、デザインのインスピレーション、デザイントレンド、などなど、Webデザイナーやフロントエンドエンジニアにとっては、これまで使っていた似たようなツール以上のものがあったのではないでしょうか。

もし今回使ってみたいツールを見つけましたら、実際に導入してみてもいいかもしれませんね。

こちらの記事もお勧めです