apeescape2.com
  • メイン
  • モバイル
  • 人とチーム
  • 投資家と資金調達
  • デザイナーライフ
Uiデザイン

Adobe XDとSketch–どのUXツールがあなたに適していますか?

UXデザイナーは、調査から設計、プロトタイプ作成、引き渡しまで、UXワークフローの多くの段階を完了するために多くのツールを必要としています。 PCで作業を行う場合、数え切れないほどの便利なプラグインを備えた人気のある合理化されたベクターグラフィックエディタであるSketchが絶えず言及されていることに悩まされるでしょう。 ただし、MacOSでのみ使用可能 。これは、Appleマシンを持っていない限り、取り残されていることを意味します。しかし現在、Adobeは、長年の不在の後、適切なクロスプラットフォームのSketch競合他社(および類似?)に積極的に取り組んでいます:AdobeXD。

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

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




サーバー上で記述されたコードはどのように見えますか

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

同じタイプのユーザーにアピールしようとするため、XDでのAdobeの主なインスピレーションであるSketchユーザーインターフェイス。

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には、リピートグリッドなどの一連の独自の機能もあります。これは、マテリアルデザインカードなどのオブジェクトのグループを、可変データとコピー間の構成可能な間隔で複製できるツールです。

モノのインターネットホームデバイス

AdobeXDでグリッド機能を繰り返す

AdobeXDのリピートグリッド機能を使用して類似したオブジェクトのグループを作成します。

プロトタイピング

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

AdobeXDのプロトタイプ機能

AdobeXDのプロトタイプ機能の画面へのボタンの配線。

アセットパネル

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

AdobeXDアセットパネル

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

アドビはいくつかを発表しました 表示される次の機能 製品ブログのXD 。それらの1つはアセット機能を拡張し、 デザイナー ダウンロード可能なフォント、アセット、色の16進コードを含むプロジェクトのスタイルガイドを、インタラクティブなプロトタイプと、プロトタイプ内の要素を開発者が調査するための検査機能とともに公開します。これは「開発者向けのハンドオフ」と呼ばれ、Sketch(およびPhotoshop)では次のようなプラグインを使用してすでに可能です。 Zeplin 。からかわれるもう1つの将来の機能は、XD内のリアルタイムコラボレーションです。これは、Googleドキュメントに存在し、次のような他のUXデザインツールですでに利用可能なコラボレーション機能に似ています。 フィグマ 。

ApeeScapeデザインブログを購読して、eBookを受け取ります

さまざまな芸術作品間の形式的な相違点と類似点は、次の方法についての質問につながります。

スケッチ(およびそのプラグイン)と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機能を利用できますが、現在の制限とプラグインサポートの欠如にも対処する必要があります。いずれにせよ、ぜひお試しいただき、感想をお聞かせください!

•••

ApeeScapeデザインブログの詳細:

  • eコマースUX–ベストプラクティスの概要(インフォグラフィック付き)
  • 製品設計における人間中心の設計の重要性
  • 最高のUXデザイナーポートフォリオ–刺激的なケーススタディと例
  • モバイルインターフェースのヒューリスティック原則
  • 予測的デザイン:魔法のユーザーエクスペリエンスを作成する方法

フリーランス開発者向けのホスティング:PaaS、VPS、クラウドなど

バックエンド

フリーランス開発者向けのホスティング:PaaS、VPS、クラウドなど
レポート:労働力の状態

レポート:労働力の状態

仕事の未来

人気の投稿
SMACSSの探索:CSSのスケーラブルでモジュラーなアーキテクチャ
SMACSSの探索:CSSのスケーラブルでモジュラーなアーキテクチャ
ApeeScapeは、スタートアップ起業家に低コストでエリートプログラミングの才能を提供します
ApeeScapeは、スタートアップ起業家に低コストでエリートプログラミングの才能を提供します
Facebookを再設計しましょう:あなたが始めるのを刺激し、助けるための10の例
Facebookを再設計しましょう:あなたが始めるのを刺激し、助けるための10の例
WordPressプラグインを構築するための究極のガイド
WordPressプラグインを構築するための究極のガイド
Redux状態管理によるトップレベルの制御:ClojureScriptチュートリアル
Redux状態管理によるトップレベルの制御:ClojureScriptチュートリアル
 
宿題をする:AWS認定ソリューションアーキテクト試験の7つのヒント
宿題をする:AWS認定ソリューションアーキテクト試験の7つのヒント
収益の質:財務デューデリジェンスの重要な柱
収益の質:財務デューデリジェンスの重要な柱
コードの最適化:最適化するための最適な方法
コードの最適化:最適化するための最適な方法
Google BigQueryを使用する意味があるのはいつですか?
Google BigQueryを使用する意味があるのはいつですか?
商用ドローンは事業運営に革命をもたらしています
商用ドローンは事業運営に革命をもたらしています
人気の投稿
  • ソフトウェアの技術文書の書き方
  • ゲシュタルトを認識できる可能性が最も低いのは誰ですか?
  • パッカーとテラフォームを使用した継続的デリバリー
  • 発生を防ぐことができる電子メールのセキュリティ問題は次のとおりです。
  • デザイン重視の原則
カテゴリー
アジャイル 収益と成長 トレンド 投資家と資金調達 リモートの台頭 プロセスとツール モバイル 製品ライフサイクル Uxデザイン ブランドデザイン

© 2021 | 全著作権所有

apeescape2.com