Tweet
Tweet

Slide 1

Slide 1 text

ΤϯδχΞͷͨΊͷ ϚςϦΞϧσβΠϯೖ໳ @yashims85

Slide 2

Slide 2 text

୭ • ԰୅ণ໵ @yashims85 • ྑ͍ϓϩμΫτΛ࡞Γ͍ͨΤϯδχΞ • ؾ࣋ͪ͸20୅த൫

Slide 3

Slide 3 text

օ͞Μ͜Μͳࣄܦݧ͋Γ·ͤΜ ͔ʁ

Slide 4

Slide 4 text

σβΠφ: ͜ΕͰ࣮૷͓ئ͍͠·͢ʔʂ ΅͘: Αͬ͠Όʂ࣮૷͕Μ͹Δ͍ͧʂ ΅͘: Μʔʁ ΅͘: ΜΜΜʔʁ ΅͘: ͏ʔΜɻɻඍົͳσβΠϯͳؾ͕͢Δ͚ͲɺσβΠ φ্͕͖͛ͯͨ΋ͷͩ͠ͳ͊ɻɻ ΅͘: ·͊ɺ͍͍͔ɻɻ

Slide 5

Slide 5 text

͋Δ͍͸͜Μͳࣄ

Slide 6

Slide 6 text

΅͘: UI࣮૷Ͱ͖ͨͷͰಈ͔ͯ͠ΈΔ͍ͧɻ ΅͘: …Ξχϝʔγϣϯཉ͍͍ͧ͠ɻɻ ΅͘: ͍͍ײ͡ʹͪΐͪΐ͍ͱ΍ͬͯΈΔ͔(^o^) σβΠφ: ͏ʔΜඍົ͍ɻ ΅͘: (´ɾωɾʆ)

Slide 7

Slide 7 text

͋Δ͍͸͜Μͳࣄ

Slide 8

Slide 8 text

σβΠφ: UI࣮૷͓ئ͍͠·ʔ͢ʂ ΅͘: ͕Μ͹Δ͍ͧʂ ΅͘: ͳΜ͔৽ن࣮૷ଟ͍ͧɻɻ ΅͘: ͓ΘΒͳ͍ɻɻ ΅͘: ͓ΘΒͳ͍ɻɻ

Slide 9

Slide 9 text

ͦΕɺ΋͔ͨ͠͠ΒϚςϦΞϧσβΠ ϯΛ֮͑Δ͜ͱͰղܾͰ͖Δ͔΋͠Ε ·ͤΜ

Slide 10

Slide 10 text

ϚςϦΞϧσβΠϯͷ3ݪଇ

Slide 11

Slide 11 text

ϚςϦΞϧσβΠϯͷ3ݪଇ • ϚςϦΞϧσβΠϯ͸ϝλϑΝʔͰ͋Δ • ϚςϦΞϧσβΠϯ͸ࢴͷϝλϑΝʔΛ࣋ͭ(λϯδϒ ϧUI)

Slide 12

Slide 12 text

ϚςϦΞϧσβΠϯͷ3ݪଇ • େ୾ɺੜ͖ੜ͖ɺҙਤత • ࢴͷσβΠϯͱಉ͡Α͏ߟ͑Δ • typography΍༨നɺΧϥʔ౳େ୾ʹ࢖͓͏

Slide 13

Slide 13 text

ϚςϦΞϧσβΠϯͷ3ݪଇ • Ϟʔγϣϯ͸ҙຯΛఏڙ͢Δ • Կʹ஫໨͢Ε͹Α͍͔༠ಋͰ͖Δ • ਖ਼͍͠ϞʔϑΟϯά͸ϢʔβͷମݧΛ࿈ଓతͳ΋ͷʹ ͢Δ

Slide 14

Slide 14 text

Ͱ΋ɺ΅͘σβΠϯηϯεແ͍ ͠ɻɻ

Slide 15

Slide 15 text

