LIVE
ON AIR

19:00 - 20:00

日本と世界の働き方の違いを考える 生放送中

LIVE
ON AIR

19:00 - 20:00

ISO(国際標準化機構)の基礎知識 生放送中

エンジニアが教えるはじめてのマテリアルデザイン

  • このエントリーをはてなブックマークに追加
エンジニアが教えるはじめてのマテリアルデザイン -1回目-
第1回:2016年11月10日公開 01:00:00

エンジニアが教えるはじめてのマテリアルデザイン -1回目-

受講する

この授業では、2014年のGoogleのDeveloper向けカンファレンス「Google I/O 2014」で発表されたデザインガイドライン「マテリアルデザイン」の概要と基礎を学びます。

現在リリースされるAndroidアプリの多くがマテリアルデザインに準拠し、マテリアルデザインの表示や挙動がユーザーに広く浸透してきており、今後マテリアルデザインはユーザーにとってより自然なデザインとなるでしょう。

この授業では、マテリアルデザインの基礎を勉強したいデザイナー、マテリアルデザイン適用を検討しているAndroidアプリエンジニアを対象として、マテリアルデザインの概要や登場背景、スタイル、各コンポーネントの基礎、実装のためのフレームワーク、近年のトレンドなど幅広く学んでいきます。

授業一覧
エンジニアが教えるはじめてのマテリアルデザイン -1回目-
2016年11月10日公開
01:00:00

授業内容

・マテリアルデザインとは
・マテリアルデザインの目的
・マテリアルデザインの基本原理
・ユーザビリティ
・スタイル

  • 自己紹介
  • 01:01
  • この授業の対象
  • 01:00
  • 授業の目標
  • 00:36
  • アジェンダ
  • 01:19
  • マテリアルデザインとは
  • 02:36
  • マテリアルデザインの目標
  • 00:51
  • マテリアルデザインの基本原理
  • 00:51
  • マテリアルは現実世界の比喩である
  • 01:33
  • 大胆で生き生きとしており意識的である
  • 00:49
  • 動きに意味がある
  • 01:19
  • 質問:マテリアルデザインの”マテリアル”とは何だと思いますか?
  • 03:16
  • マテリアルとは?
  • 01:06
  • マテリアルの構成要素:環境
  • 02:34
  • マテリアルの構成要素:特性、性質
  • 00:49
  • マテリアルの構成要素:特性、性質・・・物理的特性
  • 01:14
  • マテリアルの構成要素:特性、性質・・・変形
  • 00:43
  • マテリアルの構成要素:特性、性質・・・動き
  • 01:08
  • 細かに分けられるマテリアル
  • 01:58
  • マテリアルの構成要素:高度と影
  • 02:51
  • マテリアルデザインとは:まとめ
  • 02:25
  • スタイル
  • 00:57
  • カラー
  • 00:00
  • カラーパレット
  • 03:13
  • カラー適用
  • 00:45
  • プライマリーカラー・セカンダリーカラー・アクセントカラー
  • 03:48
  • スタイル
  • 00:08
  • アイコン
  • 00:57
  • プロダクトアイコン
  • 01:12
  • システムアイコン
  • 01:13
  • 質問:マテリアルデザインを使ってみたくなりましたか?
  • 00:47
  • ユーザビリティ
  • 00:18
  • アクセシビリティ・双方向性
  • 01:12
  • アクセシビリティの原則
  • 02:06
  • ユーザビリティの項目
  • 00:37
  • 回答:マテリアルデザインを使ってみたくなりましたか?
  • 01:41
  • まとめ
  • 01:04
  • Q:マテリアルデザインの欠点は何ですか?
  • 01:34
  • Q:Googleの提唱するマテリアルデザインについて。必ず準拠しなければ行けないものではないとのとこですが、webデザインの分野についてほぼ標準化されているのでしょうか?またフラットデザインとの違いを教えてください
  • 02:49
  • Q:先生が注視されているgoogleのアプリを教えてください。
  • 01:29
  • Q:このWebサイト、アプリのマテリアルデザインはすばらしい!という先生のおすすめを見てみたいです。
  • 01:49
  • Q:グーグルの仕様ということですがappleにも同じような概念とかあるのでしょうか?
  • 00:54
  • 次回授業のお知らせ
エンジニアが教えるはじめてのマテリアルデザイン -3回目-
2016年11月29日公開
01:00:00

授業内容

・Material Design for Wearables
・導入事例
・最近のトレンド

  • 自己紹介
  • 00:50
  • この授業の対象
  • 01:00
  • 授業の目標
  • 00:32
  • 前回の復習
  • 01:40
  • 質問への回答
  • 02:46
  • アジェンダ
  • 01:07
  • モーション
  • 01:42
  • マテリアルモーション
  • 06:28
  • 継続時間とイージング
  • 02:08
  • 動き
  • 01:08
  • 質問:この動きは適切ですか?
  • 03:40
  • マテリアルデザイン for Wearables
  • 02:10
  • クリエイティブビジョン
  • 05:38
  • ウォッチ用のデザイン
  • 04:09
  • 質問:このウォッチUIの問題点はどこでしょう?
  • 04:02
  • 導入事例と最新トレンド
  • 00:25
  • Googleのアワード編
  • 06:32
  • 参考デザインサイト編
  • 01:17
  • 実装ツール編
  • 02:18
  • まとめ
  • 01:19
  • Q:ウォッチは使ったことがないので教えて頂きたいのですが、スクロールはありなのでしょうか?
  • 00:45
  • Q:ウォッチアプリはアイコンが表現のメインになるのでしょうか?言語をあまり使わない感じですか?
  • 00:59
  • Q:WEBの技術でもアプリが作れる、ハイブリットアプリが海外では、ネイティブをしのぐほど、 成長しているようですが、日本でも数年でそのようになりますか? ネイティブをしのぐほどになると思いますか?
  • 02:16
  • Q:1000star超えのライブラリが4つも存在するってことは痒いところはまだまだ沢山あるってことでしょうか?
  • 01:04
  • Q:アイウォッチなどウェアラブルもすでに、無視できないほどのシェアがあるのでしょうか? ない場合何年後くらいに、対応できないとまずくなると思いますか? WEBも含めてまだ5年くらいはスマホ中心は変わらないでしょうか?
  • 01:37
  • 先生からのメッセージ
  • 01:06
  • Schooからのお知らせ
こんな人にオススメ
UIデザイナー(初級)

マテリアルデザインの基礎を勉強したいデザイナー、マテリアルデザインの適用を検討しているAndroidアプリエンジニア

タグ
担当の先生
受講生代表
  • 江川 みどり

    江川 みどり

    スクー放送部

  • 徳田 葵

    徳田 葵

    スクー放送部

  • 田原 彩香

    田原 彩香

    スクー放送部

この授業を受けたい(475人)
その他 395人

受けたい授業ランキング

もっと見る

新着の生放送授業

もっと見る

関連授業

生放送授業への参加は無料です
Schooの会員登録および生放送授業への参加は無料です。生放送授業では先生に質問したり他のユーザーと一緒に楽しく学ぶことができます。
×