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

山本麻美 のUI/UX AdobeXD入門講座

講座レベル1

デザイナーだけでなく、エンジニアやディレクターなど多くの分野の人に注目されているAdobe XD。
直感的な操作性、必要な機能だけが揃っている点などは広くプロダクトに関わる人たちから注目される要因でしょう。

山本麻美

アイデアを視覚化する作業はデザイナーだけのものではありません。しかし長くデザイナーが使ってきたIllustrator、Photoshopなどのグラフィックツールは操作を覚えるのが難しく、プレゼンテーション作成ツールはそのままデザインを完成させることができません。どちらも効率が悪いですよね。

また、UI/UXという言葉そのものは知っていてもその違いがよくわからないという方はたくさんいます。意味の取り違えが起きてコミュニケーションに支障が出てしまう場面も多々あるようです。

UI/UXとはなんなのかを知り、Adobe XDの使い方を覚え、ご自身の日々のお仕事を効率UPするスキルを身に付けましょう。


修了目標

本講座ではUIとUXとはなんなのかということと、Adobe XDの機能や使い方を初歩から学習します。

  • UIについての基本を知る
  • UXについての基本を知る
  • Adobe XDの主な機能がわかる
  • Adobe XDの基本的な使い方がわかる
  • Adobe XDでプロトタイプを作成し共有する方法がわかる
統一性のないボタン

カリキュラム概要

  1. UI/UX
    • UIとは何か
    • UXとは何か
  2. Adobe XDでの描き方
    • アートボード
    • 図形、テキスト、色の変更
    • 角丸、グラデーション、シャドウ
  3. よく使う要素を登録して使い回す
    • アセットパネル
    • カラーの登録
    • テキストスタイルの登録
    • コンポーネント の登録
    • 登録したアセットの活用
  4. レイアウト作業を効率化する
    • グリッドの使い方
    • リピートグリッドを使うコツ
  5. プロトタイプ作成と共有
    • プロトタイプモード
    • プロトタイプの作り方と固定表示箇所の設定
    • プレビュー用に共有
    • 開発用に共有
山本麻美

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


講師
山本麻美
定員
6名
対象
Adobe XDの未経験者または初心者
Adobe XDの基本的な使い方を覚えたい方
UIとUXの違いを知りたい方

※PCとご自身のスマートフォン(iPhoneまたはAndroidデバイス)を接続するケーブルをご持参いただきますと、モバイル版のXDアプリを使い、スマートフォンの画面にリアルタイムプレビューさせたり、作成したプロトタイプをスマートフォン上で動かしてみたりすることができます。