ͦΜͳਓͷͨΊͷϚςϦΞϧσ βΠϯͰ͢ʂʂ

Slide 16

Slide 16 text

΅͘σβΠϯηϯεແ͍͠ • υΩϡϝϯτ͕੔උ͞Ε͍ͯΔ • https://design.google.com/ • https://material.google.com/ • σβΠϯͷઃܭࢥ૝͕͋Δ • σβΠϯύλʔϯ͕๛෋ • ύλʔϯͱϩδοΫͰ͢΂ͯޠΕ͍ͯΔ

Slide 17

Slide 17 text

ύλʔϯͱϩδοΫͰޠΒΕ͍ͯΔͳΒɺ ΤϯδχΞతࢥߟͰσβΠϯͷྑ͠ѱ͠ Λ൑அͰ͖Δ

Slide 18

Slide 18 text

ϚςϦΞϧσβΠϯΛ͓΅͑Δ ͱͲ͏ͳΔ͔

Slide 19

Slide 19 text

σβΠφ: ͜ΕͰ࣮૷͓ئ͍͠·͢ʔʂ ΅͘: Αͬ͠Όʂ࣮૷͕Μ͹Δ͍ͧʂ ΅͘: Μʔʁ ΅͘: ͏ʔΜɻɻσβύλతʹඍົͳͷͰɺͲ͏͍͏ઃܭ ҙਤͳͷ͔֬ೝͯ͠ΈΑ͏ɻ σβΠφ: ·͊ɺGoogle༷͕ݴ͏ͳΒ͠ΐ͏͕ͳ͍ΑͶɻ ΅͘: ʢʈνʈʣχοίϦ Google༷͕ݴ͏ͳΒ͠ΐ͏͕ͳ͍

Slide 20

Slide 20 text

͋Δ͍͸͜͏ͳΔ

Slide 21

Slide 21 text

΅͘: UI࣮૷Ͱ͖ͨͷͰಈ͔ͯ͠ΈΔ͍ͧɻ ΅͘: …Ξχϝʔγϣϯཉ͍͍ͧ͠ɻɻ ΅͘: ϚςϦΞϧσβΠϯతߟ͑ํऔΓೖΕͯͪΐͪΐ͍ ͱ΍ͬͯΈΔ͔ɻ σβΠφ: ѱ͘ͳ͍ ΅͘: ʢʈνʈʣχοίϦ

Slide 22

Slide 22 text

͋Δ͍͸͜͏ͳΔ

Slide 23

Slide 23 text

σβΠφ: UI࣮૷͓ئ͍͠·ʔ͢ʂ ΅͘: ͳΜ͔৽ن࣮૷ଟ͍ͧɻɻ ΅͘: ࣅͨUI͕͢Ͱʹ͋ΔΘ͚Ͱ͕͢ɺ৽ͨʹ࣮૷͢Δҙ ਤͱ͸ʁ σβΠφ: ಛʹແ͍ ΅͘: ʢʈνʈʣχοίϦ

Slide 24

Slide 24 text

MFͰ΍ͬͯΔษڧ๏

Slide 25

Slide 25 text

MFͰ΍ͬͯΔษڧ๏ • ͍͏ͯυΩϡϝϯτ͸શ෦ӳޠ • ҰਓͰಡΉͷ͸ਏ͍ͷͰɺΈΜͳͰಡΈ߹Θͤ • UIຖʹಡΜͰҙݟަ׵͋͠͏ • Googleͷϖʔδ຋༁Ͱେମҙਤ఻ΘΔ

Slide 26

Slide 26 text

·ͱΊ • σβΠϯηϯε͕ແͯ͘΋ϚςϦΞϧσβΠϯ͸ޠΕΔ • ϚςϦΞϧσβΠϯ͸ύλʔϯͱϩδοΫ • ύλʔϯͱϩδοΫͳΒΤϯδχΞ΋ಘҙ • Google༷ͷҖΛआΓͯԺศʹࡁ·ͤΒΕΔ