Material Themingとは何か / material theming overview

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. ࣮૷ͷΩϟονΞοϓ͸ Ͱ͖ͨͷͰ΍͍ͬͯͧ͘