お客さまがご利用のブラウザはサポートされていないため、正常に利用できない可能性があります。 お手数ですが、こちらをご確認いただき推奨環境のブラウザをインストールしてご利用ください。

Adobe XD アセット&コンポーネントでデザインスピードアップ

対面 オンライン

ウェブデザイナー 松下絵梨氏登壇、Adobe XDのアセットとコンポーネントを駆使し、ウェブとUIのデザインを効率よく高速でこなす実践講座。

こんなことを学びます

全国の方がご参加可能な、「オンライン受講」に対応している講座です。

ご参加のすべての方が、講座開催後でもお好きなときに収録動画をご視聴可能な「見逃し配信」も用意しています。

--

Adobe XD®は、ウェブページやアプリのワイヤーフレーム、ビジュアルデザイン、そして、プロトタイプを効率よく制作し共有することで、プロジェクトのコミュニケーションを円滑にするUI/UXのプロトタイプイングツールです。

Adobe XD
https://www.adobe.com/jp/products/xd.html

ウェブサイトやアプリのたくさんのページやUIのデザイン制作を、効率よく素早く進めるために欠かせないXDの二つの強力な機能が、『アセット』と『コンポーネント』。

デザイン全体で繰り返し利用される多数のカラーや文字のスタイルのほか、ナビゲーションやボタン、ヘッダー、フッターなどの共通要素をコンポーネント化し、それらをアセットパネルで集中管理することによってデザインの効率化と統一性をもたらし、コーダーの方との円滑なコミュニケーションを可能にします。

しかし、それを実現するためには、アセットとコンポーネントのきちんとした基礎と実践的な使い方を知る必要があります。

この講座では、デザイナー・クリエイターとして豊富な実績を持ち、『Adobe XD ユーザーグループ 大阪』の代表を務め、5月29日発売『Adobe XDではじめるWebデザイン&プロトタイピング 一歩先行く現場のスキル』を上梓された松下絵梨氏が登壇。
Adobe XDのアセットとコンポーネントの基礎から実践的な使い方まで、徹底解説いただきます。

Adobe XD ユーザーグループ 大阪
https://xdug.jp/osaka/

『Adobe XDではじめるWebデザイン&プロトタイピング 一歩先行く現場のスキル』(翔泳社)
https://www.shoeisha.co.jp/book/detail/9784798158716

プロの現場に必要不可欠なこのXDの機能を習得して、無駄なく、素早く、効率のいいデザインワークを、この実践的講座から始めてください。


Keywords: プロトタイプ, インタラクション, Adobe, XD, アセット, コンポーネント


● この講座で学べること
○ アセットカラーと文字スタイル
○ マスターコンポーネントとインスタンス
○ コンポーネントの入れ替え
○ マウスホバー時のアニメーション(ステート機能)

● この講座で得られること
○ 効率よくデザインを行うことができるようになる
○ 後からの編集に強いデータを作ることができるようになる
○ コーディングに適したデザインを作成できるようになる
※ 配布資料がある場合あは、配布やダウンロードなどで入手いただけます。
※ 講座内で利用するデモなどのサンプルファイルがある場合は、ダウンロードで入手いただけます。
※ 各種受講証明書への署名・発行に対応します。

● この講座の特徴
○ ハンズオンでも、聴講でも、お好きなスタイルで受講可能な『技術講座』です。
○ 実践的な技術や方法を、要点をまとめて具体的にわかりやすくお伝えします。
○ 操作の解説は、デモンストレーションを実演して解説します。
○ 講座開催の後でも1週間、講義の様子をすべて収録した動画の視聴ができ、グループメッセージで登壇者宛に質問が可能です。

● 協賛企業・ブランド
株式会社翔泳社

#bauya112
続きを読む

開催日程がありません

開催予定エリア

六本木・赤坂

価格(税込)

¥3,800

受けたい
13人が受けたい登録しています

対面受講日程

開催日程はありません。開催リクエストを送ってみましょう。

価格(税込) ¥3,800
場所 六本木・赤坂

オンライン受講日程

開催日程はありません。開催リクエストを送ってみましょう。

価格(税込) ¥3,800

この講座の先生

松下 絵梨のプロフィール写真
ウェブデザイナー,UIデザイナー,講師

松下 絵梨

大阪出身大阪在住のウェブ/UIデザイナー 

東京理科大学理工学部卒業 

京都造形芸術大学 非常勤講師 
デジタルハリウッド大阪校 主幹講師 
コンピュータ専門学校HAL 非常勤講師 

通信機器メーカーで開発・サポート業務に従事したのち、デザイン・広報秘書業務に転身。
2010年よりフリーランスとして独立し、DTP、ウェブ、アプリデザイン、ディレクションを行なっている。 

ウェブに関する様々なセミナーを行っているCSS Niteでは、「CSS Niteベスト・セッション2018」「CSS Niteベスト・セッション2019」でベスト10セッションに選出された。 

『Adobe XDではじめるWebデザイン&プロトタイピング 一歩先行く現場のスキル』著者
https://book.tsukiakari.design/xd/ 

CSS Nite in Osaka 実行委員長 

Adobe XD ユーザーグループ大阪 代表 

Twitter
https://twitter.com/matsu_eri

この講座の主催団体

クリエイターの学び舎 Bau-ya

プロとプロを目指すクリエイターの学び舎、Bau-ya™(バウヤ)。
アートやデザイン、ITやウェブなどの、トップクリエイターや著名講師らの『いま、伝えたいこと』を、そのまま講座にして催します。


