作成しながら学ぶAdobe XDの基礎

Adobe XDでモバイルアプリをデザインできます！

🙆🏻‍♀全国のスペアデザイナーの皆さんウェルカム！ 🙆🏻‍♂

デザイナーの業務スキルを向上させ、より良いデザイン環境を作るためにデザインツール講座をする
「ヨンナムドンイジェヨン」です！このレッスンでは、Adobe XDデザインツールを使用してプロトタイピングを作成できます。

Adobe XD Prototyping?

Hello〜！ Adobe XD（Adobe XD）が初めてのすべてのデザイナーの方々、大歓迎です！ PhotoshopやAiを扱った経験があっても、Adobe XDは少し違うツールです。モバイル、ウェブをデザインしてデザインした結果をプロトタイプで開発し、ユーザビリティテストを進めることができます。

1. Adobe XDでYouTube Music UIを設定する

^{▲YouTube Musicアプリを設定しながら、Adobe XDの基本的なUI設定方法について学びます。
Material Designを活用したUI構成も一緒に調べる基本的なUI構成 :)}

2. 基本的なスクロールプロトタイピングの実装

^{▲縦横にスクロール画面を作成し、プロトタイプを実行してみましょう。}

3. 写真が大きくなりながら切り替えられる効果 - 自動アニメート

^{▲自動アニメーション機能を活用した画面切り替え効果を実現します。}

4. オーバーレイトランジション機能

^{▲オーバーレイ機能で画面を切り替えてみましょう。}

🙌この講義を受講するために必要なもの！

Adobe XDを搭載したノートパソコン、PC！
聞いてみると全部身につけることはできません。最速の学びの道は自分で作る方法です:)

🙋🏻‍♂️質問がありますよ！

Q. デザインを初めて学びます。難しくないでしょうか？
A. デザイン非専攻者も簡単に聞ける講義です。 Adobe XDの基本的な内容ではなく、実際のUIを直接設定しながら進める方法です。退屈な講義ではありません！

Q. なぜAdobe XDを学ぶのが良いのですか？
A. Sketchアプリが作成され、Adobe XDを含むサードパーティ製の製品がウルルリリースされました。どのようなソフトウェアが本人にとって有用であるかを直接経験してみなければわかりません。あなたの手に合ったデザインツールを選ぶのはあなたの役割です。たくさん体験してください！

Q. Windows PCも可能ですか？
A. Adobeの製品はすべてのOSで駆動可能です:)

Q. Adobe XDを使用する企業はありますか？
A. もちろんです。 Windows OSを使用する企業が多いため、依然として複数のデザインエージェンシーで使用しているソフトウェアです。そして同じ系列の製品と互換性のある利点もあります。

Hello、Everybody！ 「ヨンナムドンイジェヨン」です。

私は2017年に「おいしいスケッチ」というスケッチアプリの本を書きました。ボール入りの時間ほど売れていない卒作ですが、😢😢 IT会社を運営しながらデザインツールに触れ、デザイナーとして直接デザインした内容を実物アプリサービスに仕上げていきながら、蓄積されたノウハウを共有し、より良いアイデアを作っていくことに喜びを感じています。

今始めましょう、
始まった人と始まっていない人は、大きな違いを表します。