Adobe XDの自動アニメーションとドラッグジェスチャー機能を使って、UIのインタラクションを実装したまとめ
Adobe XDの2018年10月のアップデートで使えるようになった新機能「自動アニメーション」「ドラッグジェスチャー」を使用して、Webサイトやスマホアプリで見かけるUIのさまざまなアニメーションやインタラクションの実装を紹介します。 Adobe XDの「自動アニメーション機能」はかなり簡単にさまざまなエフェクトやトランジションが短時間で実装できます。さらに「ドラッグジェスチャー」を加えることで、タッチデバイスのドラッグ操作をシミュレートでき、自動アニメーション機能をさらに一歩進めることができます。 Adobe XD: putting auto-animate to the test 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 ここで紹介したAdobe XDのファイルは、記事の最後でまとめてダウンロードできます。 また、こ
Adobe XD - アートボードにグリッド(ガイド)を表示する
Adobe XDでグリッドの表示する方法です。 ショートカットキー ⌘ + ‘もしくは、⌘ +Shift+ ‘ 基本的な使い方 1.アートボードを選択 アセット（Photoshopで言うところのレイヤー）を選択してもそのアセットを書き出すことが出来ます。 アートボードを書き出す場合は以下のいずれかの方法でアートボードを選択します。 レイヤーパネルでアートボードを選択 Commandを押しながらアートボードをクリック アートボードをダブルクリック アートボードを選択すると右側のプロパティの一番下に「グリッド マス目」が表示されます。 2.プロパティで「グリッド マス目を」チェック グリッドが表示されます。 アートボードを選択している状態であれば「⌘ +Shift+ ‘」でも表示されます。 オプション グリッドの間隔を変更する チェックボックスの横にある「数字」を編集すると、グリッドの間隔をp
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
