Material Themingとは何か / material theming overview

35e08efcf39d692f540047fb756eb4e3?s=47 konifar
January 17, 2019
Programming
2
200

Material Themingとは何か / material theming overview

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

35e08efcf39d692f540047fb756eb4e3?s=128

konifar

January 17, 2019
Tweet

More Decks by konifar

See All by konifar
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
3
1k
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
2
620
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
23
9.5k
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
2
610
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
5
260
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
14
16k
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
0
820
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
3
600
35e08efcf39d692f540047fb756eb4e3?s=48 konifar
8
34k

Other Decks in Programming

See All in Programming
15934fa2aa7b2ce21f091e9b7cffa856?s=48 manfredsteyer
1
120
C302e84057a922dce0ecbe80207e3fcc?s=48 mu_zaru
0
100
70ae2d149767d4198aac83453481b8dd?s=48 amaotone
0
140
D79e3b0b78ca7027eb61d73028d45ad6?s=48 uchi_k
2
740
D2151968789d3a241fe9ce2c19936661?s=48 hisakakoji
0
420
A030c34a2bc0d0610b4d87f8c56a2ab7?s=48 masatomix
0
140
8a6e58b272b266faf22d8a3b2927624f?s=48 j796160836
1
560
894a9f3c8db89d0a5cd8e1add1dbe37b?s=48 usamiuhuru
0
370
8c10fdf7a2e8ebb97041029c5efd914f?s=48 erimatsu
0
110
264b44c0c6d60336f8b6a0fbab118984?s=48 mmazour
0
140
342dde780fe56d44bdeada4bb429145a?s=48 codingluka
2
810
6a87c9bfc71c805c3f5f248b359365d3?s=48 mu2in
0
560

Featured

See All Featured
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
205
6.7k
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
154
6.2k
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
6
740
8081b26e05bb4354f7d65ffc34cbbd67?s=48 chriscoyier
775
240k
433acaea1012b25d97ae66da9b998dad?s=48 malarkey
392
60k
96270e4c3e5e9806cf7245475c00b275?s=48 addyosmani
492
110k
D09fad3e36ae6841f54820be0e907f7a?s=48 rocio
155
11k
053e75a5b48b44d6dd0612795dfb326d?s=48 notwaldorf
2
830
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
250
11k
B6a8f005f39d23ffc930508ac9da68b9?s=48 vanstee
115
4.7k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
257
24k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
54
6k

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