aptpod Advent Calendar 2021 の8日目を担当します、コーポレート・マーケティング室、デザインチームの高森です。今回はAdobe XD(以降XD)を使ってフリートマップの中でアクションしているようなプロトタイプの作り方を紹介します。
【サンプル動画】
- プロトタイプでフリートマップを制作するメリット
- これまでの作り方
- XDを使った作り方
- STEP1:マップ上をカーソルが動いている背景用動画を準備する
- STEP2:デザインに背景用動画を配置する
- STEP3:車両一覧クリック時に反応するカーソルを配置する
- STEP4:クリック時に遷移する画面を作成する
- STEP5:アートボード間のリンクを作成する
- 終わりに