はじめに
【AdobeXD】②横スワイプで画面遷移の続きです。
今回は、登録などの操作時に表示される確認ダイアログを表示させるデザインの作成手順について記載する。
作成手順
1. 投稿画面の作成
- 画面Aを投稿画面に修正
2. 確認ダイアログを作成
- 新規画面を追加
- ダイアログのサイズに調整
- ダイアログを作成
3. ボタンタップで確認ダイアログを表示
- プロトタイプ機能でボタンクリック時に確認ダイアログに遷移するよう設定
- タップ時にオーバレイ(画面の上に表示される)されるように設定
4. 確認ダイアログクリック時の遷移
- 確認ダイアログのはい、いいえをクリックしたとき、投稿画面に遷移するよう設定
- タップ時に自動アニメーションで遷移するよう設定
5. プレビューで確認
右上の▶︎をクリック
プレビューで遷移を確認
