デザインプロセス ゼロトゥワン : Figmaで企画からデザイン、デリバリーまで
inflearn
デザインチームも、企画書も、PMも不在の環境で、いかに企画し、伝え、説得できるでしょうか? 元29CMプロダクトデザインリードのキム・ヨンジュンデザイナーが、Figmaを中心にセルフプロダクト戦略を実践事例と共に共有します。構造のない環境で生き残る方法から、Figma一つで構造を築く方法まで、詳しく見ていきましょう。
Beginner
Figma, product design
Adobe XD の UX/UI デザイン ツールについて全体的な機能を学び、実務的なデザイン作業に適用できるさまざまな方法を学びます。
Adobe XD の基本概念
Adobe XD の活用
高速、軽量、強力!
Adobe XDでUX / UIデザインマスター🔮
UX/UIデザインツール、なぜ必要なのでしょうか?
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つです。
アドビ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デザインプロセスを理解することができ、最終的には実務ですぐに使えるデザインスキルをマスターすることが目標です。では、一緒に挑戦してみましょうか?
UX/UI?
実際のUX/UIデザイン
プロセスが気になる人
XD?
XDを基礎から
体系的に学ぶ方
私の夢はデザイナーです
UX/UIデザイン
始まる誰でも
チームワーク
UIデザインツール
よく書かれた企画者
受講前にご確認ください!
学習対象は
誰でしょう?
UX/UI デザイナー
デザイナーとの協力が必要な PM
XD ツールを初めて使用する初心者
前提知識、
必要でしょうか?
UX/UI デザインに関する背景知識があれば尚可
699,669
受講生
5,883
受講レビュー
118
回答
4.7
講座評価
130
講座
배움의 기회는 경제적, 물리적 한계에서 자유로워야 한다고 생각합니다.
우리는 성장기회의 평등을 추구합니다.
全体
29件 ∙ (6時間 56分)
1. オリエンテーション
07:49
2. Adobe XDを始めよう
14:22
3. デザインの基本画面を設定する
16:17
4. アートボードを扱う
10:16
5. 主なツール機能を学習する
23:32
8. ペンツールを練習する
12:11
9. テキストを使用したタイポデザイン
07:19
10. 繰り返しグリッド
11:06
11. ワイヤフレームを作る
25:53
12. 写真/画像の活用方法
11:51
13. アセットパネルの使用
21:38
14. ニューモフィズムスタイルを作る
18:00
15. レスポンシブサイズ変更
09:22
16. スタック、パディング
08:41
17. スクロールインタラクション
05:43
18. ガラス毛皮を作る
09:40
全体
51件
4.9
51件の受講レビュー
受講レビュー 3
∙
平均評価 4.7
受講レビュー 1
∙
平均評価 5.0
受講レビュー 3
∙
平均評価 4.7
受講レビュー 6
∙
平均評価 5.0
受講レビュー 4
∙
平均評価 5.0
¥6,526
知識共有者の他の講座を見てみましょう!
同じ分野の他の講座を見てみましょう!