Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

ABC2014 Winter: Material Design

5,797 views

Published on

Android Bazaar and Conference 2014 Winter: 基調特別招待講演トラック「Material Designの勘所」発表資料(2014年12月21日、東海大学高輪キャンパス)
http://abc.android-group.jp/2014w/conference/keynote/

Published in: Design
  • (Unlimited)....ACCESS WEBSITE Over for All Ebooks ................ accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes DOWNLOAD THIS BOOKS INTO AVAILABLE FORMAT ......................................................................................................................... ......................................................................................................................... Download Full PDF EBOOK here { http://bit.ly/2m6jJ5M } ......................................................................................................................... Download Full EPUB Ebook here { http://bit.ly/2m6jJ5M } ......................................................................................................................... ...................................ALL FOR EBOOKS................................................. Cookbooks, Manga, Memoir, Music, Mystery, Non Fiction, Paranormal, Philosophy, Poetry, Psychology, Religion, Art, Biography, Business, Chick Lit, Children's, Christian, Classics, Comics, Contemporary, Romance, Science, Science Fiction, Self Help, Suspense, Spirituality, Sports, Thriller, Travel, Young Adult, Crime, Ebooks, Fantasy, Fiction, Graphic Novels, Historical Fiction, History, Horror, Humor And Comedy,
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • (Unlimited)....ACCESS WEBSITE Over for All Ebooks ................ accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes ......................................................................................................................... DOWNLOAD FULL PDF EBOOK here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full EPUB Ebook here { https://urlzs.com/UABbn } ......................................................................................................................... Download Full PDF EBOOK here { https://urlzs.com/UABbn }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes ,Download or read Ebooks here ... ......................................................................................................................... Download FULL PDF EBOOK here { https://urlzs.com/UABbn }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here
  • accessibility Books Library allowing access to top content, including thousands of title from favorite author, plus the ability to read or download a huge selection of books for your pc or smartphone within minutes ,Download or read Ebooks here ... ......................................................................................................................... Download FULL PDF EBOOK here { https://urlzs.com/UABbn }
       Reply 
    Are you sure you want to  Yes  No
    Your message goes here

ABC2014 Winter: Material Design

  1. 1. 基調特別招待講演トラック マテリアルデザインの勘所 Material Design Nobuya Sato Experience Designer December 21st., 2014 – ABC 2014 Winter Twitter: #abc2014w Copyright © 2014 Secret Lab, Inc. All rights reserved.
  2. 2. 自己紹介 •  佐藤 伸哉 (@nobsato) •  UXデザイン、デザイン戦略 –  神戸芸術工科大学 工業デザイン学科卒、その後、1994からCD- ROMやゲーム、Webのデザイン –  主に大規模な企業サイトの情報設計や企業のグローバル戦略 を実行 –  Sonyでニューモバイル戦略やグループ横断のプラットフォー ム戦略、タブレット戦略を担当 –  米Seesmicで日本語化やAndroidやWP7のアプリ開発 –  UXとデザイン戦略の会社、Secret Lab, Inc.を設立 –  現在、米AKQAの東京オフィスの立ち上げに参画 2
  3. 3. 3 主な監訳書
  4. 4. Material Design 7 http://google.com/design/spec
  5. 5. Polymer 8 https://www.polymer-project.org/
  6. 6. Material Design with Polymer Copyright © 2014 Secret Lab, Inc. All rights reserved. 9 https://www.polymer-project.org/docs/ elements/material.html
  7. 7. Material Design for Bootstrap 10 http://fezvrasta.github.io/bootstrap-material-design/
  8. 8. 11 本日のトピック マテリアル デザイン Material Design
  9. 9. 13 http://bit.ly/MaterialDesignReel
  10. 10. 14
  11. 11. •  マテリアルデザインとは •  「MATERIAL(素材・物質)」 •  ガイドライン •  これからの可能性 15
  12. 12. マテリアルデザインとは What is Material Design 16
  13. 13. Material Design… “ We challenged ourselves to create a visual language for our users that synthesizes the classic principles of good design with the innovation and possibility of technology and science. “ 17
  14. 14. 18
  15. 15. 19
  16. 16. Project Kennedy 20
  17. 17. 21
  18. 18. Versatile Design 22
  19. 19. 23
  20. 20. 24
  21. 21. 25
  22. 22. 26
  23. 23. 27
  24. 24. 28
  25. 25. 29
  26. 26. 30
  27. 27. Copyright © 2014 Secret Lab, Inc. All rights reserved. 31
  28. 28. Copyright © 2014 Secret Lab, Inc. All rights reserved. 32
  29. 29. 33
  30. 30. マテリアルデザイン 2つの目的 2 Goals of Material Design 34
  31. 31. 目的1:新しいビジュアル言語 「古典的な良いデザインの原則」と「技術と科学の 可能性とイノベーション」を統合したビジュアル言 語の開発。 35
  32. 32. 目的2:統一した体験ができるシステム モバイル原則もとより、タッチ、音声、マウス、と いった入力システムを考慮しつつ、プラットフォー ムとデバイスサイズを超えた、統一した体験ができ る単一の基幹システム。 36
  33. 33. マテリアルデザイン 3つの原則 3 Principles of Material Design 37
  34. 34. 原則1:メタファー デザインのメタファーに Material(素材・物質) の考えを取り入れて、 インターフェースやUX に紙とインク、光と表 面いった素材との関係 性を与えることで、オ ブジェクトの動きやUIの 関係性などにアフォー ダンスを生み出して、 ユーザーにとって分か りやすいデザインを提 供する。 38
  35. 35. 原則2:大胆に、生き生きと、意図的に デザインに印刷の世界 の考え方(グリッドシ ステム、タイポグラ フィ、スペース、色) を取り入れ、ユーザー を視覚的に誘い、UIオブ ジェクトに階層やフォ ーカスの意味合いを与 える。 意図的な余白や大きめ のタイポグラフィを使 ってユーザーのアクシ ョンを強調させる。 39
  36. 36. 原則3:モーションで意味を提供 状況の変化の様子やユ ーザーのアクションに 合わせてオブジェクト の形状が変わるなど、 常に自然で意味のある モーションを提供する。 全てのアクションはひ とつの環境で再現され ユーザー体験の継続性 を維持する。 反応やトランジション は常に一貫した体験を 提供する。 40
  37. 37. 41
  38. 38. 以前のビジュアル言語 HOLO DESIGN & CARD-STYLE 42
  39. 39. Copyright © 2014 Secret Lab, Inc. All rights reserved. 43 Holographic Design
  40. 40. Holographic Design 44
  41. 41. Copyright © 2014 Secret Lab, Inc. All rights reserved. 45
  42. 42. 46
  43. 43. Holo Design 47 Holoデザイン Android 3.2以降のビジュアル言語
  44. 44. 48
  45. 45. Card-style 49 Google now Android 4.1以降、本格的に導入
  46. 46. Card-style 50
  47. 47. Card-style 51
  48. 48. 52
  49. 49. マテリアルデザインの MATERIAL とは What is “Material” of Material Design? 53
  50. 50. マテリアルデザインの Material 54 3つの構成要素でマ テリアルデザインの 世界観を構成 1.  環境 2.  素材の属性 3.  3次元空間でのオ ブジェクトの配置
  51. 51. 1. 環境:3次元 55
  52. 52. 1. 環境:光源、環境光(自然光)、影 56
  53. 53. 2. 素材の属性 57
  54. 54. 3. 3次元空間内でのオブジェクトの配置 58
  55. 55. 3. 3次元空間内でのオブジェクトの配置 59
  56. 56. 3. 3次元空間内でのオブジェクトの配置 60
  57. 57. 3. 3次元空間内でのオブジェクトの配置 61
  58. 58. 3. 3次元空間内でのオブジェクトの配置 62
  59. 59. 3. 3次元空間内でのオブジェクトの配置 63
  60. 60. 3. 3次元空間内でのオブジェクトの親子関係 64
  61. 61. 3. 3次元空間内でのオブジェクトの親子関係 65
  62. 62. 66
  63. 63. ガイドライン Google Guidelines 67
  64. 64. ガイドライン 68 http://google.com/design/spec/material-design/
  65. 65. まとめ Material Design is not a design guideline. 69
  66. 66. 新しいデザイン思想 70 Material Designは、デザインガイドラインではなく、 デザイン思想。
  67. 67. 新しいデザインフレームワーク Material Designは、活版印刷の時代から築きあげら れた古き良きデザインを最新の技術を使って表現し たデジタルのためのデザインフレームワーク。 71
  68. 68. 新しいプラットフォーム 72 Material Designは、様々なデバイス、プラットフ ォームに対応した、Googleが新たに既存のプラッ トフォームの上につくる、新しいプラットフォ ーム。
  69. 69. 既存のプラットフォーム上につくる? 73 Google Search for iPhone inbox for iPhone Spreadsheet for iPhone
  70. 70. 74 http://google.com/design
  71. 71. Thank You Copyright © 2014 Secret Lab, Inc. All rights reserved. 75 Nobuya Sato Experience Designer nobsato@secret-lab.jp http://google.com/+nobsato http://about.me/nobsato http://slideshare.com/nobsato

×