Webデザイン講座Webデザイン講座

黒野明子のAdobe XD入門講座

講座レベル1

2017年10月に正式版がリリースされたAdobe XD CC。軽く直感的な操作感が人気のAdobe XDは、アプリやWebサイトのレイアウト作成だけではなく、画面遷移やインタラクションを設定するプロトタイプ作成機能や、オンラインでのコメント投稿機能なども魅力です。

Adobe XD CCのスクリーンショット

また、同じAdobe製品として根強い人気を誇るPhotoshopやIllustratorとの連携もしやすくなっており、Photoshopで編集した写真をAdobe XDのレイアウトに取り込んだり、Illustratorで作成したアイコンをAdobe XDにペーストして再編集することも容易です。

この講座では、Adobe XDのユーザーインターフェイスの説明からはじめ、レイアウト手法、PhotoshopやIllustratorからの素材の取り込み方、プロトタイプ作成方法、最後はエンジニアへのデータの受渡しまで、Webやアプリのデザイン業務に携わる方が知っておきたい基本的な手法を1日で学びます。

黒野明子

加えて、Adobe製品を横断して素材などの共有ができるCreative Cloudライブラリと、iPhoneなどのモバイル端末で利用可能なAdobeのアプリ活用法も講義に取り入れています。そのため、Creative Cloudのポテンシャルを最大限に引き出す制作手法のエッセンスを、6時間で効率よく学ぶことが可能です。


修了目標

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

  • Adobe XD CCの基本的な操作方法を知る(レイアウト作成、プロトタイプ作成、デザインスペックの共有など)
  • Photoshop CC 2018とIllustrator CC 2018の最新機能を知る
  • Creative Cloudライブラリを利用し、配色や写真などの素材をアプリを横断して共有する方法を知る

カリキュラム概要

  1. Adobe Creative Cloudとはなにかを知ろう
    • デスクトップ、モバイル端末、Adobeのサーバ領域を横断したクリエイティブ環境
    • 各種デスクトップアプリとモバイルアプリの連携
    • 素材やデータの保存や共有
  2. Adobe XDのユーザーインターフェイスを知ろう
    • 描画系機能を試す
    • アートボードの設定
    • プロパティパネルの使い方
    • レイアウトグリッドの設定
  3. PhotoshopやIllustratorとの連携
    • Photoshopの新機能を利用した写真編集
    • CCライブラリパネルを通じた素材の連携
    • Illustratorの新機能を利用したアイコン作成
    • Illustratorからのベクターデータの取り込み
  4. モバイルアプリとの連携
    • Capture CCで作成した配色の連携
    • Capture CCで作成したベクターデータの連携
    • Photoshop Sketchで描いたイラストを配置
  5. Adobe XDでレイアウトを作成してみよう
    • アセットパネルの利用方法
    • リピートグリッドの作成方法
    • シンボルの作成方法
  6. Adobe XDでプロトタイプを作成してプレビューしよう
    • プロトタイプモードを知る
    • デスクトップでのプレビューと録画
    • Adobe XDアプリを利用したプレビュー
    • プレビュー画面のオンライン共有
    • プレビュー画面でのコメント機能
  7. Adobe XDを利用してコーディングの準備をしよう
    • 画像の書き出し
    • デザインスペックでデータを共有

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

Adobe XD CCのスクリーンショット

使用OS
mac
※普段使用しているOSと異なっている場合でも講座内容の習得に大きく影響はありません。
PCの持ち込みも可能です。講座内で使用するソフトウェアの設定、環境構築をしておくようお願いします。
講師
黒野明子
定員
6名
対象
・これまでPhotoshopやIllustrator、Sketchなどを利用してWebサイトやアプリのデザインをしていた方
・ディレクター職だがチーム内で効率よく作業できるワイヤーや素材の受け渡しを知りたい方
・これからWebデザインを学びたい印刷系のデザイナー
対象OS
対象のOSは、最も機能を豊富に利用できるmacOSとしますが、Windows版への言及もします。
会場
ロクナナワークショップ
東京都渋谷区神宮前1-1-12 原宿ニュースカイハイツ 204号室
JR山手線「原宿駅」・東京メトロ副都心線「北参道駅」から徒歩7分

受講料

29,800円(税込み)

受講料には、テキストやノートPCの使用料金などを含んでおります。入会金などは一切必要ありません。

最大30%OFFまでの割引あります

  • 早割30
  • 早割10
  • 遠方割
  • 学割
  • 主婦割

開講日・お申し込み

2018年03月24日(土)11:00~18:00残り6席

2018年04月04日(水)11:00~18:00残り5席

受講希望の方は 受講規約 および よくある質問 のページを閲覧していただき、ご了承の後にお申し込みフォームからお申し込みください。また お申し込みの流れ もご参照ください。


  • Twitter
  • Instagram
  • Facebook