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

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

2015年も様々なWebデザイン、フロントエンドツールが生まれていました

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

また、こちらの記事も合わせてどうぞ。
2015年リリースされ、海外で話題になったWebエンジニアツール24選

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

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

素材収集サイト

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

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

Facebook Design Resources

サイトリンク:「Facebook Design Resources

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

Stock Up

サイトリンク:「Stock Up 2.0

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

スクリーンショット 2015-12-28 15.57.51

サイトリンク:「Pexels2.0

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

IconStore

サイトリンク:「IconStore

必須アイコン集8000個

nova

サイトリンク:「Nova

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

Animaticons

サイトリンク:「Animaticons

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

Iconjar

サイトリンク:「Iconjar

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

Glyphs Company

サイトリンク:「GlyphsCompany

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

Template Stash

サイトリンク:「Template Stash

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

MyStock

サイトリンク:「MyStockPhotos

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

tookapic

サイトリンク:「Tookapic Stock Photos

芸術的な無料の画像集

skuawk

サイトリンク:「SkuawkPublic Domain Photos

カラーセレクトツール

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

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

Social Colors

サイトリンク:「Social Colors

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

Color Hunt

サイトリンク:「ColorHunt

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

Material UI Colors

サイトリンク:「Material UI Colors

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

PLTTS

サイトリンク:「PLLTS

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

Blend

サイトリンク:「Blend

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

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

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

uxmill

サイトリンク:「uxmill

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

UI Movement

サイトリンク:「UIMovement

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

Landingfolio

サイトリンク:「LandingFolio

日々のUI要素100個

100 Days UI

サイトリンク:「100Days UI

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

iOS Mac Design and Development Daily – iOSUp

サイトリンク:「iOS-up

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

Inspirizon

サイトリンク:「Inspirizone

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

Landing Pages Collection

サイトリンク:「Lapa

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

Typewolf

サイトリンク:「Typewolf

便利なJavaScriptライブラリ

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

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

Intro

サイトリンク:「Intro.js v2.0

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

Colorify.js

サイトリンク:「Colorify.js

講座認証を可能にするJavaScript

Dwolla.js Bank Verification

サイトリンク:「Dwolla.js

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

Booking

サイトリンク:「Booking.js by Timekit

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

instantsearch.js

サイトリンク:「instantsearch.js by Algolia

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

Moment.js Home

サイトリンク:「Moment.js

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

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

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

Inspr

サイトリンク:「Inspr

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

GoodUI EVIDENCE

サイトリンク:「GoodUI Evidence

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

Build 3D

サイトリンク:「Webflow 3D Transforms

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

Handwriting API

サイトリンク:「Handwriting.io

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

Bubble Visual Programming

サイトリンク:「Bubble

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

Codesign

サイトリンク:「Codesign.io for Chrome

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

Show Hide on the App Store

サイトリンク:「Show & Hide

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

Front End List Toolkits

サイトリンク:「Front-End List

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

Create Free Brand

サイトリンク:「Frontify

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

Figma

サイトリンク:「Figma

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

ilos

サイトリンク:「ilos

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

matt curtis

サイトリンク:「Fluid for Sketch

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

Droptogif by mortenjust

サイトリンク:「Drop toGIF

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

Pablo by Buffer

サイトリンク:「Pablo2.0 by Buffer

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

Adobe Project Comet

サイトリンク:「Adobe Comet

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

Weld Build web

サイトリンク:「WeldWebsites

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

Hack

サイトリンク:「Hack

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

Atomic

サイトリンク:「Atomic

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

Company Logo API

サイトリンク:「Company Logo API

終わりに

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

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

こちらの記事もお勧めです
2015年リリースされ、海外で話題になったWebエンジニアツール24選

関連するまとめ

このまとめに関するまとめ

アクセスランキング

最近アクセス数の多い人気のまとめ