XDとPhotoshopどっちを使ったらいい？

こんにちは。MaromaroのChieです。
MaromaroではAdobe XDとAdobe Photoshop両方とも導入していますが、実際どんなときにどちらを使ったらよいのか悩むこともあるのではないでしょうか？
今回は実際どんなときにXDを使ったらよいのか？もしくはPhotoshopを使ったらいいのかをご紹介！

XDとは？という方は過去の記事をご参照ください。

Maromaro Blog

 

2 Shares

これからのWebワイヤー作成はAdobe XDで決まり！

※この記事は2017年4月14日時点に執筆したものです。（2017年5月16日アップデート）こんにちは佐々木です。早速ですが、みなさんWebサイトを作成する時に、ワイヤーは何のソフトウェアで作成されていますか？エクセル？、ワード？、パワーポイント？、もしくはブラウザベースのサービスですか？ワイヤー作成となると、その人それぞれのポリシーがあって色々な形式で作られていますよね。ところがほとんどの場合、そもそもワイヤー作成用のソフトウェアじゃないですよね。きっと、何のソフトウェアで作るのが正解なのか、モヤモヤした事...

ワイヤーフレームなら断然Adobe XDがオススメ

ワイヤーやプロトタイプを制作するなら、断然に断然Adobe XDがオススメです！
XDの強みと言ったらやはり、実際のデバイスでのプレビューが可能なこと。ここがなんと言ってもPhotoshopとの違いではないでしょうか。

XDモバイルアプリのiOS版またはAndroidを使用して、実際のデバイスでUXをプレビューできるので、画面遷移等の設定をしておけば、より効果的なワイヤーにもなりますね！

2020年2月のアップデートで共同編集もできるようになったので、リアルタイムに共同作業を行うことで、スピーディに制作を進めることができるようになったこともオススメポイントです。

グラフィカルなデザインならAdobe Photoshop

テクスチャや効果を多く使用したグラフィカルなデザインをするなら、やはりPhotoshopがオススメです。
私自身がPhotoshop → Fireworks → Photoshop　ユーザーだったことも大きな理由ではありますが、やはり直感的にデザインを行えるのは、Photoshopが一番やりやすかったです。

プレゼンのときなどにより効果的に説明ができるものとしては、XDがオススメではあるので、制作したPhotoshopのデータをXDに読み込んでプレビュー用にするのも一つの手ですね。
★Sketch、Photoshop、Illustratorファイルなら、XDデータに変換可能

シンプルにデザインしたいならAdobe XD

Photoshopほど直感的ではないですが、管理画面やお問い合わせフォームなど、シンプルにデザインしたいならAdobe XDがオススメです。
コンポーネントを作成しておけば、ページの量産時に便利です。
プラグインを使用すれば、より便利に素早くデザインが行えるのではないでしょうか。

Maromaro Blog

 

1 User

ますます便利になったAdobe XDのプラグインで作業を捗ろう！

こんにちは！Maromaroのchieです！アップデートにより、ますますシェアを拡大しているAdobe XD。sasakiが以前Adobe XDのプラグインにつきて書きましたが、今回はインストール方法のおさらいとさらにオススメなプAdobe XDプラグインをご紹介！Adobe XDプラグインのインストール方法※Adobe XDが最新でない場合は、アップデートを行ってください。Adobe XDのプラグインのインストール方法は2通りあります。・Adobe XDからインストール（XDに登録されているプラグイン）・Webからインストール（XDには登録されていないプラグイン）Adobe XD...

UI/UXに効果的なのはAdobe XD

XDで制作したデザインにボタンによるページ遷移、オーバーレイメニューやダイアログボックス、スクロール位置の調整なども設定できるので、より公開的なUXを表現できまるのは、やはりAdobe XDではないでしょうか。

まとめ

Adobe XDもAdobe Photoshopも一長一短ではあるのかなとは思いますが、両方を使いこなすことで最強のツールになるのではないでしょうか？
この先、どのようなデザインが流行ってくるかでツールの使い道も変わってくるとは思いますが、私個人としては今後もXDもPhotoshoｐも欠かせないツールの一つではあります。