この記事では、簡単に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 https://xdtrail.com/
まだXDを使ったことがない方がいたら、ぜひ体験してみてください。
公式サイトの動画学習も日々増えており、項目が充実していて楽しいですよ!
体験版は7日間無料で使える!(2022年4月現在)
AdobeXDには体験版と有料版があります。最初にちょっと使ってみたいなぁという人は、メールアドレスを登録して無料版をインストールするのがオススメです!体験版は現在は7日間使えます。
※以前は「無料版」があって使用期限がなかったのですが、7日間までに変更されました。
※無料期間終了後は自動で課金されますので、ご注意ください。
無料体験版のダウンロード
AdobeXDの公式サイトから、メールアドレスを登録して7日間利用できます。
右下の期間を過ぎると課金されるので注意してください。
単体プラントコンプリートプランの違い
AdobeXDの「単体プラン」とコンプリートプランの違いは、価格とドキュメント履歴の違いです。(2022年4月現在)
機能 | 単体プラン | コンプリートプラン |
価格 | 1298円/月 | 6248円/月 (2022年4月27日から6480円) |
レイアウトとデザインの機能 | ◯ | ◯ |
プロトタイプとアニメーションの機能 | ◯ | ◯ |
共同編集 | 共有ドキュメントと編集者の数は無制限 | 共有ドキュメントと編集者の数は無制限 |
リンク共有 | 共有リンクの数、無制限 | 共有リンクの数、無制限 |
アセットの書き出し(PNG、JPEG、SVG) | ◯ | ◯ |
PDF書き出し | 無制限 | 無制限 |
ビデオ書き出し(macOSのみ) | 無制限 | 無制限 |
ドキュメント履歴 | 30日 | 60日 |
クラウドストレージ | 100GB | 100GB |
Creative Cloudライブラリ | ◯ | ◯ |
リンクされたライブラリ | 無制限のライブラリ | 無制限のライブラリ |
Adobe Fontsの利用 | ポートフォリオプラン (全フォントライブラリ) | ポートフォリオプラン (全フォントライブラリ) |
Creative Cloudアプリ | XDのみ | 20以上のCreative Cloud アプリ、XDを含む |
▼Web制作を勉強する人には、他のソフトも全部使えるコンプリートプランの購入がおすすめです。
AdobeXDダウンロードページ
https://www.adobe.com/jp/products/xd.html
動画学習もがんばってね