XD使っていますか?毎月アップデートされどんどん便利になっているところから、Adobeさん側でもこのツールにかなり力を入れていることが伝わってくるでしょう。UXデザイナー界隈などではすでに「使えるツール」として定着した感のあるXDですが、まだまだ使ったことが無い人、どんなツールかよくわかっていない人も多いと思います。XDを導入していこうぜ」をテーマに、XDの魅力や便利な使い方などを説明していきます。XDはデザインツールである」という点があるかと思います。機能も追加されて便利にはなっていっていますが、デザイナー視点で見ればPhotoshopやSketchと比べると足りない機能が山ほどあります。XDの本質を見誤ってしまいます。XDに持ってくる」という使い方を推奨していました。PhotoshopやIllustratorの代替物では無いので、足りない機能は素直に専門のツールを使いましょうということですね。XDがアップデートしようとも、PhotoshopやIllustratorと同じことができる日は来ないとも言えます。XDとは何なのかというと、Web制作における企画から制作完了まで、関係者全員の意思疎通をスムーズに行うためのハブだと思います。XDの恩恵にもあずかれないと思います。そこで、まずはディレクターが、ワイヤーフレームを作成するツールとして使ってみましょう。ワイヤーフレームを描く場合、PowerPointか、ちょっとデザインができる人ならSketchというのが一般的かと思います。XDの特徴として、とにかく動作が軽いという点が挙げられます。Adobeさん側でも「軽さ」はかなり重点を置いている部分のようで、なんでもアートボードを数千枚開いていてもきちんと動作するとか・・・とにかくツールとして、軽いというのはそれだけで絶大なメリットがあります。XDのメリット2:機能としてちょうどいい先ほど、デザイン機能としてはPhotshopやSketchより劣ると書きましたが、ワイヤーフレームの作成としてはそれが逆にメリットとも言えます。PowerPoint以上Skech未満という部分が逆にちょうど良く、低い学習コストでいい感じに精度の高いワイヤーフレームを作ることができます。jpのような、テンプレートとなるUIキットもネット上に公開されていますので、それらを使えばさらに簡単にワイヤーフレームを描くことができます。XDの一番のメリットと言えば、プロトタイプ機能です!ワイヤーフレームの段階で画面遷移まで作成して、確認用URLを発行。ワイヤーフレームの段階からクライアントも含めて、PC/スマホでの実機確認ができるので、「いざ、デザインに起こしてみたら色々要素が足りないのでレイアウト変更したい」とか「実際にコーディングされたページを見たら使いづらいので仕様変更したい」といったWeb制作手戻りあるあるを劇的に改善することができます。XD上で完結!なんども画像をPowerPointに貼り付けて、そこにコメントも毎回書き込んで・・・といったディレクターならではの地味に面倒な作業からも開放されます。CCに契約していなくても使うことができます。2018年11月現在。Adobe公式サイト(https://www.adobe.com/jp/products/xd/compare-plans.html)より。CCに契約していなくて・・・」という方には朗報ですね。詳しくはこちらの公式ページをご覧ください。まとめいかがでしたか?Webディレクターの方でしたら、「プロトタイプ作成して、URL共有」がいかに便利で強力な機能かおわかりいただけると思います。他のAdobeのソフトを触ったことがある人であればすぐに使えると思いますので、興味が湧いた方はぜひトライしてみてください。XDのショートカットまとめweb制作には欠かせない!ペルソナの作り方ワイヤーフレームってなに?何のために必要なの?Web制作時の検証でよく利用するツールをまとめてみました。犬たろうWebとかアプリとかのディレクターをやっている犬(パグ)です。光るものがあり、クリエイティブである。「クリエイティブを楽しもう!」という思いを込めたWeb制作の情報を発信していくメディア。記事を読んで実践したいと思ったら「ティブる!」ボタンを押して頂けると運営が喜びます。AgentGate,Inc.。