강의

멘토링

로드맵

Inflearn brand logo image
BEST
Design

/

UI/UX

UX/UI の始め方: Adobe XD 入門 (Inflearn Original)

Adobe XD の UX/UI デザイン ツールについて全体的な機能を学び、実務的なデザイン作業に適用できるさまざまな方法を学びます。

  • inflearn
XD
Prototyping

学習した受講者のレビュー

こんなことが学べます

  • Adobe XD の基本概念

  • Adobe XD の活用

高速、軽量、強力!
Adobe XDでUX / UIデザインマスター🔮

UX/UIデザインツール、なぜ必要なのでしょうか?

UIUX란 무엇일까요?

UX/UIデザインとは、デジタル機器を通じて接する画面を設計することで、ユーザーの行動を誘導し改善するデザインを意味します。私たちがウェブサイトやモバイルアプリで見るボタンを1つ押す毎日の行動にもUX/UIデザインの影響が隠れています。このように、ユーザーインターフェース(User Interface、UI)を通じてユーザーエクスペリエンス(User Experience、UX)を引き出すまでのすべての過程をまとめてUX/UIデザインといいます。

特に最近では、 UX/UIデザインの重要性はますます強力になっています。 PC、スマートフォン、タブレットなど、デジタルデバイスのエコシステムが多様化しつつ、1つのウェブサイトをデザインしても、複数のデジタルスクリーン全般にわたるすべての画面に対するデザインが必要だからです。過去にはビットマップ(Bitmap)ベースのPhotoshop(Photoshop)とイラストレーター(Illustrator)を活用してWeb画面をデザインしたが、プログラムが重すぎて多様なデジタル環境に対応しにくくなり、ベクトル(Vector)ベースの専用UX/UIデザインプログラムを使用するようになりました。

Adobe XDは、これらの画面をシームレスかつ効果的に実装するのに役立つUX / UIデザインプログラムの1つです。


思い浮かぶ後発ランナー、
Adobe XD。

アドビXD(XD)、果たしてどんなツールでしょうか?

Adobe XDは、フォトシャベル、イラストレーターなどとしてよく知られているAdobe SystemsのUX / UIデザインソリューションツールです。 Adobe XDを使用すると、PC、モバイルWebサイト、およびアプリケーションのインターフェースを設計およびプロトタイピングできます。さらに、開発者とシームレスにデザインガイドを共有してコミュニケーションできるように設計されたプロのデザインツールです。

XDはスケッチ(Sketch)、ピグマ(Figma)より遅く発売されたUX/UIデザインツール系の後発ランナーですが、それだけ多くのメリットで急速に浮上しています。 UIデザインに必要な機能をシンプルで直感的なインターフェースを通じて使用できるように作られました。プロトタイプ製作からコミュニケーションのためのフィードバック画面まで、一つのツールの中で簡単に解決できます。

それだけでなく、インタラクションアニメーションを実装することもでき、既存のAdobe Systemsのツールを経験してみたユーザーなら簡単に適応できます。 macOS、Windowsオペレーティングシステムをすべてサポートし、個人用の無料版を提供することもあります。有名企業、大型デザインエージェンシー、デザイナーだけでなく企画者までも実務で愛用するツールです。

このレッスンでは、UX/UI デザインスキルを装備したい方を対象に、Adobe XD を利用してウェブ/モバイルアプリインターフェースを設計する方法を学びます。 XDの基本概念を学ぶ過程で実際のUIデザインプロセスを理解することができ、最終的には実務ですぐに使えるデザインスキルをマスターすることが目標です。では、一緒に挑戦してみましょうか?


XDマスター、一度に挑戦!


順番に学習してみてください!

初めて会うAdobe XD!
Adobe XDを使用する理由は何ですか? XDを使うとどんな点がいいでしょうか?学習に入る前に、UX / UIデザインツールXDの特徴を調べて、何ができるかを学びます。
基本をしっかり、XDのすべて。
デザイン作業画面を設定する方法から始め、イメージツール操作のための基本的な機能を一つ一つ身につけます。このコースでは、実際のUIデザインに必要な要素を整理して配置するための重要なノウハウを習得できます。
プロトタイピングも自信があります。
私が作ったデザインを実際のサービスとして開発する前に、プロトタイピングを始めましょう。直接プロトタイプを作成して適用しながら、実体に一歩近いデザインを設計してみてください。
UIデザインマスターを目指す!
完成したUIデザイン画面を企画者、開発者、クライアントと共有することができます。最後に、実際のサービスのUIデザインに従って作ってみて、UX/UIの力量をしっかり固めていきます。

こんな方に注目してください!

UX/UI?

実際のUX/UIデザイン
プロセスが気になる人

XD?

XDを基礎から
体系的に学ぶ方

私の夢はデザイナーです

UX/UIデザイン
始まる誰でも

チームワーク

UIデザインツール
よく書かれた企画者


UX/UI入門,
Inflearnと一緒に挑戦してください。

InflearnオリジナルUX/UIロードマップを見る✨

受講前にご確認ください!

  • 本講義は、授業内容に対する質疑応答を提供しない講義です。学習に参考にしてください。

こんな方に
おすすめです

学習対象は
誰でしょう?

  • UX/UI デザイナー

  • デザイナーとの協力が必要な PM

  • XD ツールを初めて使用する初心者

前提知識、
必要でしょうか?

  • UX/UI デザインに関する背景知識があれば尚可

こんにちは
です。

699,669

受講生

5,883

受講レビュー

118

回答

4.7

講座評価

130

講座

배움의 기회는 경제적, 물리적 한계에서 자유로워야 한다고 생각합니다.
우리는 성장기회의 평등을 추구합니다.

カリキュラム

全体

29件 ∙ (6時間 56分)

講座掲載日: 
最終更新日: 

受講レビュー

全体

51件

4.9

51件の受講レビュー

  • cocoroto2752님의 프로필 이미지
    cocoroto2752

    受講レビュー 3

    平均評価 4.7

    4

    100% 受講後に作成

    一回あたりの長さが短くて集中してみることができ、説明をじっくりよくしてくれますが…。 .?私は先生です。

    • hoguls24612님의 프로필 이미지
      hoguls24612

      受講レビュー 1

      平均評価 5.0

      5

      100% 受講後に作成

      よく聞きました〜

      • mook45061456님의 프로필 이미지
        mook45061456

        受講レビュー 3

        平均評価 4.7

        5

        100% 受講後に作成

        ^^ ^^ ^^

        • ziwhy님의 프로필 이미지
          ziwhy

          受講レビュー 6

          平均評価 5.0

          5

          10% 受講後に作成

          理論と実習を一緒に進めてくれて、新しいツールも理解しやすかったです。

          • dolcevita2022102님의 프로필 이미지
            dolcevita2022102

            受講レビュー 4

            平均評価 5.0

            5

            100% 受講後に作成

            基礎から実務まで講義よかったです。

            ¥6,526

            inflearnの他の講座

            知識共有者の他の講座を見てみましょう!

            似ている講座

            同じ分野の他の講座を見てみましょう!