Adode XDは日々成長する子なので毎月アップデートがあるのですが
そのアプデ内容を公式ブログ以外あまり触れてないのでは…?
という気がするので、またAdobe XDのこと書きます!!!!
先月6月19日に界隈の一部で”神アプデ”と称される、
とある機能が実装されました。
それは『オブジェクトの位置を固定』することができる機能です。
これによりプレビューやウェブ共有した状態でスクロールしても
ヘッダーやフッター、背景画像などが動かないよう固定でき、
よりサイトイメージがつかみやすくなるそうですよ!
これも使い方はすごく簡単で
- 固定したいオブジェクトを選択する
(ロゴや装飾など細かなパーツがある場合は、あらかじめ1つにまとめてグループ化しておくと◎) - 右メニュー部分にある「位置を固定」にチェック
これだけで固定ヘッダーの完成!!!!アラマァ〜〜簡単!!
あとはプレビューして動作を確認して、オワリッ!!
ただし固定するときの注意点ですが、スクロールしたときの重なりは
左メニューに表示されてる「レイヤーの順番」で決まるので
ヘッダーレイヤーより上にメインコンテンツレイヤーがあると
スクロールした時にヘッダーをさっくり貫通してしまうので気をつけましょう
↓「ヘッダー」と「ページ上部へジャンプする矢印ボタン」と「背景画像」を固定してパララックスもどきを作りました。
ヘッダーと矢印ボタンレイヤーは上に、背景画像レイヤーは下に置いてます。
これで先方に「本番だとこの部分は動かないようになってます」なんていちいち説明しなくてもオッケ〜〜!!!
よりリアリティが増したサイトデザインに先方もニッコリ!!
打ち合わせもトントン拍子で進んで早く家に帰れる!!
みんなもAdobe XDで最高の夏、手に入れようぜ!!