Adobe XDのメリットと優れた機能

CND Watanabe

Adobe XDのメリットと優れた機能

初めまして!入社して3年と4ヵ月が経ったわたなべと申します。
Adobe製品がクラウド化し、新たなツールが増え表現の幅もかなり増えましたね。
ツールも年々進化していき、とても便利になりつつあります。

そんな中、私が特にこれは便利だなと思ったのが!
Adobe XDです。言わずと知れた有名人といったところでしょうか。

長い間、主にPhotoshopでデザインの制作をしていましたが
近年XDの存在を知るや否や、気づけばXD氏と共に制作活動を行っていたわけです。
まだまだXD歴は短い私ですが使っていて便利だなと思った点をいくつか挙げていきます!

もうご存知の方には耳にタコレベルの情報かと思いますが、
最後までお付き合いいただけると嬉しいの極みと言ったところです!!

XDのここが良いですよね。

すでに知れ渡っているXD氏の良いところを
3つにまとめました。
この3つのポイントがあるおかげで現在進行形で
XDと末永くお付き合いで来ていると言っても過言ではないです。

とにかく動作が軽い。

ここは本当に重要ですね。軽ければ軽いほど作業の効率が上がるからです。
動作もさることながら、ファイルデータ自体も軽いので
Adobe XDは1500枚ものアートボードを生成しても、60fpsで動くと言われていて、
どんなに画像やページを追加しても、快適に作業することができてしまうんです!!!
どうりでサクサク動くわけです。やってくれるぜ、XD!!

画像データとはもうおさらば。

デザインをしてから、さあ確認してもらうぞ!となった時
だいたいは画像データ、必要であれば紙で出力するなんて場合もあったりすることがあります。

だがしかし。このXDさん、もう紙も画像も必要としません。

「じ、じゃあどうやって?!」

XDでは、実際の皆さんがそれぞれ使っているブラウザ上で確認が可能

実際のウェブサイトさながらに確認することができるので
言わずもがな確認する側の人たちにもより一層デザインの共有をすることが可能になるんですね。
おいおい、一体どこまでやってしまうんだい、XDくん。
つい、そんな心の声が漏れてしまうほどのすごい奴です。

動きまでデザインができる。

例えば、ボタンにカーソルをを乗せたときの動き。
例えば、スクロールしたときに出てくる固定のメニューなどなど。
今までPhotoShopやillustratorでは少々表現が難しかった『動き』のデザインまで
こだわって作り込むことができるようになっています。

コーダーさんに伝わらなくてもどかしかったあの日々。
出来上がったものを見て認識の相違が生じていてやるせなさを覚えたあの日々。
そんな日常はもう送らなくていいんです!!!

デザイナーさんにとっても、コーダーさんにとっても
この『動きのデザインができる』というポイントはとても助かる部分だな、と
私はひしひしと感じております。

最近見つけた新たな一面。

そんなXD氏と出会ってまだ1年やそこらの新参者ですが、
色々使っていくうちに、新しい発見も致しました。

プラグインってご存知ですか?
(知ってるよ!っていうツッコミが欲しい)

独断と偏見で選んだ、これはいいぞ。というものを

2つピックアップして皆様に共有致します。

GIF Maker

名の通り、GIFが作れるプラグインです。
作り方の流れとしましては、以下のような感じです。

①動かしたいものをアートボードに用意する。

GIF Maker

②左のPREVIEW欄で調節。

GIF Maker2

③青いボタンをポチる。

GIF Maker3

 

すると、あら不思議。
簡単にGIFアニメができたではあーりませんか。
本当にすぐにできてしまいます。

GIFアニメ

簡単にできるがゆえに、複雑なアニメーションを作ることはできませんが
単純な動きであればこのプラグインで十分制作が可能なので
わりと重宝しております。

Tategaki

こちらも名の通り、横書きの文章を縦書きにしてくれるというプラグイン。
知っているのと知っていないのでは作業の効率がかなり違います。
もっと早く君と出会いたかったよ、Tategaki。出会った当初はそんな気持ちを抱いたものです。

Tategaki

Tategaki2

使い方も、上記のようにどシンプル。
今日も横書きの文章を華麗に縦書きにしてくれます。皆様も是非。

わたなべの好きなXDの機能

なんだこのブロックは。
需要なんかないよ。そうお思いですね。
しかし伝えずにはいられない。まだまだ浅い私ですが
XDのことをこれからもずっと使い続けるという一途な気持ちは
誰にも負ける気がしません!!

そんなXDガチ恋勢の私が好きな機能。
それは

リピートグリッド機能。

この機能は本当に、誰もが知っている機能ですね。
皆さんもすでに使っていることと思います。
そんなベタな機能が私は大好きです。
この機能を置いてくれて本当にありがとう、アドビさん。と何度も感謝しました。

私が思う最大の良さは、少ない操作で均等にマージンを空けることができるところ。
コーダーさん側から見ても、マージンが均等になっていて、コーディングするときに
とっても優しい機能なのかなと勝手に思っています。
作業量も省けるし、すごくいいです。リピートグリッド機能。

まとめ

いつも使っていながらも、今回記事を書くにあたり
XDのことを改めて調べておりましたが、まだまだ知らなかったことが多く
非常に勉強になりました。プラグインについて今回共有致しましたが
また新たに追加されたり、自分でももっと新規開拓をして
良いなこれ!!!?と思うものがあればまた共有できればと思います。
最後まで読んでいただきありがとうございました!!!

フォローしていただけると嬉しいです!

ご相談・お問い合わせはこちら
page top