Tweet
Tweet

Slide 1

Slide 1 text

Android൛ʰϑϦϧʱʹ͓͚Δ Material Design΁ͷରԠͱ ΨΠυϥΠϯͷଊ͑ํ

Slide 2

Slide 2 text

2 Fablic, inc. Android Application Developer தଜܙଠ @nakamuuu ϓϩϑΟʔϧ @chicken_111

Slide 3

Slide 3 text

ྦྷܭ ສ μ΢ϯϩʔυ ಥഁʂ 3 ϑϦϚΞϓϦʮϑϦϧʯʹ͍ͭͯ

Slide 4

Slide 4 text

4 ϑϦϚΞϓϦʮϑϦϧʯʹ͍ͭͯ τοϓσϕϩούʔʹೝఆʂ "OESPJE%FWFMPQFS4UPSZʹܝࡌʂ ʢ೔ຊͷඇήʔϜσϕϩούʔͱͯ͠ॳʣ

Slide 5

Slide 5 text

No content

Slide 6

Slide 6 text

6 ֓ཁ wʰϑϦϧʱʹ͓͚Δ.BUFSJBM%FTJHO΁ͷରԠ w.BUFSJBMEFTJHOHVJEFMJOFTʹ४ڌ͢ΔϝϦοτ

Slide 7

Slide 7 text

Android൛ʰϑϦϧʱʹ͓͚Δ Material Design΁ͷରԠ 7

Slide 8

Slide 8 text

.BUFSJBMEFTJHOHVJEFMJOFTͷެ։ ೥݄ 8 ϑϦϧʹ͓͚ΔMaterial Design΁ͷରԠ

Slide 9

Slide 9 text

.BUFSJBM%FTJHO 9 ϑϦϧʹ͓͚ΔMaterial Design΁ͷରԠ .BUFSJBMJT.FUBQIPS ݱ࣮ੈքͷ෺ཧ๏ଇΛద༻ͨ͠ϚςϦΞϧͷ֓೦ #PME HSBQIJD JOUFOUJPOBM ҹ࡮෺σβΠϯΛԠ༻ͨ͠େ୾͔ͭҙࣝతͳσβΠϯ .PUJPOQSPWJEFTNFBOJOH ޮՌతͰҰ؏ͨ͠ҙຯͷ͋ΔΦϒδΣετͷಈ͖

Slide 10

Slide 10 text

"OESPJE൛ϑϦϧ.BUFSJBM%FTJHOରԠ ೥݄ 10 ϑϦϧʹ͓͚ΔMaterial Design΁ͷରԠ

Slide 11

Slide 11 text

11 ϑϦϧʹ͓͚ΔMaterial Design΁ͷରԠ W ೥݄ W ೥݄ W ೥݄

Slide 12

Slide 12 text

12 ϑϦϧʹ͓͚ΔMaterial Design΁ͷରԠ w.BUFSJBM%FTJHOରԠޙ΋౓ͷ େن໛ϦχϡʔΞϧ wࡉ͔ͳ෦෼ͰΨΠυϥΠϯʹ४ڌ͠ ͍ͯͳ͔ͬͨ෦෼΋ஞ࣍վળ Կނͦ͜·Ͱͯ͠ .BUFSJBM%FTJHOରԠʁ W ೥݄

Slide 13

Slide 13 text

Material design guidelinesʹ ४ڌ͢ΔϝϦοτ 13

Slide 14

Slide 14 text

14 Material design guidelinesʹ४ڌ͢ΔϝϦοτ .BUFSJBM%FTJHO΁ͷରԠ wΞϓϦͷ࢖͍উखͷ޲্ wϢʔβʔΤϯήʔδϝϯτपΓͷվળ

Slide 15

Slide 15 text

15 Material design guidelinesʹ४ڌ͢ΔϝϦοτ ࠓ೔͓࿩͢͠Δͷ͸ʜ .BUFSJBMEFTJHOHVJEFMJOFTʹ४ڌ͢Δ ։ൃऀଆʹͱͬͯͷϝϦοτ

Slide 16

Slide 16 text

16 Material design guidelinesʹ४ڌ͢ΔϝϦοτ ᶃ ΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ

Slide 17

Slide 17 text

17 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ wඒతɾ৘ૢతͳײੑʹΑΔ෦෼͕େ͖͍ʮσβΠϯʯ ͷྖҬΛۤखͱ͢ΔΤϯδχΞ͸ଟ͍ w.BUFSJBMEFTJHOHVJEFMJOFTͰ͸σβΠϯͷࢥ૝͕ ࿦ཧతʹݴޠԽ͞Εɺ࢓༷ʹམͱ͠ࠐ·Ε͍ͯΔ w͜Ε͚ͩͷΨΠυϥΠϯΛࣾ಺Ͱಠࣗʹ੔උ͢Δͷ͸೉͠ ͍ͷͰ͸ʁ

Slide 18

Slide 18 text

