AppleInsiderスタッフ
· 2分で読めます
Adobe は月曜日、「Project Comet」という名前で開発され、合理化されたインターフェース、Adobe の CC 製品ラインとの連携、および多数のプレビュー オプションを誇るモバイル アプリおよび Web ページのユーザー エクスペリエンスとプロトタイピング ツールである Experience Design (XD) の早期リリース バージョンを発表しました。
Adobe IDをお持ちの方ならどなたでもご利用いただけるプレビュー版では、デザイン重視のモバイルアプリやウェブページのモックアップを効率的に作成し、開発者やクライアントと共有できます。専用アプリであるXDには、プロフェッショナルな仕上がりで迅速なプロトタイピングを可能にする強力なツールが満載です。
Adobe XDには、iOS、Android、Windows Phoneなど、今日の主要なモバイルオペレーティングシステム向けのユーザーインターフェイスアセットが組み込まれており、グラフィックレイアウトを素早く作成するためのツールが多数含まれています。例えば、フォント、ボタン、画像、カラーパレットがアプリに組み込まれているため、ユーザーは様々な動的レイアウトを自由に試すことができます。
デモでは、AdobeのAndrew Shorten氏が約10分で、グラフィック、テキスト、リンク、トランジションなどを備えたiOSアプリのモックアップを作成しました。ユーザーは空白のキャンバスから個々のペインを作成し、定義済みの作業領域にタイトル、テキスト本文、リスト、マップ、画像など、様々なグラフィックアセットを配置できます。
XDでは、アドビはインテリジェントなソフトウェアツールの活用を通じて、プロトタイピングプロセスの簡素化を目指しています。画像挿入を例に挙げると、XDはドラッグ＆ドロップで自動的にマスクする画像ボックスを採用しており、手動で画像を挿入、計測、マスクするよりもはるかに少ない手順で画像をマスクできます。その他の改良点としては、リストの自動入力、統合されたベクターグラフィックシステム、Adobe Illustrator CCおよびPhotoshop CCファイルのサポートなどがあります。
さらに、広いワークスペースはワイヤーフレームの作成、つまり画面上の特定のアセットを別のアプリやウェブパネルにリンクさせるのに十分なスペースを提供します。ワイヤーフレームを作成するには、インタラクティブなボタンや画像などの1つのポイントから次のページへとワイヤーを描くだけです。アプリには、ページスライドなどの一般的なトランジションを模倣するツールが搭載されており、より没入感のある評価体験を提供します。
様々な表示オプションの中には、ボタンなどのインタラクティブなホットスポットのテストに便利な専用のプロトタイプモードがあります。また、変更内容をリアルタイムで表示するデスクトッププレビューモードは、動的なA/Bテストを可能にします。また、ユーザーは完全に機能するプロトタイプをWebに投稿し、共有してリモートで評価することも可能です。
Adobe XD CCは、Macユーザー向けにAdobeのウェブサイトから無料でダウンロードできます。Adobeは今年後半に正式版をリリースする予定です。iOSおよびAndroid向けのコンパニオンアプリ、Photoshop CCおよびIllustrator CCとのより緊密な連携、そして今後のバージョンで予定されているその他のCreative Cloudアセットのサポートが追加されます。
