Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up
for free
Introduction of MaterialDesign for engineer
Masaya Yashiro
August 29, 2016
Technology
0
72
Introduction of MaterialDesign for engineer
Masaya Yashiro
August 29, 2016
Tweet
Share
More Decks by Masaya Yashiro
See All by Masaya Yashiro
yashims
0
130
yashims
5
1k
yashims
0
2.9k
yashims
0
2.2k
yashims
0
44
Other Decks in Technology
See All in Technology
noir_neo
0
120
kawaguti
0
110
saoritakita
0
340
clustervr
0
210
shirayanagiryuji
1
400
takem001
0
870
yuyaabo
0
250
awsbelaraby
1
110
ishiayaya
PRO
0
320
awsbelaraby
4
1.2k
shirayanagiryuji
0
1.6k
yosuke_matsuura
PRO
0
3.2k
Featured
See All Featured
gr2m
83
11k
vanstee
116
4.8k
ammeep
656
54k
destraynor
146
19k
kastner
54
1.9k
keavy
106
14k
paulrobertlloyd
71
1.4k
geeforr
332
29k
chrislema
231
16k
lauravandoore
437
28k
schacon
145
6.6k
skipperchong
7
660
Transcript
ΤϯδχΞͷͨΊͷ ϚςϦΞϧσβΠϯೖ @yashims85
୭ • ণ @yashims85 • ྑ͍ϓϩμΫτΛ࡞Γ͍ͨΤϯδχΞ • ؾ࣋ͪ20த൫
օ͞Μ͜Μͳࣄܦݧ͋Γ·ͤΜ ͔ʁ
σβΠφ: ͜ΕͰ࣮͓ئ͍͠·͢ʔʂ ΅͘: Αͬ͠Όʂ࣮͕ΜΔ͍ͧʂ ΅͘: Μʔʁ ΅͘: ΜΜΜʔʁ ΅͘: ͏ʔΜɻɻඍົͳσβΠϯͳؾ͕͢Δ͚ͲɺσβΠ
φ্͕͖͛ͯͨͷͩ͠ͳ͊ɻɻ ΅͘: ·͊ɺ͍͍͔ɻɻ
͋Δ͍͜Μͳࣄ
΅͘: UI࣮Ͱ͖ͨͷͰಈ͔ͯ͠ΈΔ͍ͧɻ ΅͘: …Ξχϝʔγϣϯཉ͍͍ͧ͠ɻɻ ΅͘: ͍͍ײ͡ʹͪΐͪΐ͍ͱͬͯΈΔ͔(^o^) σβΠφ: ͏ʔΜඍົ͍ɻ ΅͘: (´ɾωɾʆ)
͋Δ͍͜Μͳࣄ
σβΠφ: UI࣮͓ئ͍͠·ʔ͢ʂ ΅͘: ͕ΜΔ͍ͧʂ ΅͘: ͳΜ͔৽ن࣮ଟ͍ͧɻɻ ΅͘: ͓ΘΒͳ͍ɻɻ ΅͘: ͓ΘΒͳ͍ɻɻ
ͦΕɺ͔ͨ͠͠ΒϚςϦΞϧσβΠ ϯΛ֮͑Δ͜ͱͰղܾͰ͖Δ͔͠Ε ·ͤΜ
ϚςϦΞϧσβΠϯͷ3ݪଇ
ϚςϦΞϧσβΠϯͷ3ݪଇ • ϚςϦΞϧσβΠϯϝλϑΝʔͰ͋Δ • ϚςϦΞϧσβΠϯࢴͷϝλϑΝʔΛ࣋ͭ(λϯδϒ ϧUI)
ϚςϦΞϧσβΠϯͷ3ݪଇ • େɺੜ͖ੜ͖ɺҙਤత • ࢴͷσβΠϯͱಉ͡Α͏ߟ͑Δ • typography༨നɺΧϥʔେʹ͓͏
ϚςϦΞϧσβΠϯͷ3ݪଇ • ϞʔγϣϯҙຯΛఏڙ͢Δ • Կʹ͢ΕΑ͍͔༠ಋͰ͖Δ • ਖ਼͍͠ϞʔϑΟϯάϢʔβͷମݧΛ࿈ଓతͳͷʹ ͢Δ
Ͱɺ΅͘σβΠϯηϯεແ͍ ͠ɻɻ
ͦΜͳਓͷͨΊͷϚςϦΞϧσ βΠϯͰ͢ʂʂ
΅͘σβΠϯηϯεແ͍͠ • υΩϡϝϯτ͕උ͞Ε͍ͯΔ • https://design.google.com/ • https://material.google.com/ • σβΠϯͷઃܭࢥ͕͋Δ •
σβΠϯύλʔϯ͕๛ • ύλʔϯͱϩδοΫͰͯ͢ޠΕ͍ͯΔ
ύλʔϯͱϩδοΫͰޠΒΕ͍ͯΔͳΒɺ ΤϯδχΞతࢥߟͰσβΠϯͷྑ͠ѱ͠ ΛஅͰ͖Δ
ϚςϦΞϧσβΠϯΛ͓΅͑Δ ͱͲ͏ͳΔ͔
σβΠφ: ͜ΕͰ࣮͓ئ͍͠·͢ʔʂ ΅͘: Αͬ͠Όʂ࣮͕ΜΔ͍ͧʂ ΅͘: Μʔʁ ΅͘: ͏ʔΜɻɻσβύλతʹඍົͳͷͰɺͲ͏͍͏ઃܭ ҙਤͳͷ͔֬ೝͯ͠ΈΑ͏ɻ σβΠφ:
·͊ɺGoogle༷͕ݴ͏ͳΒ͠ΐ͏͕ͳ͍ΑͶɻ ΅͘: ʢʈνʈʣχοίϦ Google༷͕ݴ͏ͳΒ͠ΐ͏͕ͳ͍
͋Δ͍͜͏ͳΔ
΅͘: UI࣮Ͱ͖ͨͷͰಈ͔ͯ͠ΈΔ͍ͧɻ ΅͘: …Ξχϝʔγϣϯཉ͍͍ͧ͠ɻɻ ΅͘: ϚςϦΞϧσβΠϯతߟ͑ํऔΓೖΕͯͪΐͪΐ͍ ͱͬͯΈΔ͔ɻ σβΠφ: ѱ͘ͳ͍ ΅͘:
ʢʈνʈʣχοίϦ
͋Δ͍͜͏ͳΔ
σβΠφ: UI࣮͓ئ͍͠·ʔ͢ʂ ΅͘: ͳΜ͔৽ن࣮ଟ͍ͧɻɻ ΅͘: ࣅͨUI͕͢Ͱʹ͋ΔΘ͚Ͱ͕͢ɺ৽ͨʹ࣮͢Δҙ ਤͱʁ σβΠφ: ಛʹແ͍ ΅͘:
ʢʈνʈʣχοίϦ
MFͰͬͯΔษڧ๏
MFͰͬͯΔษڧ๏ • ͍͏ͯυΩϡϝϯτશ෦ӳޠ • ҰਓͰಡΉͷਏ͍ͷͰɺΈΜͳͰಡΈ߹Θͤ • UIຖʹಡΜͰҙݟަ͋͠͏ • Googleͷϖʔδ༁ͰେମҙਤΘΔ
·ͱΊ • σβΠϯηϯε͕ແͯ͘ϚςϦΞϧσβΠϯޠΕΔ • ϚςϦΞϧσβΠϯύλʔϯͱϩδοΫ • ύλʔϯͱϩδοΫͳΒΤϯδχΞಘҙ • Google༷ͷҖΛआΓͯԺศʹࡁ·ͤΒΕΔ