タグ

XDに関するyasu-logのブックマーク (2)

  • Adobe XDの自動アニメーションとドラッグジェスチャーを使いこなそう - ICS MEDIA

    Adobe XDの2018年10月の大型アップデートでサードパーティ製プラグインの解禁やIllustratorとの大幅な連携強化、After Effectsへの書き出しなど多くの機能追加が行われました。中でも注目されている「自動アニメーション」と「ドラッグジェスチャー」について機能と使用例を紹介します。 自動アニメーションとは 自動アニメーションは、アートボード間の差分をアニメーションで繋ぐ機能です。2つのアートボードに同じオブジェクトが存在すると、それぞれを始点と終点として、その間の座標やサイズが自動的に補完されアニメーションが再現されます(Animate CCのタイムラインアニメーションと同じようなイメージです)。 アニメーションが適用されるプロパティは座標・サイズ・透明度・回転・角丸・枠線・テキストサイズなどで、カラーやテキストスタイルはアニメーションの開始時に、シャドウやブラーなど

    Adobe XDの自動アニメーションとドラッグジェスチャーを使いこなそう - ICS MEDIA
    yasu-log
    yasu-log 2018/12/07
    【B!】Adobe XDの自動アニメーションとドラッグジェスチャーを使いこなそう - ICS MEDIA
  • Adobe XDとPhotoshopのアセット連携が便利! 快適なデザイン制作フローを実現しよう - ICS MEDIA

    Adobe XDがデザインやプロトタイプのツールとして広まっていますが、Photoshopなど他のデザインツールとの使い分けや連携に悩んでいるウェブデザイナーの方も多いのではないでしょうか? この記事では、デザインフェーズにおいてXDとPhotoshopを併用してデザインする方法を紹介します。 Photoshop単体で最後までデザインすることもできますが、XDと連携することによって以下のような恩恵を受けられるようになります。 XDの機能「リピートグリッド」で作業効率をアップ プロトタイプで実際の動作をシミュレーション URL共有でフィードバックや修正のサイクルコストを短縮 XDの強みである動作の軽快さを利用して全体の画面を見通す PhotoshopとXDを行き来してデザインする場合 Photoshopでパーツをデザインし、XDでレイアウトする方法を紹介します。 Creative Cloud

    Adobe XDとPhotoshopのアセット連携が便利! 快適なデザイン制作フローを実現しよう - ICS MEDIA
    yasu-log
    yasu-log 2018/09/26
    【B!】Adobe XDとPhotoshopのアセット連携が便利! 快適なデザイン制作フローを実現しよう - ICS MEDIA
  • 1