Adobe XD

Adobe XD（旧称 Adobe Experience Design CC）は、ユーザーが製品とどのようにインタラクションするかを改善しようとしているUXデザイナーを全面的に支援することを目的としています。 このアプリケーションでは、Webサイトおよびモバイルアプリの開発が可能であり、成果物のテストやプロトタイプの作成もサポートします。 これは、特定のデバイス向けプロジェクトを開発する際に役立つUXデザインツールです。 Adobe XD CC を起動すると、まずiPhone、iPad、またはWeb向けのプロジェクト開発を選択するよう求められます。 また、カスタムサイズのアートボードを選択することも可能です。 さらに、デザイン領域内では、さまざまなサイズのアートボードを追加できます。

Adobe XD CC のユーザーインターフェースは、主に2つのタブに分かれています：1つはプロジェクトのデザイン作業を担当し、もう1つは関連するプロトタイプの設定を支援します。 Adobe XD CC では、別ウィンドウで成果物をテストでき、その操作をインタラクティブに実行・録画し、録画結果をクライアントやチームメンバーと共有できます。 直感的なドラッグ＆ドロップ操作でデザインプロジェクトを管理できます。 Adobe XD CC のキャンバス領域では、基本的なベクタードローイングツールを使って新しい要素を追加し、自由に組み合わせたり、画像をシンプルなドラッグ＆ドロップでインポートしたり、ワイヤーフレームを作成したりできます。

プロトタイプ領域でプロジェクトにインタラクションやアニメーションを追加する場合も同様のルールが適用されます。 マウスでアートボード間を接続し、コンテキストメニューを使ってアニメーションを制御します。 なお、Adobe XD CC プロジェクトは現在も積極的に開発が進められており、期待される編集機能の一部はまだ実装されていませんが、アプリケーションの操作性は非常に直感的です。 Adobe Creative Cloud を通じてプロジェクトのプロトタイプを共有できます。 Adobe XD CC では、プロジェクトのデザインをPNG画像ファイルとしてエクスポートしたり、プロトタイプとのインタラクションをMOV動画ファイルとして録画したりできます。

また、Creative Cloud アカウントを利用してプロトタイプを直接共有することも可能です。