マテリアルデザインの背景にある思想や知識に関するスライドです。

1. Androidエンジニア
自己紹介
株式会社FiNC
佐多 健太郎

2. ダイエット指導用チャット
Works

3. みんなのライフログ
Works

4. Works
生理カレンダー

5. 東京理科大学 建築学科

6. マテリアルデザインのお気持ち

7. 誰が作ったか知ってますか？

8. Matias Duarte

9. HP「webOS Enyo」 のプロジェクトメンバー
Matias Duarte

10. Technolo
gy
Design
Languag
e
Metapho
r
Physics
Printing 3D

11. Technolo
gy
Design
Languag
e
Metapho
r
Physics
Printing 3D

12. Technolo
gy
Design
Languag
e
Metapho
r
Physics
Printing 3D
Philosop
hy

13. Technolo
gy
Design
Languag
e
Metapho
r
Physics
Printing 3D

15. Technolo
gy
Design
Languag
e
Metapho
r
Physics
Printing 3D

16. https://material.io/ Technolo
gy
Design
Languag
e
Metapho
r
Physics
Printing 3D

17. Technolo
gy
Design
Languag
e
Metapho
r
Physics
Printing 3D
https://material.io/

19. https://www.gizmodo.jp/2014/07/_android.html
Gizmodo インタビュー
(2014-07-08)

20. マテリアルデザインを通して
やりたかったこと

21. 脳にやさしいUI
あ〜ね〜

22. マテリアルデザインをおさらい

23. マテリアルデザインとは？

24. 視覚言語

25. どうやって実現されている？

26. 物理法則 想像力の刺激
印刷デザインメタファー

27. 物理法則 想像力の刺激
印刷デザインメタファー

28. Cognitive Science(認知科学)

29. 子供と大人という言葉の認知学的切り口
Cognitive Science(認知科学)

30. 頭のなかに既にあるモデルを信頼するモード
大人
Cognitive Science(認知科学)

31. 常にすべてを再評価するモード
子供
Cognitive Science(認知科学)

32. 常にすべてを再評価するモード
非常にストレスフル
Cognitive Science(認知科学)

33. みんなが3歳ですでに学習していたこと
ストレスフリー
Cognitive Science(認知科学)

34. 物理法則 想像力の刺激
印刷デザインメタファー

35. 物理法則 想像力の刺激
印刷デザインメタファー

36. Cognitive Science(認知科学)

37. 特に視覚野
このへん
Cognitive Science(認知科学)

38. 質量保存の法則の概念を持たない
なにが？
Cognitive Science(認知科学)

40. 物理法則 想像力の刺激
印刷デザインメタファー

41. 物理法則 想像力の刺激
印刷デザインメタファー

42. スキューモーフィズム
スキューモーフィズム フラットデザイン

43. スキューモーフィズム
ユーザに馴染みのないものの外見を、
馴染みのあるものにすることにより理解を促進
since 1890

44. 側頭連合野
なにが？
スキューモーフィズム
知ってる〜

45. 物理法則 想像力の刺激
印刷デザインメタファー

46. ただし！

47. なにが？
フラットデザイン
それも知ってる〜
側頭連合野

48. なにが？
ピクトグラム
それも知ってる〜
側頭連合野

49. ピクトグラム
since 1964年東京オリンピック
日本人と外国人間のコミュニケーションを
取り持つために勝見勝らによって開発された

50. ピクトグラム
平面的なデザインでも十分に
側頭連合野にアクセスできる
since 1964年東京オリンピック

51. 物理法則 想像力の刺激
印刷デザインメタファー

52. 印刷デザインの歴史

53. グラフィックデザインや印刷デザインをするとき、
色やコントラストやアラインメントに
正しい所定の使い方がある
印刷デザインの歴史

54. 近接 Proximity 整列 Alignment
反復 Repetition強弱 Contrast

55. 芸術とデザインの歴史
アーツ・アンド・クラフツ運動
アール・ヌーヴォー
アール・デコ

56. 芸術とデザインの歴史
アーツ・アンド・クラフツ運動
大量生産による粗悪へのアンチテーゼ
生活と芸術

57. 芸術とデザインの歴史
アール・ヌーヴォー
自然有機的なモチーフや自由曲線と装飾性
鉄やガラスといった当時の新素材

58. 芸術とデザインの歴史
アール・デコ
幾何学図形をモチーフにした記号的表現
原色による対比表現

59. 芸術とデザインの歴史
歴史の渦中にできた一つの学校

60. 芸術とデザインの歴史
バウハウス
(since 1919 to 1933)

61. 芸術とデザインの歴史
合理主義的・機能主義
https://goo.gl/WzasMU

62. 芸術とデザインの歴史
バウハウスとポスター
bg-shop.jugem.jp/?eid=491

63. 近接 Proximity 整列 Alignment
反復 Repetition強弱 Contrast

64. 印刷デザインの歴史
ユーザーインターフェースにはせいぜい
20年くらいの歴史しかないんです
いい意味で枯れたデザイン原則へのリスペクト

65. 印刷デザインの歴史
ユーザーインターフェースにはせいぜい
20年くらいの歴史しかないんです
印刷デザインが表現しやすい空間表現を志向

66. 物理法則 想像力の刺激
印刷デザインメタファー

67. まとめ

68. Technolo
gy
Design
Languag
e
Metapho
r
Physics
Printing 3D
Philosop
hy

69. Material Design
脳にやさしいUI
印刷デザイン認知科学

70. Technolo
gy
Design
Languag
e
Metapho
r
Physics
Printing 3D

71. ご清聴ありがとうございました