営業ナシでWeb制作案件が舞い込んでくる”新世代”戦略 ▶︎

【失敗しない】Adobe XD『プラン選び』と『インストール方法』

本記事では現役Webデザイナーの筆者が『Adobe XDのプラン選びとインストール手順』を徹底解説していきます。

今までAdobe製品を使ったことがない初心者の方にわかりやすく解説していきます。

記事の最後にはAdobe XDを無料で習得する方法をお伝えしていますので、是非最後までご覧くださいね!

 

この記事の信頼性(筆者はこんな人)

  • 現役Webデザイナーが執筆
  • 継続して月収80万円超のフリーランス
  • 完全未経験から独学でWeb制作スキルを習得
  • TwitterにてWeb制作のメンター経験多数(→@twinzvlog_yk
  • 認定ランサー(ランサーズ最高ランク)

 

  • Adobe XDを一瞬でインストールする手順を知りたい・・
  • Adobe XDってどのプランを選べばいいのかな・・
  • できれば時間もお金もあんまり使いたくない・・

 

こんな悩みや疑問を解消できる記事内容になっています。

ふたご

 

Webデザインにおける『Adobe XD』の役割はこれ

Adobe XDを使えば、まるで本物かのような『見た目』のWeb・アプリなどデザインを作れます。ワイヤーフレーム、モックアップ、アニメーション、プロトタイプ、共同作業などの機能がすべてひとつのUI/UXデザインツールで思いのまま。あらゆる画面に対応する(レスポンシブ対応)高精度のデザインを作成することもカンタンに直感的にできてしまいます。

 

筆者は制作物やクライアントによってXD / Photoshop / Illustratorの3つを使い分けていますが、

クライアントからの指定がない場合にはXDでワイヤーフレーム〜プロトタイプ作成まで作ることが多いです。

 

【簡単ステップ】Adobe XDのインストール手順

 

Adobe XDのプランを選択

まずはインストールするAdobe XDのプランを決めましょう。と言っても「どのプランを選べばいいの?」「金額は?」「インストール方法もわからない」と悩んでしまう方が多いと思います。なので筆者が実際に使っている『コンプリートプラン』と、まずはAdobe XDだけ学習したい方向けの『Adobe XD – 単体プラン』の2つをご紹介します。

 

実際に案件を受注する際には『XD / Photoshop / Illustrator / Dreamweaver』全てを使用するので『コンプリートプラン(5,680円)』が3,000円ほどお得です。

(単体購入の場合、8,620円)

 

もちろん、現役Webデザイナーの筆者もコンプリートプランに登録しています。

それでは実際に見比べてみましょう!

 

コンプリートプラン

 

Adobeツールをほぼ全て(20以上)利用できます。特にWebデザイナーなら確実に使うことになる『XD / Photoshop / Illustrator / Dreamweaver』を格安で使えるので迷わずコンプリートプランをインストールすることを推奨します。

 

料金

本体価格5,680 円/月


※『XD / Photoshop / Illustrator / Dreamweaver』を単体で購入した場合

  • 1,180 円/月:XD – 単体プラン
  • 2,480 円/月:Photoshop – 単体プラン
  • 2,480 円/月:Illustrator – 単体プラン
  • 2,480 円/月:Dreamweaver – 単体プラン

 

合計:8,620 円/月


つまり、コンプリートプランなら3,000円近くお得

 

プランを見てみる

 

 

Adobe XD  単体プラン

 

主に複数ページのWebサイトやモバイルアプリのワイヤーフレーム(設計図)やデザインを作成する際に使います。PhotoshopやIllustratorではなくAdobe XDでデザインを作ってほしいというクライアントも多いのでWebデザイナーなら習得必須なツール。100GBの豊富なストレージで自由に制作ができます。

 

料金

本体価格1,180 円/月

 

プランを見てみる

 

 

ここまで読んでいただいた方はわかりますよね。

Webデザイナーとして稼ぎ続けたい方にとっては、コンプリートプランが圧倒的にお得なんです

 

正直筆者もAdobeツール(20個以上)の全てを使用している訳ではないのですが、デザイン作成においてはXD / Photoshop / Illustratorの3つをクライアントによって使い分け、コーディングにおいてはDreamweaverを使用しているため、結果的に『コンプリートプラン』が最も固定費を抑えられます。

 

通常価格5,680円 / 月』と、正直いって少々お高いので悩んでしまうかと思いますが、『たった3ヶ月』学習を継続すれば、このくらいの出費は何倍にもなって返ってきます。迷わず投資しましょう。

 

※14日間の全額返金期間があります。(全プラン)

 

とは言ってもやはり、学習段階でいきなり『通常価格5,680円 / 月』を支払うのは抵抗がありますよね。。

 

なので一旦は『Adobe XD – 単体プラン(1,180 円/月)』を使ってみて学習がひと段落した頃に『コンプリートプラン』に変更して他のツールも習得する流れも全然アリ!(学生なら『コンプリートプラン5,680円/月▶︎▶︎1,980 円/月

 

Adobe料金プランを確認

 

Adobe XDの料金プランをもっと詳しく比較したい方は下の記事をご覧ください。(無料プランについても書かれています)

【失敗しないための】Adobe XD『無料』『有料』プランの違いを徹底比較

 

Adobe XDのインストール方法(1分で完了)

  1. まずはCreative Cloudのプランと価格からお好みのプランを選び『購入する』を選択
  2. メールアドレスを入力』という項目が出てくるので入力して『支払い手続きへ』を選択
  3. すると下の画像のような画面に遷移するので手順通りに記入し『注文する』を選択すれば完了です

 

 

ついにWebデザイナーとしての一歩を踏み出しましたね。その行動力はさすがです!

ふたご

 

まとめ

最後まで読んでいただきありがとうございます。

 

この記事のまとめ

 

1. Webデザインにおける『Adobe XD』の役割

 

2. 【簡単ステップ】Adobe XDのインストール手順

Adobe XDのプランを選択

Adobe XDのインストール方法(1分で完了)

 

いかがでしたでしょうか?

初心者の方が絶対に失敗することなく、Adobe XDをインストールできるように精一杯書かせていただきました。

少しでもお役に立てたのなら本望です。。

もし何かご不明点や『ひとりだと挫折してしまうから、メンターとしてサポートしてほしい』という方がいましたら、TwitterからDMをいただければご相談に乗ります。

 

【完全無料】Adobe XD公式チュートリアルを使って本格的に学習を始めたい方は、下の記事で詳しく紹介しているので参考にしてみてください。(筆者は初見で『これが無料…!?』と仰天しました)

【絶対に損しない】Adobe XD公式チュートリアルで無料学習|Adobe XD Trail

 

Webデザイナーに必須のAdobeツールは『Adobe XD』の他にも 『Illustrator / Photoshop / Dreamweaver』があります。現役Webデザイナーの筆者も当然使っています。

(コンプリートプランならこれら全部が使い放題です)

しかも、その全てが無料で学習できます。
これ実はあまり知られていない情報なのであなたはかなりラッキーだと思います。。!

 

コンプリートプランを見てみる

 

Web制作学習で挫折した経験はありませんか?

 

『CSSアニメーションやエフェクトだけではなくWebサイトをゼロから作って稼いでいきたい』

『3ヶ月くらいで最低でも月10万円は稼ぎたい』

『営業とかやったことないけどWeb制作だけで稼いでいきたい』

 

 

こんな方のためにWeb制作で月80万超稼ぐ筆者が自身の経験を踏まえて【失敗しない】Webデザイナー(Web制作)独学ロードマップを執筆しました。

 

 

少額の投資で3ヶ月後には月10〜30万稼げるよう設計してあります。
(学習教材やAdobeなど最低限のコストはかかります)

 


ロードマップの構成

  • Web制作に特化した『確実に身に付く』学習方法
  • Web制作会社が喰いつく理想的なポートフォリオの作成手順
  • 返信率10%以上!Web制作会社へのメール営業

 

有料公開も考えましたが「Webデザイナー(Web制作)はまだまだ稼げることを証明したい!」という思いが強く、期間限定で無料公開をすることにしました。

 

 

2021年半ばまでは無料公開する予定ではありますが前倒しすることもあり得ますのでご興味ある方はお早めにどうぞ!