Adobe XD ステート機能を使ってスライダーを作ってみよう｜viviON Designer / Frontend Engineer
XDでちゃんと動くスライダーを作りたい……動かない見せかけのハリボテースライダー（※）は嫌だ……ハリボテしか作れないハリボテデザイナーになりたくない……そう思ったことはありませんか？ ※こういうの こんにちは、ハリボテデザイナーのSです。今回は、XD上で操作できるスライダーを作成したいと思います。 知ってる知ってる！自動アニメーション（※）ってやつ使うんでしょ！ ※自動アニメーション プロトタイプのアクションのひとつ。トリガー（タップとか）によってアートボード間などをアニメーションで遷移させる。 操作するUIとスライド画像を作って アートボードを3つ作ってそれぞれの見た目を作り UIに自動アニメーションで遷移するようにインタラクションを仕込む！ できました！完璧！ ………でも、アートボード3つもあって邪魔だなあ ………え？仕様変更で1つめのスライドの背景色を黄色にしたい？ つまり… 全アー
Adobe XD コンポーネントを使った時短テクニック｜viviON Design
みなさん、Adobe XDを使っていますか？ エイシスのデザインチームではWebデザインのプロトタイプを作る際によくAdobe XDを使用しています。 「プロトタイプ」モードで、作ったデザインにアクションやインタラクションを設定すれば、画面遷移などのシミュレーションが簡単にできます。便利ですよね。 例えばこういうメニューを作成して それぞれにインタラクションを設定して… 別のぺージのメニューも設定して… さらに別のページの… ……めんどくさい！！ ということにならないための機能「コンポーネント」のご紹介をしたいと思います。 コンポーネントとはボタンなど、UIのデザインのひな形のことです。1タッチで呼び出せて使いまわすことができます。 オブジェクトを選択して右クリック、「コンポーネントにする」を選択すると 選択したオブジェクトがコンポーネント化されます。コンポーネント欄に追加されたコンポーネ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
