Web制作の提案時に使える、XDを使用したスライドショー。モックアップの作り方。
今回は、AdobeXDを使ったWebデザインの基本的な作り方を解説していきたいと思うんですが、
TOPページのデザインをする時に、よくあるケースとして、
ファーストビューのメインビジュアルにスライドショーを入れるということが比較的よくあると思いますので、コーディング前に、デザイン提出の段階で、スライドショーの完成イメージをモックアップとして作成する簡単な方法を解説していきたいと思います。
この方法を覚えると、デザインをクライアントに見せる時に、動きのイメージが共有できますので、エクセルやパワーポイントなどで、パンパンと画像を貼って提出するよりも、より完成イメージが伝わりやすくなると思いますので、皆さんもよかったら、実際の案件で、ぜひ試してみてください。
今回は、フェードインアウトと、左右にスライドする2つのパターンの作成方法を紹介させていただきます。
