Adobe XD:AdobeのUX / UIソリューションでの設計、プロトタイプ作成、共有

今日、私はAdobe XDをインストールしました。これは、Webサイト、Webアプリケーション、およびモバイルアプリケーションのプロトタイピング用のAdobeのUX / UIソリューションです。 Adobe XDを使用すると、ユーザーはワンクリックで静的なワイヤーフレームからインタラクティブなプロトタイプに切り替えることができます。 デザインに変更を加えて、プロトタイプの更新を自動的に確認できます。同期は必要ありません。 また、iOSおよびAndroidデバイスでのトランジションを備えたプロトタイプをプレビューし、チームと共有して迅速なフィードバックを得ることができます。

Adobe XD

AdobeXDの機能は次のとおりです。

  • インタラクティブなプロトタイプ –ワンクリックでデザインモードからプロトタイプモードに切り替え、アートボードを接続してマルチスクリーンアプリのフローとパスを伝達します。 リピートグリッドセルを含む、あるアートボードから別のアートボードにデザイン要素を接続します。 直感的なビジュアルコントロールとの相互作用を追加して、エクスペリエンスをテストおよび検証します。
  • フィードバック用のプロトタイプを公開する– 共有可能なWebリンクを生成して、デザインに関するフィードバックを取得するか、BehanceまたはWebページに埋め込みます。 レビューアは、プロトタイプやデザインの特定の部分に直接コメントできます。 コメントを投稿すると通知が届き、ブラウザを更新するだけで変更を確認できます。
  • 高速で用途の広いアートボード– XNUMX枚のアートボードでもXNUMX枚のアートボードでも、XDは同じ高速パフォーマンスを提供します。 さまざまな画面やデバイス向けに設計します。 ラグタイムなしでパンとズーム。 プリセットサイズから選択するか、独自のサイズを定義して、デザイン要素の配置を失うことなくアートボード間でコピーします。
  • グリッドを繰り返す– 連絡先リストやフォトギャラリーなど、デザイン内のアイテムを選択し、水平方向または垂直方向に何度でも複製します。すべてのスタイルと間隔はそのままです。 要素を一度更新すると、変更はどこでも更新されます。
  • クロスプラットフォームのサポート– Adobe XDは、Windows 10(ユニバーサルWindowsプラットフォーム)とMacをネイティブにサポートし、AndroidとiOS用のコンパニオンモバイルアプリを備えています。
  • アセットパネル– 色と文字スタイルを[アセット]パネル(以前の[シンボル]パネル)に追加して、簡単に再利用できるようにします。このパネルには、シンボルが自動的に含まれます。 パネルで色や文字のスタイルを編集すると、変更がドキュメント全体に反映されます。
  • 再考されたシンボル– ドキュメント全体でアセットの各インスタンスを検索して編集する必要をなくすシンボル、再利用可能なデザイン要素で時間を節約します。 XNUMXつを更新すると、どこでも更新されるか、特定のインスタンスをオーバーライドすることを選択します。 シンボルは、ベクターグラフィック、ラスターイメージ、またはテキストオブジェクトにすることができ、リピートグリッド内のオブジェクトとして使用することもできます。
  • Creative Cloudライブラリ– Creative Cloud Librariesとの統合により、Photoshop CC、Illustrator CC、およびその他のCreative Cloudアプリケーションで作成されたラスターイメージ、色、文字スタイルにXD内からアクセスして適用し、ドキュメント内のどこでも再利用できます。
  • コンテキストプロパティインスペクター– 選択したオブジェクトのオプションのみを表示するコンテキストアウェアプロパティインスペクターのおかげで、すっきりとしたスペースで作業できます。 境界線の色と太さ、塗りつぶしの色、影、ぼかし、不透明度、回転などのプロパティを変更し、配置、寸法、繰り返しグリッドのオプションにアクセスします。
  • スマートキャンバスナビゲーション– デザインの特定の領域を簡単に拡大したり、アートボードで選択してショートカットを使用して右に拡大したりできます。 マウス、タッチパッド、またはキーボードショートカットを使用してパンまたはズームします。 また、アートボードが何百もある場合でも、優れたパフォーマンスを得ることができます。
  • コンテキストレイヤー– レイヤーへのコンテキストアプローチのおかげで、複雑な設計を管理しながら、整理され、集中することができます。 XDは、作業中のアートボードに関連付けられているレイヤーのみを強調表示するため、必要なものをすばやく簡単に見つけることができます。
  • レイアウトガイダンスツール– スナップグリッドやその他の直感的なレイアウトツールを使用して、デザイン要素をシームレスに描画、再利用、リミックスします。これにより、オブジェクト間の相対的な測定値の作成、形状によるマスク、デザイン要素のグループ化、ロック、整列、分散などが可能になります。
  • ぼかし効果– 特定のオブジェクトまたは背景全体をすばやくぼかして、デザインの焦点を変更し、奥行きと寸法を与えます。
  • 用途の広い線形グラデーション– カラーピッカーのシンプルでありながら正確なビジュアルコントロールを使用して、美しい線形グラデーションを作成します。 PhotoshopCCおよびIllustratorCCからグラデーションをインポートすることもできます。
  • 現代のペンツール– ペンツールを使用して、図形やパスを簡単に描画します。 カスタムパスの使用、アンカーポイントの追加または削除、線の簡単な操作、曲線パスと角度付きパスの切り替えなど、すべて同じツールを使用します。
  • ブールグループ編集– 非破壊ブール演算子を使用してオブジェクトのグループを組み合わせることにより、複雑な形状を作成して実験します。
  • タイポグラフィのスタイリング– ユーザーエクスペリエンスを向上させるために、正確に制御してテキストのスタイルを設定します。 フォント、書体、サイズ、配置、文字間隔、行間隔などの誤植要素を簡単に調整できます。 不透明度、塗りつぶし、背景とぼかしの効果、境界線など、XDの他の要素を変更するのと同じ方法でテキストの外観を変更します。
  • 合理化されたカラーコントロール– 正確な値を入力するか、スポイトでXDの内側または外側からサンプリングして色を選択します。 色見本を作成して保存し、カラーピッカーでXNUMX進コードのショートカットを使用します。
  • UIリソース– 高品質のユーザーインターフェイスコンポーネントを使用して、Apple iOS、Google Material Design、およびMicrosoftWindowsデバイスの設計とプロトタイプをすばやく作成します。
  • 他のデザインアプリからコピーして貼り付ける– PhotoshopCCおよびIllustratorCCからアートワークをXDに取り込みます。
  • コンテキスト内のiOSおよびAndroidプレビュー– ターゲットにしている実際のデバイスでデザインとすべてのインタラクションをプレビューします。 デスクトップで変更を加えてから、デバイスで忠実度と使いやすさをテストします。
  • ホットスポットのヒント– プロトタイプのホットスポットを自動的に強調表示して、ユーザーがインタラクティブでクリック可能な領域を確認できるようにします。
  • プロトタイプ管理– 同じファイルから複数のURLを作成して、プロトタイプの異なるバージョンを共有します。 プロトタイプを無制限に共有し、CreativeCloudアカウントから簡単にアクセスして削除できます。
  • プロトタイプの相互作用をビデオとして記録する– プレビューをクリックしながら、MP4ファイルを記録してチームまたは利害関係者と共有します(Macのみ)。
  • アートワーク、アセット、アートボードのエクスポート– 画像とデザインをPNGおよびSVG形式でエクスポートします。これらは、iOS、Android、Web、または独自のカスタム設定用に構成できます。 アートボード全体または個々の要素をエクスポートします。 また、アセットとアートボードを個別のPDFファイルまたは単一のPDFファイルとしてエクスポートして共有します。
  • 多言語サポート– サポートされている言語には、英語、フランス語、ドイツ語、日本語、韓国語が含まれます。
  • コメントの電子メール通知– 利害関係者がWebプロトタイプにコメントしたときに、電子メール通知を受け取ります。 メールは個別に送信することも、毎日のダイジェストにまとめて送信することもできます

何よりも、AdobeXDにはAdobeCreativeSuiteのライセンスが付属しています。

開示:私たちはアドビの関連会社です。

どう思いますか?

このサイトはAkismetを使用して迷惑メールを減らします。 コメントの処理方法を学ぶ.