Adobe XDでは、ワイヤーフレーム、デザイン、プロトタイプ作成のツールが、パワフルで使いやすいUI/UXデザインツールにまとまっています。デザイナーは、ワイヤーフレームツールとして常にXDを選択します。
搭載機能
スクロールして続行
BalsamiqやSketch、InVisionの間でアプリの切り替えや同期を行う日々は過去のものとなりました。XDは、いくつものツールの機能を組み合わせ、デザイン、プロトタイプの作成から、開発者向けアセットの準備、共有機能まで統合させたオールインワンUI/UXデザインツールです。
「Adobe XDを使用した迅速なプロトタイプ作成により、早い段階でよくある落とし穴を回避し、ユーザー体験のあらゆるギャップを特定することができました。」
「Adobe XDを使用すれば、インタラクティブなプロトタイプを共有できるだけでなく、オーバーフロープラグインを使用してユーザーフロー図を作成することもできます。これにより、コミュニケーションが大幅に向上します。」
ざっくりとしたワイヤーフレームと静的なデザインからさらに作業を進めてみましょう。XDでは、デザインを実物のように感じさせることができます。XDの組み込みプロトタイプ作成ツールで、webサイト、モバイルアプリ、音声アシスタントなどのインタラクティブなプロトタイプを作成しましょう。
Balsamiqは単体で完結していますが、XDは、Creative Cloudに含まれるアプリやサービスと連携します。Photoshopで画像を編集し、Illustratorからグラフィックを読み込み、After Effectsでアニメーション化して、XDですべてをまとめられます。また、Adobe FontsやAdobe Stockなどの他のCreative Cloudサービスも、すべて同じアカウントで利用できます。
「私たちと同じように速いスピードで作業しているのであれば、XDが役に立ちます。XDは、要素を組み合わせて素早くプロトタイプを作成し、すべてのページがお互いに調和するようにします。」
搭載機能 |
ADOBE XD |
BALSAMIQ |
利用可能なプラットフォーム |
macOSおよびWindows |
macOSおよびWindows |
対応言語 |
英語、スペイン語、フランス語、ドイツ語、日本語、 |
英語のみ |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
Photoshop、Illustrator、Sketchからの読み込み |
|
|
|
|
|
Photoshop、Illustrator、After Effects、 |
|
|
|
|
|
音声プロトタイピング |
|
|
キーボードとゲームパッドトリガー |
|
|
デバイスプレビュー |
iOS、Android、Amazon Alexa、 |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
利用可能なプラットフォーム
対応言語
Photoshop、Illustrator、Sketchからの読み込み
音声プロトタイピング
キーボードとゲームパッドトリガー
デバイスプレビュー
利用可能なプラットフォーム
macOSおよびWindows
対応言語
英語、スペイン語、フランス語、ドイツ語、日本語、中国語、韓国語、ポルトガル語(ブラジル)
Photoshop、Illustrator、Sketchからの読み込み
Photoshop、Illustrator、After Effects、Adobe Fontsなどを含む
音声プロトタイピング
キーボードとゲームパッドトリガー
デバイスプレビュー
iOS、Android、Amazon Alexa、Google Assistant
利用可能なプラットフォーム
ブラウザーベース
インターネット接続が必要
対応言語
英語
バリエーション
自動レイアウト
Sketchのみ
自動アニメーション
Smart Animate
キーボードとゲームパッドトリガー
デバイスプレビュー
iOSとAndroidのみ
リアルタイムのコラボレーション
共有可能なプロトタイプリンク
開発者向けアセット
共有ライブラリ
プラグイン
アプリの連携
Adobe XDでは、ワイヤーフレーム、デザイン、プロトタイプ作成のツールが、パワフルで使いやすいUI/UXデザインツールにまとまっています。デザイナーは、ワイヤーフレームツールとして常にXDを選択します。
Adobe XDは月額9.99ドルからの有料プラン、Balsamiqは月額9ドル(限定)の有料プランを提供しています。Adobe XDとBalsamiqは、どちらも無料体験版を提供しています。
Adobe XDは、直接ツールに組み込まれている強力なプロトタイプ作成機能を備えており、表現力豊かなデザインツールを提供します。XDを使用すれば、Balsamiqと同様にざっくりとしたワイヤーフレームを作成することもできますが、これらのワイヤーフレームを簡単に高解像のデザインやインタラクティブプロトタイプに変換することができます。
Adobe XDの方がおすすめです。Balsamiqは、他のツールと統合されていない非常にシンプルで基本的なワイヤーフレームツールです。Adobe XDは、ワイヤーフレームや忠実度の高いデザイン、完全にインタラクティブなプロトタイプをすばやく作成できる、高速で強力なデザインツールを提供します。さらに、準備ができたら、他のデザイナーとの共同作業、プロトタイプの共有、デベロッパーへのアセットの受け渡しなども可能です。XDは、オールインワンのUI/UXデザインツールを提供しているため、Balsamiqよりも強力です。
写真からビデオ、デザイン、UI/UX、3DとAR、ソーシャルメディアまで。
Creative Cloudには、あらゆる想像力に応えるツールがすべて揃っています。