UXデザイナーは、調査から設計、プロトタイピング、作業の提供方法まで、UXワークフローのさまざまな段階を完了するために多くのツールを必要としています。 PCで作業を行う場合、業界標準になりつつある無数の便利なプラグインを備えた人気のベクターグラフィックエディタであるSketchについての絶え間ない言及におそらく夢中になっているでしょう。 ただし、MacOSでのみ使用可能 。これは、Appleのラップトップまたはコンピューターを持っていない限り、外出していることを意味します。しかし現在、Adobeは、長年の不在の後、Sketchのクロスプラットフォーム（または少なくとも視覚的に同等）の競合他社であるAdobeXDに積極的に取り組んでいます。

AdobeXDユーザーインターフェイス

明らかにXDにおけるAdobeの主なインスピレーションであるSketchのUIは、同じタイプのユーザーにアピールしようとします

Adobe XDとは何ですか？

Adobe Experience Design CC 、またはAdobe XDは、Adobe MAX2015でProjectCometとして発表された軽量のベクターグラフィックエディターおよびプロトタイピングツールです。このソフトウェアは、Creative Cloudの一部として2016年3月にプレビューされ、現在ベータ版であり、ほぼ毎月更新されています。

その前は、アドビは機能の追加に取り組んでいました UXデザイナー PhotoshopやIllustratorなどの確立されたツールで。どちらも優れたソフトウェアですが、軽量でも、このタイプの作業用に最適化されていません。何年にもわたって、特に2013年にAdobe Fireworks（Macromediaから取得した古典的なWeb指向のプロトタイピングツール）が不承認になった後、ますます多くのUXデザイナーがCreativeCloudが市場の期待に応えられないことに気づきました。それで、彼らはSketchにジャンプしました（Macを持っている場合）。この大規模な流出に対するAdobeの対応は少し遅れましたが（Bohemian Codingは6年前にSketchをリリースしました）、特にPCであまり適切でないツールを使用することに制限している場合は、待つ価値があります。 AdobeXDとSketchを比較してみましょう。

ユーザーインターフェイスと独自の機能

Adobe XDを開くと、最初の印象は、インターフェイスがSketchユーザーとAdobeファンの両方に非常に馴染みがあるということです。アドビは、待望の暗いCreative Cloudボタンとメニューから離れ、両方の長所を提供することを選択しました。 Sketchとは異なり、Sketchに見られるように、画面の左側に一連のツールが表示されますが、右側には最上層のパネルと動的プロパティも表示されます。これまでに使用したツールに関係なく、使いやすく、習得も簡単です。

グリッドを繰り返す

Adobe XDには、リピートグリッド（またはリピートグリッド）などの一連の独自の機能もあります。これは、可変データとコピー間の構成可能な間隔を使用して、マテリアルデザインカードなどのオブジェクトのグループを複製できるツールです。

Adobe XDのリピートグリッド機能を使用して、同様のオブジェクトのグループを作成します

プロトタイピング

XDでは、Sketchのようにサードパーティのプラグインを必要とせずに、インタラクティブなプロトタイプを作成できます。アドビのプロトタイピングエディタを使用すると、設計者はケーブルと設定トランジションを使用してインタラクティブエリアを他のディスプレイに視覚的に接続できます。インタラクティブなプロトタイプの準備ができたら、プロトタイプを公開して共有できます。プロトタイプは、WebまたはAdobeXDモバイルアプリで表示できます。ただし、XDプロトタイプは、見出しとしてのジェスチャまたは固定セクションをサポートしていません。これは、 InVision およびSketchに接続するその他のプロトタイプ専用ツール。

AdobeXDのプロトタイプ機能の画面へのボタンシステム

Panel de Assets

2017年8月の更新で、アドビはアセットパネルを追加しました。これは、色、文字スタイル、記号を使用したインタラクティブなスタイルガイドをまとめるスマートな方法です。 [アセット]パネルで何かを変更すると、作業でのアセットのすべての使用が追跡されます。 Sketchには、色変数、文字スタイル、記号もありますが、それぞれが独自のパネルに含まれています。

[アセット]パネルのアイテムを変更すると、プロジェクト全体が変更されます。

アドビは、XD（https://blogs.adobe.com/creativecloud/collaborative-design-with-adobe-xd/）の一部を発表しました。 製品ブログ 。それらの1つはアセット機能を拡張し、 デザイナー ダウンロード可能なフォント、アセット、16進カラーコードを含むプロジェクトスタイルガイドを、インタラクティブなプロトタイプと、プロトタイプ内の要素開発者調査用の検査機能とともに公開します。これは「開発者転送」と呼ばれ、Sketch（およびPhotoshop）で次のようなプラグインを使用してすでに可能です。 Zeplin 。少ししか見られなかったもう1つの将来の機能は、XD内のリアルタイムコラボレーションです。これは、Googleドキュメントに存在するコラボレーション機能に似ており、次のような他のUXデザインツールですでに利用可能です。 フィグマ 。

スケッチ（およびそのプラグイン）とAdobe XD

特徴	Adobe XD	スケッチ
ベクトルグラフィックス	はい（CCでのAdobe Photoshopのサブスクリプションが含まれます）	はい
高度な画像編集	いいえ（ただし、Adobe Photoshop CCサブスクリプションが含まれます）	番号
光	はい	はい
プロトタイピング	はい	いいえ（ただし、サードパーティのプラグインで利用可能）
資産の輸出	はい	はい
オンラインスタイルガイドとインスペクターによるファイル配信	いいえ（将来の機能として発表）	いいえ（ただし、サードパーティのプラグインで利用可能）
シンボルとスタイル	はい	はい
グリッドを繰り返す	はい	番号
ドキュメントグリッド	はい	はい（列とその他のオプションあり）
プラグイン	番号	はい
コラボレーション	いいえ（将来の機能として発表）	いいえ（ただし、サードパーティのプラグインで利用可能）
MacOSバージョン	はい	はい
Windows版	はい（Windows 10以降）	番号
価格とライセンス	ベータ版は無料で、AdobeIDが必要です。最終価格は発表されます。	アップデートありで1年間99米ドルですが、その後もアップデートなしで引き続き使用できます。

ツリーではなくフォレストを見ると、AdobeがXDにSketchがベクターグラフィックツールとして実行するすべてのことだけでなく、UXデザインワークフロー全体をカバーするプラグインも実行させることを意図していることが明らかになります。設計からプロトタイプ、引き渡しまで、Adobe XDはおそらく究極のUXデザインツールですが、今日はどうでしょうか。

変えるべき時が来た？

Adobe XDは、主にWindowsユーザー（macOSでのみSketchを使用できない）および現在のAdobe Creative Cloudサブスクライバー（Photoshop、Illustratorなど以外のXDに追加料金を支払う必要がない）を対象としています。

macOSでもCreativeCloudのサブスクライバーであるため、またはXDが次の標準であり、現在の機能セットに満足しているため、すでに飛躍しているUXデザイナーはたくさんいます。経験豊富なSketchユーザーであれば、全体的なインターフェイスが向上し、独自のXD機能を利用できますが、現在の制限やプラグインサポートの欠如にも対処する必要があります。いずれにせよ、ぜひお試しいただき、感想をお聞かせください。