見出し画像

XD初心者にオススメ ! 勉強ツール3選♪

こんばんは。
Webデザイナー目指して勉強中のかいもちです ! 🐣

今日は、その操作性と利便性が話題のAdobeツール "Adobe XD" の勉強方法について書いていこうと思います。初学者を対象としています。
なお、本記事では「XDとはなにか」ということには触れません。そこを知りたい ! という方は以下サイトをご参照ください。

↑ めちゃわかりやすーい ! 


まず手始めに動画を見よう ! "XD Trail"

よっしゃー ! XDダウンロード完了 ! 
という方はぜひそのままこちらのサイトへ。Adobe社が作られているサイトのようです。


結論から言うと、めちゃめちゃわかりやすいです。
しかも日本語。しかも無料。

ただ、動画めちゃめちゃいっぱいあります
しかも、メニューの一番上「機能を学ぶ」をクリックして、最も最初に出てくるのは「オブジェクトの線、塗り、ドロップシャドウの設定」ですww
これまでイラレやフォトショを使ってきた方にとってはなんてことないことかもしれませんが、XDから入る人間にとっては謎な言葉が並びます。笑

なので、「Adobe製品使い慣れてないよ〜」と言う方は、ぜひこちらの動画を一番最初に見ることをおすすめします。これを見れば、XDたるものの全体像が、なんとなく理解できるはずです。
モデルが先生役と生徒役に分かれていて、初学者がつまずきやすそうなポイントも丁寧に説明してくれます



本で学びたい派におすすめ !  "Adobe XDではじめるWebデザイン&プロトタイピング"



実際に作品を作りながら理解したい、と言う方にはピッタリ
の本です。
XDは、1つ1つの操作は難しくないですが、全体の流れとしてどう作成するか、流れをつかむまでが少し難しかったりするので(私的)、一つ作品を作り切ると言うのはとても良い勉強になりました。

かなり細かい部分まで説明がされているので、今でも困った時に時々開きます。

かの有名なmanaさんの、1冊ですべて身につくHTML & CSSとWebデザイン入門講座 をご存知の方は、そのXD版だと思ってもらえたら良いかと思います(雑な説明でごめんなさい)。
デザインするサイトがナチュラルでおしゃれな感じなので、テンション上がります ! 


ちょっと慣れてきた人におすすめ "Cocoda design"



こちらは、本来XDの勉強用サイトではなく、デザインの勉強ができるサイトなのですが、「トレーニング」というカリキュラムに沿って作品を作るページでXDを学べます。

具体的には、XDを使って名刺のデザインをする回があったり、SNSのトップページを作る回があったりと、手を動かしながらXDの操作を学べ、デザインについても学べるという大変お得なサイトです。(無料ですん ! )

ただ、XDの操作を細かく説明してはくれない(動画でXDの画面を写してはくれますが、所々見切れますし、速度もものすごく早いw)です。
なので、全くの初学者 ! という方は、先述のサイト等で基本操作を学ばれてからこちらに入ることをおすすめします。


以上、
ようやくXDでカンプが作れるようになった私のおすすめ3選でした💞


この記事が気に入ったらサポートをしてみませんか?