概要

軽くて速い操作感が魅力のAdobe XDは、ワイヤーフレームレベルでの企画検討からプロトタイプ作成、詳細なデザインの作り込みまで、アプリやWebサイト制作における幅広い過程で活用できるツールです。

デザイナーのみならず、ディレクターやエンジニアにも注目されており、プロジェクトの始まりからフロントエンド開発の手前まで、チーム全体で同じツールでコミュニケーションをとることが可能です。

とてもシンプルなUIで、PhotoshopやIllustratorと比較するとツールの数も少なく、操作を覚えやすいのも大きな利点です。

講座の仕上げとして、受講生同士でロールプレイしながら、Adobe XDでのコミュニケーションとデータの受け渡しなどに取り組みます。6時間集中した学習で、基礎から実戦に活用できるテクニックまで学びましょう。

修了目標

本講座の受講修了時に、以下のスキル習得を目指します。

1. Adobe XDを利用したワイヤーフレームの作成方法を知る

2. 作成したワイヤーフレームを元にデザインを作り込むテクニックを知る

3. 作成した画面デザインを利用して、画面遷移やトランジションの設定をする（プロトタイプの作成）

カリキュラム概要

1. AdobeXDのユーザーインターフェイスを知ろう

• Adobe XDで新規ファイルを作成しよう
• アートボードを設定しよう
• レイアウトグリッドを設定しよう
• 描画系の機能を知ろう
• プロパティインスペクタの特徴を知ろう

2. アートボードに描画していこう

• 長方形や楕円、線の描画
• シェイプとパスの違い
• 角丸の編集
• オブジェクトの大きさと位置の管理
• ペンツールで自由な曲線の描画
• 描いたオブジェクトの編集
• ブーリアングループの作成（オブジェクトの型抜き等）
• 色と線の太さの設定
• グラデーションの設定
• シャドウやぼかしの設定
• オブジェクト同士の距離を測る

3. 文字を扱おう

• ポイントテキストとエリア内テキストの違い
• フォントや大きさなどの変更
• カーニングや行送りの設定
• 色の変更

4. .xdの中に素材を取り込もう

• 写真の配置方法
• CCライブラリパネルからPhotoshopで作成した写真を連携
• CCライブラリパネルからIllustratorで作成したアイコンを連携
• 一度連携した素材の再編集と同期

5. アセットパネルにカラー、文字スタイル、シンボルを登録しよう

• カラーを登録する
• 文字スタイルを登録する
• シンボルを登録する
• 登録した要素を利用する
• 一括編集や置き換えについて知る

6. レイアウトを作り込んでいこう

• リピートグリッドを作成する
• リピートグリッド内に外部からのデータを取り込む
• 要素を整列させる

7. プロトタイプを作成してプレビューしよう

• プロトタイプモードを知ろう
• 固定オブジェクト機能を知ろう
• アートボードのオーバーレイ機能を知ろう
• デスクトップでのプレビューと録画
• Adobe XDアプリを利用した実機プレビュー

8. プレビューを共有するロールプレイング

• 相互にデザイナー役とクライアント役になってみよう
• プレビュー画面のオンライン共有を知ろう
• パスワードの設定について知ろう
• メールアドレスを使って非公開プロトタイプに招待しよう
• 招待されたプレビュー画面にコメントを付け合おう

9. Adobe XDを利用してコーディングの準備をしよう

• 画像を書き出そう
• デザインスペックでデータを共有しよう

＊カリキュラムの進度および内容は、受講者全員の理解度・習得度によって変更される場合があります。

使用OS

macOS

※普段使用しているOSと異なっている場合でも講座内容の習得に大きく影響はありません。 PCの持ち込みも可能です。講座内で使用するソフトウェアの設定、環境構築をしておくようお願いします。

講師

黒野明子

定員

6名(各種申込みサイト合計)

対象

・これまでPhotoshopやIllustrator、Sketchなどを利用してWebサイトやアプリのデザインをしていた方

・ディレクター職だがチーム内で効率よく作業できるワイヤーや素材の受け渡しを知りたい方

・これからWebデザインを学びたい印刷系のデザイナー

対象OS

受講環境のOSは、最も機能を豊富に利用できるmacOSとしますが、Windows版との違いなどもお伝えします。

料金

29,800円（税込み） 各種割引あり

会場

東京・原宿　ロクナナワークショップ

募集締切後のお申込み、お問合せ

本サイトでのお申し込みは、講座開催の1週間前に締め切られますが ロクナナワークショップ内講座概要ページからは開催前日までお申込みいただけます。

受講規約など

受講希望の方は受講規約およびよくある質問のページを閲覧していただき、ご了承の後にお申し込みください。