18 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ wΤϯδχΞ΋ΨΠυϥΠϯ͑͞೺Ѳ͍ͯ͠Ε͹ɺɹ ڞ௨ͷ஌ࣝʢʹݴޠʣΛ্࣋ͬͨͰσβΠφʔͱ΍ ΓऔΓͰ͖Δ w͜͏͍ͬͨ΍ΓऔΓ͸Ҏલ͔Β΋͕͋ͬͨɺࠜڌ͕ࣔͤΔ ͷͱࣔͤͳ͍ͷͱͰ͸େ͖ͳҧ͍͕ʜ ड͚਎ʹͳΓ͕ͪͳ ΤϯδχΞͷσβΠϯʹରͯ͠ͷҙࣝʹมԽ

Slide 19

Slide 19 text

19 Material design guidelinesʹ४ڌ͢ΔϝϦοτ ᶄ ϑϨʔϜϫʔΫʹ৐͔ͬΔ͜ͱͷࢫຯ

Slide 20

Slide 20 text

20 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ৐͔ͬΔ͜ͱͷࢫຯ wجຊతʹϑϨʔϜϫʔΫͰ༻ҙ͞Ε͍ͯΔʮඪ४ʯ ͱݴΘΕΔ6*͔Β཭ΕΔ΄Ͳ࣮૷ͷίετ͸্͕Δ wؤு࣮ͬͯ૷ͨ͠ʮඪ४Ͱ͸ͳ͍6*ʯͰୡ੒͞ΕΔ Ϣʔβʔମݧͷ޲্͸ͲΕ΄Ͳ͔Λߟ͑Δ

Slide 21

Slide 21 text

21 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ৐͔ͬΔ͜ͱͷࢫຯ wʮඪ४ʯͱݴΘΕΔ6*ʢ)PMPςʔϚʣ͕Ϧονͳɹ ମݧΛੜΈग़ͤΔ΋ͷͰ͸ͳ͔ͬͨ wͦ΋ͦ΋ʮඪ४ʯʹै͍ͬͯͳ͍ΞϓϦ͕ଟ͔ͬͨ ͨΊɺʮඪ४ʯͰͳ͘ͳΔ͜ͱͰͷϦεΫ͕௿͍ ࠓ·Ͱͷ"OESPJEΞϓϦ͸ʜ

Slide 22

Slide 22 text

22 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ৐͔ͬΔ͜ͱͷࢫຯ wʮඪ४ʯͱݴΘΕΔ6*Ͱ΋े෼ʹϦονͳϢʔβʔ ମݧΛ࣮ݱ͢Δ͜ͱ͕Մೳʹͳͬͨ wʮඪ४ʯʹै͏ΞϓϦ͕૿͑ɺʮඪ४ʯͰͳ͘ͳΔ ͜ͱͰͷϦεΫ͕ߴ·ͬͨ .BUFSJBM%FTJHOͷొ৔ޙ

Slide 23

Slide 23 text

23 Material design guidelinesʹ४ڌ͢ΔϝϦοτ - ϑϨʔϜϫʔΫʹ৐͔ͬΔ͜ͱͷࢫຯ ঎඼ը໘ͷվमʢ೥݄ʣ wෳࡶͳεΫϩʔϧ࣌ͷΤϑΣΫτ ΛؚΉϨΠΞ΢τ΋؆୯ʹ࣮૷ w%FTJHO4VQQPSU-JCSBSZͰ༻ҙ͞Ε ͍ͯΔ7JFXΛ࢖༻ .BUFSJBM%FTJHOʹ৐͔ͬΔ͜ͱͰ গͳ͍޻਺ͰϦονͳମݧΛ࣮ݱ

Slide 24

Slide 24 text

24 Material design guidelinesʹ४ڌ͢ΔϝϦοτ .BUFSJBMEFTJHOHVJEFMJOFTʹ४ڌ͢Δ ։ൃऀଆʹͱͬͯͷϝϦοτ ᶃΤϯδχΞͷσβΠϯʹର͢ΔҙࣝͷมԽ ᶄϑϨʔϜϫʔΫͰ༻ҙ͞Ε͍ͯΔ ίϯϙʔωϯτͷ࢖༻ʹΑΔ޻਺ͷ࡟ݮ

Slide 25

Slide 25 text

·ͱΊ 25

Slide 26

Slide 26 text

26 ·ͱΊ w.BUFSJBM%FTJHO΁ͷରԠʹ͸࢖͍উख΍Τϯήʔ δϝϯτͷ޲্ͷଞʹɺ։ൃऀʹͱͬͯͷϝϦοτ ΋ଘࡏ͢Δ wطଘΞϓϦΛରԠͤ͞Δͷ͸େ͖ͳ޻਺͕ൃੜ͢Δ ͕ɺϥΠϒϥϦͷఏڙͳͲͰɹରԠ͠΍͍͢؀ڥ͸ ੔͖͍ͬͯͯΔ ·ͩ.BUFSJBM%FTJHOʹରԠͰ͖͍ͯͳ͍ͷͳΒ վΊͯ΋͏Ұ౓ɺ ରԠΛݕ౼ͯ͠Έͯ͸Ͳ͏Ͱ͠ΐ͏͔ʁ

Slide 27

Slide 27 text

͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ɻ