うぇぶのこととか

Webテザイン、UI、UXの考察、習作、メモ

久しぶりにAdobe XDを使ってみたら痒いところに手が届かなかった話

f:id:chrmk:20171209233718p:plain

前提

普段はSketch + Prott or invisionを使用。

ちょこっと作るときにXDだけで完結するかなーと思って使ってみたら、あれ?これできないんだっけ?というところがちらほら…。

 

この機能なかったんかいと思ったもの

  • スワイプの設定できなかった(タップのみ)
  • リンクバック(前の画面に戻る)設定がなかった(モーダル閉じた時とかの遷移どうしよう)
  • オーバーレイできなかった(モーダルの表現が難しい)
  • リンクのスクロール位置を固定できない(上からになってしまう)
  • 描画モードなどなかった
  • Photoshopとの互換性(ビットマップになってしまう)

Photoshopとの互換性がないのが意外でした。

こうなってくるとわざわざXD使うほどでも…?と思ってしまいました。

やはりグラフィックの作り込みなどはまだまだPhotoshopがメインなので、データがリンク配置できたら最強。

 

 

Adobe XDの好きな点

  • なんといってもリピートグリッドが便利
  • デザインとプロトタイプが1つのソフトで済むのはイイね
  • カラー選択でカラーコード1文字いれるだけでいいので楽(例:9→#999999 / f0→#f0f0f0)
  • Sketchからsvgで書き出すとレイヤー階層なども維持したままペーストできる(なんか使えそう!)

 

 XDにはシンボルのオーバーライドができるようになったり、最近ではデザインスペック(invisionのインスペクトモードみたいな)が追加されたり少しづつ機能が追加され、より使いやすいようにと改良されてきています。

ベータ版の時から比べると大分いろいろなことができるようになりました。

今後も様々なアップデートが予定されていますので、この機能なかったんかいが減ってさらに使いやすくなることを楽しみにしています!