「Material Design の設計思想を探る」 Google I/O Extended 2018 Shibuya #io2018md https://goodpatch.connpass.com/event/87400/ https://twitter.com/hashtag/io2018md
2018.5.25© 2018 Satori MARU. @usagimarumaGoogle I/O Extended 2018 ShibuyaͷઃܭࢥΛ୳Δ#io2018mdhttps://goodpatch.connpass.com/event/87400/Material Design
View Slide
@usagimarumaؙྯཬ· Δ ͞ ͱ ΓגࣜձࣾάουύονApplication Designer / Interface Developer / iOS DevelopermacOS Developer / Sketch Plugin Developer#io2018md
https://note.designing.jp/n/n088e4834c392#io2018md
iOS#io2018md
https://material.io/
#io2018mdhttps://material.io//FX1SJODJQMFT
Principles.BUFSJBMJTUIFNFUBQIPS#PME HSBQIJD JOUFOUJPOBM.PUJPOQSPWJEFTNFBOJOH'MFYJCMFGPVOEBUJPO$SPTTQMBUGPSN#io2018md
σβΠϯݪଇϝλϑΝʔදݱେɺੜ͖ੜ͖ɺҙਤతϞʔγϣϯҙຯΛ༩͑Δॊೈͳج൫ΫϩεϓϥοτϑΥʔϜ#io2018md
.BUFSJBM$PNQPOFOUTGPSJ04https://material.io/#io2018md
Goalsମݧͷ౷Ұࢹ֮ݴޠͱͯ͠ͷσβΠϯϏδϡΞϧͷॊೈੑ#io2018md
#io2018mdhttps://material.io/ʮॊೈੑʯ
.BUFSJBM5IFNJOHhttps://material.io/#io2018md
#io2018mdhttps://material.io/
දࠎ֨ߏཁ݅ઓུUX ͷ5ஈ֊ϞσϧϏδωεʗαʔϏεઃܭΠϯλʔϑΣΠεͷߏઃܭΠϯλʔϑΣΠεͷϏδϡΞϧઃܭ#io2018md
දࠎ֨ߏཁ݅ઓུϏδωεʗαʔϏεઃܭΠϯλʔϑΣΠεͷߏઃܭUX ͷ5ஈ֊ϞσϧΠϯλʔϑΣΠεͷϏδϡΞϧઃܭදΛૠ͛ସ͑ͯͦͷԼมΘΒͳ͍#io2018mdMaterial Theming
#io2018md'MPBUJOH"DUJPO#VUUPO
σβΠϯΨΠυϥΠϯͷղऍίϯςΫετͰͬͱओཁͳΞΫγϣϯΛఏڙεΫϦʔϯʹઃஔ͢Δ'"#ͳΔ͘ͻͱͭ'"#͔ΒϝχϡʔͳͲΛల։Ͱ͖Δ#io2018md
#io2018md'"#ٵண͢ΔαʔϑΣΠεͱͷؔ࿈ΛอͭσβΠϯΨΠυϥΠϯͷղऍ
ΠϯλϥΫγϣϯϞσϧ#io2018mdαʔϑΣΠε Ϙλϯબ͞ΕͨΦϒδΣΫτ ΦϒδΣΫτʹର͢ΔΞΫγϣϯʪ໊ࢺʫ ʪಈࢺʫೝ ݁Ռ
iOS ͱൺֱ͠ͳ͕ΒઃܭࢥΛ୳Δ#io2018md
iOSiOS ͰɺφϏήʔγϣϯόʔӈʹͦͷίϯςΫετͰͬͱॏཁͳΞΫγϣϯ͕ઃஔ͞ΕΔ͜ͱ͕ଟ͍#io2018md
iOSňબʯϞʔυ͕ͩɺίϯςϯπΤϦΞΛΦϒδΣΫτͱݟཱͯͨͱ͖ɺ҉తʹϑΥʔΧε͕͍ͨͬͯΔίϯςϯπΤϦΞʹର͢ΔΞΫγϣϯͱղऍͰ͖ͳ͘ͳ͍#io2018md
iOSφϏήʔγϣϯόʔӈͷςΩετϘλϯॳݟͰؾ͖ʹ͍͘ʢҰֶशͯ͠͠·͑Ͱͳ͍͕ʣ#io2018md
iOSFAB ͷಠࣗղऍɾಠ࣮ࣗ#io2018md
#io2018md#PUUPN"QQ#BS0WFSMBQQJOH'"#
#io2018md#PUUPN"QQ#BS*OTFU'"#
#io2018md#PUUPN"QQ#BS*OTFU'"#!
#io2018mdhttps://material.io/&MFWBUJPO)JFSBSDIZ
#io2018mdhttps://material.io/Ԟߦ͖
#io2018mdhttps://material.io/खલʹ͋Δ΄ͲϢʔβʔʹ͍ۙ
#io2018mdiOSϞʔμϧϏϡʔखલʹల։͞ΕΔݱࡏͷϞʔυ͕ϢʔβʔʹΑΓۙ͘ͳΔ
#io2018mdhttps://material.io/#BDLESPQ
https://material.io/#io2018mdैɿഎܠϨΠϠʔओɿલܠϨΠϠʔΦϓγϣϯɺϑΟϧλʔઃఆɺφϏήʔγϣϯϝΠϯίϯςϯπྖҬલܠϨΠϠʔϑΥʔΧεഎܠϨΠϠʔ
https://material.io/#io2018mdલܠɿϑΥʔΧε͕͋ΔഎܠͷଘࡏΛೝͭͭ͠ɺલܠͷϞʔυʹ͍Δঢ়ଶલܠϨΠϠʔഎܠϨΠϠʔϑΥʔΧε
https://material.io/#io2018mdഎܠɿϑΥʔΧε͕͋ΔલܠɿҰ࣌ୀආҰ࣌తʹഎܠͷϞʔυʹભҠ͍ͯ͠Δදࣔҡ࣋͞Ε͍ͯΔͷͰɺલܠͷঢ়ଶಉ࣌ʹΔ͜ͱ͕Ͱ͖ΔલܠϨΠϠʔഎܠϨΠϠʔϑΥʔΧε
Backdrop ʹ͓͚ΔϑΥʔΧεͷભҠաఔhttps://material.io/#io2018mdഎܠϨΠϠʔલܠϨΠϠʔ
ηϛϞʔμϧϏϡʔʹ͓͚ΔϑΥʔΧεͷભҠաఔ#io2018mdഎܠ എܠʗલܠ લܠiOS
https://material.io/#io2018mdBackdrop iOS: ηϛϞʔμϧϏϡʔओɿഎܠϨΠϠʔैɿલܠϨΠϠʔϝΠϯίϯςϯπྖҬৄࡉใɺΦϓγϣϯैɿഎܠϨΠϠʔओɿલܠϨΠϠʔΦϓγϣϯϑΟϧλʔઃఆφϏήʔγϣϯϝΠϯίϯςϯπྖҬओैैओiOS
ࢹ֮ݴޠͱͯ͠ͷ Material Design#io2018md
https://material.io/#io2018mdཁૉಉ࢜ͷؔੑiOS
https://material.io/#io2018mdঢ়ଶભҠͷ࿈ଓੑiOS
https://material.io/#io2018mdiOS݁ՌͷϑΟʔυόοΫ
https://material.io/#io2018mdΞΫγϣϯͷࣔࠦiOS
https://medium.com/ux-in-motion/a87a4584ddc#io2018md
Ϟʔγϣϯ͕ͨΒ͢ՁඇจࣈݴޠͰͷରಈ͖ʹΑͬͯҙຯΛ༩͑Δ࣌ؒ࣠ʹԊͬͨঢ়ଶΛදݱະདྷΛࣔࠦ#io2018md
https://material.io/design/motion/understanding-motion.html#io2018md
https://medium.com/ux-in-motion/a87a4584ddc#io2018mdhttps://material.io/
#io2018mdiOS
#io2018mdhttps://play.google.com/store/apps/details?id=com.apple.android.music&hl=ja
#io2018mdදࠎ֨ߏཁ݅ઓུUX ͷ5ஈ֊ϞσϧαʔϏεج൫ϢʔβʔΠϯλʔϑΣΠε
#io2018mdUX ͷ5ஈ֊Ϟσϧදࠎ֨ߏཁ݅ઓུαʔϏεج൫ϢʔβʔΠϯλʔϑΣΠεAndroid iOS
https://material.io/#hashtaghttps://medium.com/ux-in-motion/a87a4584ddc
Material Design ͷίϯηϓτͷղऍσδλϧੈքʹ࠶ݱ͞ΕͨʮࢴʯͱʮΠϯΫʼnαʔϑΣΠεͷߴӄӨʹΑͬͯใͷ֊ߏΛදݱҙຯͷ͋ΔϞʔγϣϯόϥόϥͩͬͨੈքͷ౷Ұ#io2018md
දࠎ֨ߏཁ݅ઓུϏδωεʗαʔϏεઃܭΠϯλʔϑΣΠεͷߏઃܭUX ͷ5ஈ֊ϞσϧΠϯλʔϑΣΠεͷϏδϡΞϧઃܭMaterial ThemingදΛૠ͛ସ͑ͯͦͷԼมΘΒͳ͍#io2018md
https://material.io/#io2018mdैɿഎܠϨΠϠʔओɿલܠϨΠϠʔΦϓγϣϯɺϑΟϧλʔઃఆɺφϏήʔγϣϯϝΠϯίϯςϯπྖҬ
#io2018mdhttps://developer.apple.com/design/