■ Bau-yaが招聘する実力派講師陣

業界の最前線で活躍している、実績や経験が豊富な著名クリエイターを招聘。
人気書籍の執筆者や、有名スクールの講師としてお馴染みの面々も登壇します。
現場主義やベテランだからこそ聴ける情報が満載です。


■ Bau-yaにある『知識講座』『技術講座』『ワークショップ講座』の3つのスタイル

『知識講座』は、ふんだんな資料や図解で解説する座学形式。
業界人として必須の教養や情報を学べます。
スライドや資料などを見ながら、じっくり学ぶスタイル。
提示されるスライドや資料はダウンロードして、何度でも復習いただけます。

『技術講座』は、ふんだんに実演デモを駆使するハイブリッド・ハンズオン形式。
制作の現場で必須のテクニックを学べます。
一緒に実習しながらでも、または聴講のみでも、どちらでも参加できるスタイル。
使... もっと見る >>

主催団体に質問する 教室ページをみる
  • 当日の流れとタイムスケジュール

    ■ 開始準備・開場時間
    開演15分前から

    ■ 所要時間
    約1.5–2時間程度(途中参加、途中退出も可能です)

    ■ 講座の流れ(予定)
    1. オープニング(BAU-YAおよび講座について説明,登壇者紹介など 約5分)
    2. 講義(約35–50分)
    3. 休憩(約5分)
    4. 講義(約35–50分)
    5. 質疑応答(約5分)
    6. エンディング(約5分)
    ※ 講義時間や時間割は、変更する可能性があります。
    ※ 予定よりも早く終了、または長引く可能性があります。
    • こんな方を対象としています

      □ ウェブデザイナーやUIデザイナーの方
      □ ウェブディレクターやウェブ制作関係者の方
      □ ウェブデザイナーを目指す初学者や学生の方
      □ ウェブデザインやUIデザインをもっと効率よく迅速に行いたい方
      □ ウェブデザインやUIデザインをもっと楽に行いたい方
    • 受講する際は以下をお読み下さい

      ■ ご用意いただくもの
      □ オンラインで受講いただく場合は、インターネット環境とコンピュータなどのデバイスおよびウェブブラウザ。
      □ ハンズオンスタイルで受講の方は、以下のアプリケーションがインストールされたコンピュータ。
      ・Adobe XD®

       「スタータープラン」はAdobe CCを利用していなくても、無料でダウンロードが可能です。
      ※ OSやウェブブラウザー、各種アプリケーションなどは、最新のバージョンのものをご使用ください。
      ※ コンピュータの動作やソフトウェアなどの動作不良に関するサポートは行いません。
      □ 来場での受講で電源を使われる方は、電源タップをご持参ください。
      □ 来場での受講の場合、メモを取るための筆記用具やデバイスはご持参ください。

      ■ その他
      □ 講義中の録画や録音などの一切の収録行為を禁じます。
      □ 講座内で配布する資料やファイルなどの一切の二次利用や再配布、無断転載を禁じます。
      □ 来場での受講の際、お名刺をお持ちでしたら講座終了後に登壇者や主宰者とご交換ください。
    ※ストアカでは講座に適用される保険を用意しています。詳しくはストアカ補償制度をご覧ください。

    レビュー9

    • 楽しかった!( 7 )
    • 勉強になった!( 9 )
    • 行く価値あり!( 7 )
  • W2

    女性 40代

    この講座は「XD初心者にもわかりやすい講座でした」でした

    XD二回目でしたが便利な機能がよくわかり、自分でもこれからでも勉強すれば使いこなせそうな気になりました!大人になって勉強した方が必死になるから覚えが早いかもです(笑)

  • W1

    女性

    この講座は「XDのコンポーネントについての理解が深まる講座」でした

    プロダクトの開発スピードが速いので、キャッチアップするために、こうした講座を開催していただけると嬉しいです。

  • W2

    女性 40代

    この講座は「ひとつひとつ納得しながら理解できる講座」でした

    先生のご説明がとてもとても分かりやすいので、
    混乱したりすることなく、きちんと理解して、
    楽しく受講することができました。

    分かるって楽しいな、を実感できる講座でした。

    また先生の講座をお受けしたいです。
    ありがとうございました!!

  • M1

    男性 40代

    この講座は「アセット&コンポーネントを活用」でした

    途中で参加でしたが、後で動画が見れてよかったです。
    アセット&コンポーネントをうまく使ってなかったので、
    使い方の参考になりました。アップデート頻度が早いXDですが、
    授業の復習にもなる書籍も気になります。今のうちに買っとこう〜

  • W3

    女性 40代

    この講座は「教材がきれいでやる気がする」でした

    書籍も買っていたのですが、LIVEで手順が追えるのでわかりやすい。書籍の導入としてオススメ。

  • この主催団体の他の講座

    16

    開催リクエスト受付中

    六本木・赤坂 / オンライン
    27

    開催リクエスト受付中

    六本木・赤坂 / オンライン
    8

    開催リクエスト受付中

    六本木・赤坂 / オンライン
    10

    開催リクエスト受付中

    六本木・赤坂 / オンライン
    44

    開催リクエスト受付中

    六本木・赤坂 / オンライン
    86

    開催リクエスト受付中

    六本木・赤坂 / オンライン
    81

    開催リクエスト受付中

    新宿・代々木

    関連講座

    この講座を見た人は、こんな講座も見ています

    お探しの講座が見つかりませんでしたか?