Web Design Trends

Webに関わるすべての人のためのメディア

Category

デザインツール

Sketch51がリリース!ついに固定表示がプロトタイピングで利用可能に!

Sketchの新バージョンとなる「Sketch 51」が7月10日にリリースされました。今回のアップデートでは、下記のような注目機能が新たに追加されました。 プロトタイピングでスクロール時に要素の固定...

Figma3.0がリリース!プロトタイピングやスタイル機能が大幅にアップデート

6月22日にFigma3.0のリリースが公開されました。Figmaといえば、ブラウザで動作するデザインツールであり、機能もSketchやAdobe XDと肩を並べるほど高いレベルを誇っています。 そん...

デザインできるコードエディタ「Hadron」がプレビュー版をリリース!

コーディングを行いながらデザイン制作まで行うことができるツール「Hadron」がプレビュー版をリリースしました。多くの注目を集めるツールですが、実際の機能はどのようなものなのでしょうか。 実際の画面を...

コードを書きながらデザイン制作も。注目のコードエディタ「Hadron」とは

デザイン制作とコーディングを同時に行ってしまうという、従来のツールとは一味違ったデザイン制作・コーディングツール「Hadron」に関する情報が公開されました。 従来のデザイン制作とコーディングは別々の...

ProtoPieが日本語に対応!インタラクティブなプロトタイプを作ってみよう

プロトタイピングツール「ProtoPie(プロトパイ)」が日本語に対応しました。ProtoPieは動きやアニメーションを伴うデジタルプロダクトを作るデザイナー向けのプロトタイピングツールです。 また、...

「STUDIO」がついに正式版をリリース!作成したデザインをそのままWebサイトとして公開可能に

STUDIOとは、STUDIO株式会社が提供する国産デザインツールです。デザインツールといえば、SketchやAdobe XD、InVision Studioなどが人気のデザインツールですが、それらの...

本当に使える?Timeline for Sketchの使い方と評価

先日リリースされたTimeline for Sketchとは、Sketch上でアニメーションを作成できるというプラグインです。Sketchでアニメーションが作成できるということで、リリース前からデザイ...

Sketchでスマホアプリが作れる!?Supernova Studioとは

またまた驚きのツールが登場しました。Supernova Studioは、Sketchで作成したデザインデータからスマートフォンのネイティブアプリ用のコードを出力することができるというツールです。 ただ...

Adobe XDにSketchとPhotoshopファイルのインポート機能が追加!

Adobeが提供するAdobe XDが2018年3月のアップデートでSketchファイルとPhotoshopファイルのインポート機能が追加されました。デザインツールを乗り換える時の一番の悩みがこれまで...

Sketch上でアニメーションがデザインできるプラグイン「Timeline for Sketch」

Timeline for Sketchは、Sketch上でアニメーションのデザインが作成できるプラグインです。Sketchと言えばUIデザインの代表的なツールですが、アニメーションのデザインは標準機能...

画面遷移図が簡単に!「Overflow」のリリースが待ちきれない

デザインを作成したら、フィードバックをもらい改善するサイクルを短期間で繰り返すというスタイルがアジャイル型のプロダクト開発ではとても重要です。 最近では、プロトタイプを使ってデザインのフィードバックを...

Sketchにプロトタイピング機能が登場!Sketch Cloudでのライブラリ共有も必見!

UIデザインツールのスタンダードになりつつあるSketchが、2月28日にプロトタイピング機能やSketch Cloudでのライブラリ共有などを含む大型アップデート「Sketch 49」を公開しました...

デジタルプロダクトのためのデザインツール「Phase」はWebデザインの在り方を変えるかもしれない

すべてのデザイナーが求めていたデジタルプロダクトのためのデザイン・プロトタイピングツール「Phase」が発表されました。デザインツールはすでに様々なツールがリリースされていますが、Phaseは「デジタ...

動画で学ぶ!Sketchのおすすめチュートリアルまとめ

Sketchといえば、IT業界ではもはやスタンダードとなっているUIデザインツールです。使い方がシンプルなので、初心者の方でもある程度のデザインを作成することはできますが、様々な機能やテクニックを使い...

初心者必見!Illustratorの使い方を学ぶ6つのステップとおすすめの勉強法・書籍

IllustratorはAdobeが提供しているデザインツールです。世の中には様々なデザインツールがありますが、Illustratorはその中でも使いこなせるようになるまでに覚えなければならないことが...

デザイナー必見!2018年のデザインツールのトレンド予想

2017年はデザインツール・プロトタイピングツールで様々なリリースが行われました。これまでできなかったような事が次々とデザインツールでできるようになり、ワークフローにも様々な変化をもたらしました。 2...

間違いなく最強のデザインツール「InVision Studio」が2018年1月にリリース!

世界的に有名なプロトタイピングツールを提供する「InVision」から、デザインツール「InVision Studio」が2018年1月にリリースされることが発表されました。なんといっても注目のポイン...

ついにAdobe XDが正式リリース!気になる料金は?

2016年3月にベータ版がリリースされ、様々なアップデートを重ねてきたAdobe XDが、2017年10月ついに正式リリースとなりました。正式版となったため、これまで無料でベータ版を利用していた方も有...

これは期待!デザインツール「STUDIO」が新たに資金調達を実施

以前から当サイトで注目しているデザインツール「STUDIO」を開発・運営するSTUDIO株式会社が新たに資金調達を行いました。 そこで今回実施した資金調達の詳細と、改めてSTUDIOとはどんなデザイン...

Sketchの新機能「ライブラリ」とは!特徴や使い方など

つい先日ベータ版が公開されたSketch 47で「ライブラリ」機能が追加されました。色々なツールやサービスでライブラリという言葉は使われていますが、Sketchにおけるライブラリとは一体どういった機能...

Sketchの使い方を効率よく勉強するために

SketchというUIデザインツールはご存知ですか?SketchはUI特化型のデザインツールとして、多くのプロダクト開発の現場で使われています。 Sketchは誰でも簡単に使いこなせるようになるという...

全部無料!おすすめのSketch用UIキットやデザイン素材50選

デザインを0から作るのもいいですが、時間がかかってしまったり、初心者の場合だと高いクオリティのデザインを作るのはなかなか難しかったりします。そんな時はUIキットやデザイン素材を上手く活用することで、効...

iOS 11やiPhone XのSketch用デザイン素材まとめ

2017年9月20日、ついにiOS 11へのアップデートが一般ユーザー向けにリリースされました。iOS 10からUIで大きく変わった点も多く、何より新しい端末である「iPhone X」の発売も控えてい...

超便利!Sketchのおすすめプラグイン15選

Sketchといえば多くのIT企業で使われているUIデザインツールですが、プラグインはしっかり使いこなせていますか?プラグインを上手く活用することによって、できることの幅が広がったり、効率よくデザイン...

12

© 2018 Web Design Trends