Webサイトデザイン、 いろいろできる
万能ツール。

Adobe XDなら、Webサイトデザインを簡単に作成して、共有できます。レスポンシブレイアウトの設計、インタラクションの作成、フィードバック用のプロトタイプの共有、開発への引き継ぎ...そのすべてを、1つのWebサイトデザインツールで行えます。

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

デザインに息を吹き込もう。

リアルな感覚インタラクティブWebサイトデザイン数秒で作成できます。アートボードプリセットUIキット使用して、直ぐに作業を始めしょう。PhotoshopSketchから既存のWebサイトデザイン読み込むこともできます。

超速くて使いやすい。

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

XD
XD

リアルな感覚のプロトタイプ

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

Creative Cloudの力を手に入れよう。

PhotoshopやIllustratorとシームレスに連携。Adobe FontsとAdobe Stockからデザインリソースも入手可能です。Behanceでは作品を見せたり、デザインのヒントも得られます。XDは、Creative Cloudに含まれる唯一のwebサイトデザインソフトです。

XD
機能

パワフルな新機能が満載。

XDは、スムーズな作業のために考え抜かれて設計されています。美しいインタラクティブ体験を作り上げるために必要なWebサイトデザインツールをすべて備えたソフトです最先端の体験をデザインし、次のWebサイトデザイントレンドを探求しましょう。

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

様々な画面サイズに合わせてコンポーネントを簡単に調整できます。ラベル変更の際には、ボタンを拡大できます。コンテンツに応じたレイアウトはデザインの最中にも自動調整されるので、面倒な処理をすることなく、スムーズな作業が可能です。詳細を見る

XD

アンカーリンク

長いスクロールページ用にプロトタイプをパワーアップさせましょう。HTML上と同様に、ナビゲーションリンクや目次、ページ上の任意の箇所にジャンプするボタンを作成できます。
 

XD

コンポーネントとステート

デザイン要素を一度作成し、好きな部分で再利用します。同じコンポーネントに異なるインタラクションを適用し、デザインシステム間で変更を即座にプッシュします。詳細を見る

XD

自動アニメーション

プロトタイプに、モーションエフェクトや遊び心のあるインタラクション、滑らかなトランジションを追加できます。コードや特別なツールは必要ありません。自動アニメーション機能がアートボード間の違いを検出し、アニメーションを自動作成してくれます。 詳細を見る

XD
XD

XDを始めましょう。

XD
プラグイン

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

XDプラグインを使用して、新しい機能とWebデザインツールを手に入れましょう。Webサイトデザインをレベルアップできるプラグインが300個以上もあります。ストック画像のインポート、デザインのアクセシビリティ要件準拠を確認、HTMLへの書き出し...デザインのあらゆる段階で、役立つプラグインがあります。

Anima

Anima

高性能プロトタイプから、開発者向けHTMLやCSSに。

Zeplin

Zeplin

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

Anima

Lokalise

Webサイトデザイン上のテキストのローカライズを自動化します。

Anima

Lorem Ipsum

Lorem Ipsumプレースホルダーテキストをデザインに挿入します。

Stark

Stark

コントラストチェッカーと色覚異常シュミレーターを使用して、アクセシビリティを考慮したデザインを作成します。

Anima

Quick Mockup

既成のUI要素とテンプレートを使用し、様々なスタイルでデザインをモックアップできます。

よくある質問

スキルレベルに関わらず優れたWebサイトをデザインできる最高のWebサイトデザインソフトです。目的に応じて、複数のツールが必要になる場合があります。
Adobe XDでは、様々なWebサイトデザインツールすべての機能が、独自の強力なツール統合されています。XDには、レイアウトグリッド、スタック、スマートパディング、アンカーリンクなど、プロレベルのWebサイトデザインために特別に構築された機能と事前設定済みテンプレート用意されています。

デザイナーはWebデザインソフトを使用し、Webサイトをデザインし、編集します。Webサイトデザインツールは、通常、デザイナーが自分のビジョンを実現し、チームメンバー、クライアント、その他の関係者にWebサイトの外観や動作を伝えるために使用されます。

 

ほとんどのWebデザインツールには、Webサイトのレイアウトと外観をデザインするためのベクトル描画ツールが付いています。Webサイトデザインツールには、既成のテンプレートを使用した上でデザイン要素をドラッグ&ドロップするタイプのものもあります。Webデザインツールを使用すると、デザイナーはページレイアウトの作成、カラーやタイポグラフィの適用、アイコンや画像の追加を行えます。

 

Adobe XDなどのWebサイトデザインツールには、プロトタイプ作成機能備わっています。これにより、静的なデザインクリック可能でインタラクティブプロトタイプ変換し、ライブWebサイト近い状態で緻密にシミュレーションできます。

 

Webサイトデザインツールには、オールインワンタイプもあります。Webサイトのデザイン、ワークフローの管理、関係者との共同作業が可能です。オールインワンのツールを使用すると、デザイナーはデザインを共有してフィードバックやデザインレビューを行い、開発者に提供するデザインを用意できます。デザインは実稼働環境に配置できるHTML/CSSコードに変換されます。

Adobe XDは、Webサイトデザイン専用に構築された、ベクトルベースデザインプロトタイプ作成ツールです。クリエイティブアプリ世界的にリードする企業により開発されており、あらゆるスキルレベル応じた堅牢で直感的なデザイン体験提供します。プロレベルのWebサイトデザインとインタラクティブプロトタイプ作成し、フィードバックやレビュー用デザイン共有し、開発者に提供する作業を、すべて1つのWebサイトデザインソフト、Adobe XD行えます。

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