Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
Figmaで学ぶMaterial Design 3 | UIデザイン最強の教科書
Highest Rated
Rating: 4.4 out of 5(114 ratings)
1,027 students

Figmaで学ぶMaterial Design 3 | UIデザイン最強の教科書

Googleが提唱するMaterial Design 3を日本語で詳しく解説します! 色・文字・ボタンなどUIの基本を学び、直感的に使えるデザインができるようになります。Figmaで効率よく制作する方法もハンズオンで解説します!
Last updated 10/2025
Japanese

What you'll learn

  • Googleが提唱する「Material Design 3」(マテリアルデザイン)の概念を学びます。
  • FigmaでMaterial Design UI Kitを使って、現場に役立つ操作方法を習得します。
  • 各テーマ(色・ボタン・コンポーネント・動きなど)について、全体を俯瞰しつつ、1テーマに3つ要点を絞り、より詳しく学んでいきます。
  • FigmaでMaterial Design UI Kitの特有の使い方(Componentの挿入、Variantsの設定、アイコンの挿入)を知ることができます。

Course content

8 sections68 lectures6h 0m total length
  • Material Designとは? 3つの特徴2:57
  • Material Design Webサイトの全体像3:12
  • Material Designの非常に高い汎用性3:22
  • 設計・開発ツールが充実している。トークンで連携4:32
  • Material Designの弱点。膨大で理解難しい4:38
  • 本講座で学ぶこと2:02
  • Material Designのサイトを回遊してみよう5:07
  • 画面内は3次元で、平面の「紙」を重ねた表現9:01
  • 独自の単位「dp」(密度非依存ピクセル)とは3:08

Requirements

  • 初心者大歓迎です!
  • Figmaの操作の経験があると、スムーズに制作できますが、必須ではありません。
  • Figmaは無料アカウントで使用できる範囲で解説します。

Description

この講座では、Googleが提案するUIデザインのガイドラインであるMaterial Design 3 (マテリアルデザイン)について詳しく解説します。

Material Designの基本的な理念から、Figmaを使った実践的なデザインテクニックまで、幅広くカバーしています。


■ 講座の特徴

  • Material Designの理論を、日本語で丁寧に解説します。

  • Figmaを使って、実際にデザインの操作を行う方法を学びます。

  • FigmaのMaterial 3 Design Kitの使い方に焦点を当てています。

  • 各テーマで重要な3つのポイントを絞って解説するので、効率的に学べます。

■ 学べる内容

  • Material Designの基本原則とその利点

  • 高い汎用性と全世界での適用可能性

  • Figmaを使った実際のUIデザインの作成方法

  • 実際のUI作成時に活かせるMaterial Designの理解

この講座を通じて、Material Designの概念を深く理解し、

実際のUIデザインに活かすスキルを身につけることができます。


受講の際は、カリキュラムをよくご確認のうえ、ご購入ください!

Who this course is for:

  • UIの基本原則について学んでみたい方
  • 「Material Design読んでみて」と言われて興味があるものの、イマイチ理解できなかった方
  • Figmaの応用的な活用方法が知りたい方
  • 英語に苦手意識のある方。すべて日本語で解説していきます!