AdobeXD 動画学習で簡単にWebデザインを体験!

Webデザイン

この記事では、簡単にWebデザインができるAdobeXDの勉強について紹介します。

AdobeXD(アドビ エックスディー)とは

AdobeXDは、Adobe社が提供している「初めての方でも簡単に使えるUI/UXデザインツール」です。
※UI(ユーザーインタフェース):コンピューターとユーザーの接点を意味し、情報のやり取りの方法などのこと
※UX(ユーザーエクスペリエンス)ユーザーがサービスなどによって得られる感覚や体験の心地よさのこと

ごん先生
ごん先生

2016年に誕生して現在主流になりつつあるソフトだよ。デザインの経験がない人にも使いやすいんだって!

使いやすいよね〜。下の画像のサイトをご覧ください。(説明用に自分で使って制作しました)

AdobeXDでできること

AdobeXDでできることの例
ワイヤーフレーム(デザイン設計図のようなもの)の作成
デザインカンプ(デザインの完成見本)の作成
プロトタイプ(画面が遷移する・ボタンが機能するなどの試作品)の作成
④クライアントや制作チーム・ディレクター間で①〜③を共有できる

AdobeXDの便利な機能を紹介

私がXDを使ってみて感動したのは、「リピートグリッド機能」と、「画像や原稿を一気に挿入できる機能」です。XDならではの機能なのでぜひこの爽快感を体験してみてください。

リピートグリッド機能

リピートグリッド機能とは素早くギャラリーやリストを複製して、その場で変更が反映させる機能です。1ヶ所を変更すれば、どこにでもどの方向でも適用できます。

縦にも横にも複製できます。文字や画像などのスペースの修正も自動で全て反映しますし、リピートグリットはすごく便利です!

画像や原稿を一気に配置できる機能

AdobeXDでは複数の画像や原稿を選択してドラッグして一気にレイアウトすることも可能です。

魔法のように一瞬で配置されます。

ごん先生
ごん先生

使うととても気持ちの良い機能だよね!

簡単にWebデザイナーを体験できる

このブログを見つけてくれた人の中には、Webデザイナーの職業訓練を受けたい人、これからWebデザインをやってみたい人がいらっしゃると思います。

例)自分がWebデザイナーになれるかはわからないけど、どんな感じでデザインするのかを体験してみたい。

という人にオススメなのが、AdobeXD公式のホームページのラーニングページ「AdobeXD Trail」です。XDの使い方を動画を見て学べ、登山に関するおしゃれなホームページを制作することができます。楽しくてわかりやすいのでオススメです!

ごん先生
ごん先生

初心者の人向けに、使い方を学べる「チュートリアル」や「ハウツーガイド」が用意されています。

出典:AdobeXD Trail

AdobeXD Trail https://xdtrail.com/
まだXDを使ったことがない方がいたら、ぜひ体験してみてください。
公式サイトの動画学習も日々増えており、項目が充実していて楽しいですよ!

体験版は7日間無料で使える!(2022年4月現在)

AdobeXDには体験版と有料版があります。最初にちょっと使ってみたいなぁという人は、メールアドレスを登録して無料版をインストールするのがオススメです!体験版は現在は7日間使えます。
※以前は「無料版」があって使用期限がなかったのですが、7日間までに変更されました

※無料期間終了後は自動で課金されますので、ご注意ください

無料体験版のダウンロード

AdobeXDの公式サイトから、メールアドレスを登録して7日間利用できます。

出典:AdobeXD公式サイト

右下の期間を過ぎると課金されるので注意してください。

単体プラントコンプリートプランの違い

AdobeXDの「単体プラン」とコンプリートプランの違いは、価格とドキュメント履歴の違いです。(2022年4月現在)

機能単体プランコンプリートプラン
価格1298円/月6248円/月
(2022年4月27日から6480円)
レイアウトとデザインの機能
プロトタイプとアニメーションの機能
共同編集共有ドキュメントと編集者の数は無制限共有ドキュメントと編集者の数は無制限
リンク共有共有リンクの数、無制限共有リンクの数、無制限
アセットの書き出し(PNG、JPEG、SVG)
PDF書き出し無制限無制限
ビデオ書き出し(macOSのみ)無制限無制限
ドキュメント履歴30日60日
クラウドストレージ100GB100GB
Creative Cloudライブラリ
リンクされたライブラリ無制限のライブラリ無制限のライブラリ
Adobe Fontsの利用ポートフォリオプラン
(全フォントライブラリ)
ポートフォリオプラン
(全フォントライブラリ)
Creative CloudアプリXDのみ20以上のCreative Cloud
アプリ、XDを含む
※詳細はAdobeXD公式ページ[XDのプランを比較する]でご確認を

▼Web制作を勉強する人には、他のソフトも全部使えるコンプリートプランの購入がおすすめです。

AdobeXDダウンロードページ
https://www.adobe.com/jp/products/xd.html

ごん先生
ごん先生

動画学習もがんばってね

プロフィール
この記事を書いた人
いまみ&ごん

在宅Webデザイナーになった主婦です。前職は編集系の仕事をしていました。退職後にWebデザインの職業訓練校を経て、Web制作会社でアルバイトを経験。現在は在宅でバナー制作を中心にお仕事をしています。Twitterをフォローしてもらえると喜びます。

いまみ&ごんをフォローする
Webデザイン
いまみ&ごんをフォローする
Webデザときどきプログラミング
タイトルとURLをコピーしました