Adobe XD を使用した UI の計画 ui-planning-adobe-xd

通常、新しい web サイトの計画は、モックアップと静的なデザインから始まります。Adobe XD は、ユーザーエクスペリエンスを構築するためのクラス最高のデザインツールです。アドビでは、Adobe XD または他のツールを使用した UI モックアップを通じて、Sites の実装を計画することをお勧めします。

前提条件 prerequisites

これは複数のパートから成るチュートリアルであり、前の章で説明した手順が完了していることを前提としています。この章は単に「見て学ぶ」パートのため、後続の章に進むために必要なアクションはありません。

ビデオに沿って進めるには、Adobe XD がインストール済みで、無料体験版を利用できることが必要です。

目的

作成する内容 what-you-will-build

この章では、2 つの Adobe XD ファイルを確認します。1 つは標準サイトテンプレート用であり、もう 1 つは提案された WKND サイト用です。

標準サイトテンプレート UI キット standard-site-template-uikit

大まかな手順：

WKND UI キット wknd-ui-kit

大まかな手順：

おめでとうございます。 congratulations

これで、Adobe XD の UI キットを使用して AEM Sites の実装をマッピングおよび計画する方法を学習しました。

その他の UI キットもあり、検査とダウンロードが可能です。

次の手順 next-steps

次の章では、WKND 記事のデザインに基づいて、新しいページテンプレートを作成します。

ページテンプレートを作成および変更する方法を説明します。ページテンプレートとページとの関係を理解します。ページテンプレートのポリシーを設定することにより、コンテンツのきめ細かいガバナンスとブランドの一貫性を実現する方法を説明します。 Adobe XD で作成したモックアップをもとに、適切に構造化された雑誌記事テンプレートを作成しました。