Material Themingとは何か / material theming overview

35e08efcf39d692f540047fb756eb4e3?s=47 konifar
January 17, 2019

Material Themingとは何か / material theming overview

Kyash社内でエンジニアチーム向けにLTした話です。

35e08efcf39d692f540047fb756eb4e3?s=128

konifar

January 17, 2019
Tweet

Transcript

  1. Material Themingͱ͸Կ͔ 2019/01/17 (໦) Kyash Tech lunch @konifar

  2. AndroidΞϓϦσβΠϯͷྺ࢙ • ~2.3 ແ๏஍ଳ • 4.0~4.4 Holo • 5.0~ Material

    Design • 9.0~ Material Design2 <= New
  3. 4.0~4.4 Holo

  4. 5.0~ Material Design

  5. 9.0~ Material Design2

  6. Not Renewal, it's Update

  7. ैདྷͷ໰୊఺Λղܾͨ͠ • ֦ுੑ
 ΨΠυϥΠϯʹࣔ͞ΕͨσβΠϯʹબ୒ࢶ͕ ͳ͘ɺըҰతͰϒϥϯυ৭͕ग़͠ʹ͍͘ • ࣮ݱੑ
 ಛʹΞχϝʔγϣϯ·ΘΓͷ࣮૷͸ݸʑͷΤ ϯδχΞʹҕͶΒΕ͍ͯΔ

  8. Material Theming • ֦ுੑΛ࣋ͬͨ৽͍͠ϚςϦΞϧσβΠϯͷ ࢦ਑ɾࣄྫूͱɺͦΕΛ࣮ݱ͢ΔͨΊͷσβ Πϯɾ։ൃͷπʔϧηοτΛGoogle͕ఏڙ • https://material.io/design/material-theming/ overview.html

  9. ࢦ਑ͷΞοϓσʔτ • Shapeɺ৽͍͠ίϯϙʔωϯτ • ৭ͷ࢖͍ํΛ۩ମతʹ

  10. ࣄྫू • https://material.io/design/material-studies/

  11. Sketch plugin • https://material.io/tools/theme-editor/

  12. ։ൃπʔϧ • Material Componentsͱ͍͏ϥΠϒϥϦ • https://github.com/material-components • AndroidɺiOSɺFlutterɺWeb͕͋Δ

  13. Demo

  14. Kyashʹ׆͔͢ͱͨ͠Β • Χʔυৄࡉ͸Backdrop͔ͭ͏
 https://material.io/design/components/ backdrop.html • ςΩετೖྗ෦෼͸࿮͖ͭʹ͢Δ • ؙ֯/Χοτͷେ͖͞΋ϒϥϯυʹ߹Θͤͯݕ ౼͢Δ

  15. ࣮૷ͷΩϟονΞοϓ͸ Ͱ͖ͨͷͰ΍͍ͬͯͧ͘