素晴らしく直感的なアプリデザインソフト。

Adobe XDなら、Web、デスクトップ、モバイルアプリデザイン簡単作成できます。ワイヤーフレームモックアップ構築、インタラクション作成、フィードバック用のプロトタイプ共有、開発への引き継ぎ...そのすべてを、1つのデザインツール行えます。

Webサイトデザインソフトは、これ一つだけあれば大丈夫。
特徴

ユーザー目線のアプリデザインが作成できる

リアルなビジュアルと感覚の、インタラクティブなWebやモバイルアプリデザインが作成できます。チームメイト、クライアント、関係者と共有し、共同作業可能です。インパクトのあるユーザーエクスペリエンスを瞬時に実現します。

超速くて使いやすい。

直感的なインターフェイス、「光速」パフォーマンス、組み込みコラボレーションツールを使用して、速やかな作業が可能です。スキルレベルは関係ありません。XDが仕事を片付けてくれるので、クリエイティブな作業に没頭できます。

XD
XD

プロトし、

インタラクティブなプロトタイプは、ビジョンを具現化します。思い込みを排除し、関係者を整理し、クライアントをあっと言わせましょう。静的PDFや電子メールのファイル添付は不要になります。

アプリプロジェクトを進行。

レビュー用にプロトタイプを共有し、リアルタイムにデザインで共同作業が可能です。アセットとスペックをデベロッパーにハンドオフできます。XDは、デザインの共同作業のためのワンストップのプラットフォームです。

XD
機能

アプリデザインのためにデザインされたアプリ。

XDは、エクスペリエンスデザインのために一から構築されています。ワイヤーフレーム、UIデザイン、プロトタイプ作成などのツールすべてを備えたモバイルアプリデザインソフトです。

コンテンツに応じたレイアウト

様々な画面サイズに合わせてコンポーネントを簡単に調整できます。ラベル変更の際には、ボタンを拡大できます。デザイン進行に合わせて自動調整されるので、地道な手作業を省けます。 詳細を見る

コンテンツに応じたレイアウト

リピートグリッド

クリック&ドラッグのみで要素を複製できます。要素を一度編集すると、グリッド内で自動更新されます。画像とテキストをグリッドにドラッグして、実際使用する内容を入力できます。 詳細を見る

リピートグリッド

オーバーレイ

ポップアップキーボードに、スライドアウトメニュー。モーダルウィンドウとインタースティシャル。アプリ画面に表示するUIデザイン要素を作成し、インタラクティブで動的なプロトタイプを作成します。

オーバーレイ

デバイスプレビュー

実際のデバイスでアプリのデザインテストできます。iOSまたはAndroid用 XDアプリをダウンロードし、プロトタイプ操作します。モバイルプロトタイプデザイン即座に変更と更新可能です。

デバイスプレビュー
XD

XDを始めましょう。

XD
プラグイン

プラグインでレベルアップ。

XDプラグインを使用して、新しい機能とアプリデザインツールを手に入れましょう。Webデザインやモバイルアプリデザインを次のレベルに引き上げるプラグインが300種類以上用意されています。ユーザーフロー図の作成、アイコンとストック画像検索、データの視覚化など、あらゆるエクスペリエンスに合ったプラグインが必ず見つかります。

Icons 4 Design

Icons 4 Design

人気のコレクションから数千種類ものベクターアイコンを検索して配置できます。

Zeplin

Zeplin

開発チームとの共同作業や引き継ぎのためにデザインをエクスポートします。

UserTesting

UserTesting

プロトタイプをXDから直接テストし、人間の洞察を反映します。

App Icon Generator

App Icon Generator

アプリストアの一般的な要件に従いアプリアイコンを書き出します。

XD to Flutter

XD to Flutter

XDによるアプリデザインに基づいて、アプリを作成するためのFratterコードを生成します。

Jira Cloud

Jira Cloud

XDを終了することなく、アートボード、アセット、プロトタイプをJiraの課題に書き出します。

よくある質問

Adobe XDは、アプリデザインために一から構築されています。Adobe XDには、iPhoneGoogle Pixelなど、一般的なデバイスタイプ向けのプリセットテンプレート用意されています。Adobe XDには、グリッド、ガイド、コンテンツに応じたレイアウト、リピートグリッド、タップ&ドラッグトリガー(プロトタイプ作成用)、オーバーレイなどのアプリデザインツール用意されています。また、Adobe XDアプリのデザインはiOSまたはAndroidデバイスでテストすることできます。プロトタイプレビューする準備が整ったら、共有モード内蔵コラボレーションツール使用し、フィードバック収集、ユーザーテスト、開発チームとの共同作業行えます。

はい。Adobe XDは、デスクトップアプリモバイルアプリ含む一般的なデバイスサイズ向けのアートボードプリセットテンプレート提供しています。Adobe XDは、Web、デスクトップ、モバイルアプリデザインソフトとして使用できるほか、モバイルデバイスデスクトップエクスペリエンスインタラクション作成するためのプロトタイプ作成ツールとしても使用できます。

ほとんどのアプリデザインソフトのプログラムは、ワイヤーフレーム作成とレイアウトデザイン用のアプリデザインツールを搭載しています。一部のアプリデザインソフトのプログラムは、デザイナーがインタラクションやアニメーションをデザインして、エクスペリエンスの「感じ方」を調整できるプロトタイプ作成ツールも搭載しています。また、中には、アプリデザイン共有、リアルタイム連携、開発チームへの受け渡しができる組み込みコラボレーションツールも備えたアプリデザインツールもあります。

Adobe XDは、すべてのスキルレベルのデザイナー向け直感的で使いやすいオールインワンWebサイトデザインソフトです。Adobeでは、初心者がXDWebサイトデザインする際に役立つ無料の学習ツール提供しています。また、XDのlearn hubでは、プロがXDでプロ級のインタラクティブWebサイトデザインする様子を観て、インスピレーション得ることができます。

アプリをデザインすると、エクスペリエンスのあらゆる側面を完全に制御できます。アプリが求めるタスクを判断し、アプリの外観をデザインし、プロトタイプのインタラクティビティを調整し、アニメーションやモーションを追加する等、様々なことが可能です。自分でアプリをデザインすれば、求めているエクスペリエンスを完璧に実現できます。

通常、アプリデザインには、用途に応じてナビゲーションバー、カード、ボタン、モーダルウィンドウとダイアログ、メニュー、テキストフィールド、スライダーなどのコンポーネントが含まれます。必要なコンポーネントセットは、アプリの用途により異なります。