Adobe XD : 写真ギャラリーに動きをつけるだけで最高におしゃれ。

 

おしゃれな写真ギャラリーの動きをつくってみたー。
写真を何枚か見せたい時にね。

これは自己紹介ページを想定してるよ。

退屈なプレゼン資料、
シンプルでもちょっと動きつけるだけで
人は見てくれるので

こういうのAdobe XD でつくって、どんどん取り入れたいなーと思ってるこの頃です。

 

ただし「動き」といっても
パワポのスライドアニメーションはダサいので絶対に使わないでください

(くるくる回ってスライドインとかねww)

 

Adobe XD 基本の使い方こちら

 

How to

1. 3枚デザインをつくります。
サイズは: W1980 H1080
それぞれのアートボードの右側に一番見せたい画像を持ってきて、タイトルと説明をつける。

 


2.【プロトタイプ】をクリック
↑↑のようにプロトタイプの矢印を設定する。

「この画像を押したら、このアートボードにいくよ」っていう指示ね♪

・↓↓プロトタイプ設定 (全て共通です)
【トリガー】タップ
【アクション】自動アニメーション
【イージング】イーズインアウト 0.8秒

 

完成ー★