Uiデザイン
Adobe XDとSketch–どのUXツールがあなたに適していますか？
UXデザイナーは、調査から設計、プロトタイプ作成、引き渡しまで、UXワークフローの多くの段階を完了するために多くのツールを必要としています。 PCで作業を行う場合、数え切れないほどの便利なプラグインを備えた人気のある合理化されたベクターグラフィックエディタであるSketchが絶えず言及されていることに悩まされるでしょう。 ただし、MacOSでのみ使用可能 。これは、Appleマシンを持っていない限り、取り残されていることを意味します。しかし現在、Adobeは、長年の不在の後、適切なクロスプラットフォームのSketch競合他社（および類似？）に積極的に取り組んでいます：AdobeXD。
サーバー上で記述されたコードはどのように見えますか
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ファンの両方にとって、インターフェイスが非常に馴染み深いことです。 Adobeは、予想されるCreative Cloudの暗いボタンとメニューから離れ、2つの世界の最高のものを提供することを選択しました。 Sketchとは異なり、画面の左側には一連のツールが表示されますが、Sketchに表示されているように、右側にはより高いレイヤーパネルと動的プロパティも表示されます。以前に使用したツールに関係なく、使用するのは簡単で、習得も簡単です。
グリッドを繰り返す
Adobe XDには、リピートグリッドなどの一連の独自の機能もあります。これは、マテリアルデザインカードなどのオブジェクトのグループを、可変データとコピー間の構成可能な間隔で複製できるツールです。
モノのインターネットホームデバイス
プロトタイピング
XDでは、Sketchのようにサードパーティのプラグインを必要とせずに、インタラクティブなプロトタイプを作成できます。アドビのプロトタイピングエディターを使用すると、デザイナーはワイヤーを使用してトランジションを設定し、インタラクティブな領域を他の画面に視覚的に接続できます。インタラクティブなプロトタイプの準備ができたら、プロトタイプを公開して共有できます。プロトタイプは、WebまたはAdobeXDモバイルアプリで表示できます。ただし、XDプロトタイプは、ジェスチャーやヘッダーなどの固定セクションをまだサポートしていません。これは、 InVision およびSketchに接続するその他のプロトタイプ専用ツール。
アセットパネル
2017年8月の更新で、アドビはアセットパネルを追加しました。これは、色、文字スタイル、記号を使用したインタラクティブなスタイルガイドをまとめる賢い方法です。 [アセット]パネルで何かを変更すると、アートワークでのアセットのすべての使用が続きます。 Sketchには、色変数、文字スタイル、記号もありますが、それぞれが独自のパネルに含まれています。
アドビはいくつかを発表しました 表示される次の機能 製品ブログのXD 。それらの1つはアセット機能を拡張し、 デザイナー ダウンロード可能なフォント、アセット、色の16進コードを含むプロジェクトのスタイルガイドを、インタラクティブなプロトタイプと、プロトタイプ内の要素を開発者が調査するための検査機能とともに公開します。これは「開発者向けのハンドオフ」と呼ばれ、Sketch（およびPhotoshop）では次のようなプラグインを使用してすでに可能です。 Zeplin 。からかわれるもう1つの将来の機能は、XD内のリアルタイムコラボレーションです。これは、Googleドキュメントに存在し、次のような他のUXデザインツールですでに利用可能なコラボレーション機能に似ています。 フィグマ 。
さまざまな芸術作品間の形式的な相違点と類似点は、次の方法についての質問につながります。
スケッチ（およびそのプラグイン）とAdobe XD
| 特徴 | Adobe XD | スケッチ |
|---|---|---|
| ベクトルグラフィックス | はい（CCサブスクリプションにAdobe Illustratorが含まれています） | はい |
| 高度な画像編集 | いいえ（ただし、CCサブスクリプションにAdobe Photoshopが含まれます） | 番号 |
| 軽量 | はい | はい |
| プロトタイピング | はい | いいえ（ただし、サードパーティのプラグインで利用可能） |
| 資産のエクスポート | はい | はい |
| オンラインスタイルガイドとインスペクターとの引き継ぎ | いいえ（将来の機能として発表） | いいえ（ただし、サードパーティのプラグインで利用可能） |
| シンボルとスタイル | はい | はい |
| グリッドを繰り返す | はい | 番号 |
| ドキュメントグリッド | はい | はい（列とその他のオプションあり） |
| プラグイン | 番号 | はい |
| コラボレーション | いいえ（将来の機能として発表） | いいえ（ただし、サードパーティのプラグインで利用可能） |
| 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機能を利用できますが、現在の制限とプラグインサポートの欠如にも対処する必要があります。いずれにせよ、ぜひお試しいただき、感想をお聞かせください！
•••
