Upgrade to Pro — share decks privately, control downloads, hide ads and more …

BUSINESS & CREATIVE「大規模メディアにおけるデザイナーの価値発揮」

BUSINESS & CREATIVE「大規模メディアにおけるデザイナーの価値発揮」

株式会社NIJIBOX

November 22, 2019
Tweet

More Decks by 株式会社NIJIBOX

Other Decks in Design

Transcript

  1. גࣜձࣾχδϘοΫεʹ͍ͭͯ גࣜձࣾχδϘοΫεͷ͝঺հ גࣜձࣾχδϘοΫε͸ɺ೥݄ϦΫϧʔτ͔Βੜ·Εͨ ʮΠϯλʔωοτͷ΋ͷͮ͘ΓʯΛ͢ΔձࣾͰ͢ɻ ಠཱ෼ࣾ ֤छ࿈ܞ Ҋ݅ࢧԉ डୗ੍࡞ ਓࡐ݉຿ͳͲ ੍࡞։ൃ࣮੷

    Ҋ݅ʢ೥݄ݱࡏʣ  ೥͋ͨΓͷ৽نࣄۀ ΤϯτϦʔ਺ ݅  ໿ ΠϯλʔωοτྖҬʹ͓͚Δ ʮ૯߹ϝʔΧʔʯ ɾࣗࣾࣄۀʗडୗ։ൃΛ໰Θͳ͍ ʮ৽͍͠ΠϯλʔωοταʔϏεʯͷ։ൃɾӡӦ ϦΫϧʔτʮ3JOHʯ ৽نࣄۀىҊ੍౓ ɾεςʔδήʔτํࣜʹΑΔϕϯνϟʔΩϟϐλϧ ɹతࣾ಺ࣄۀ౤ࢿϚωδϝϯτͷ࣮ࢪ ɾελʔτΞοϓ޲͚ϝσΟΞӡӦ
  2. 6*σβΠφʔͷཱͪҐஔ͓͞Β͍ XFCσβΠϯۀքͰ͸ ͦΕͧΕͷϙδγϣϯͰٻΊΒΕΔεΩϧ͕ҟͳΓ·͢ ू٬ɾϚʔέςΟϯά ϓϩϞʔγϣϯ ޿ࠂ w $.࿈ಈ w Ωϟϯϖʔϯ

    w 8&#ಈը w 4&0ରࡦ w ϦεςΟϯά w όφʔ w ϝϧϚΨ αʔϏεɾϓϩμΫτ w ৽نαʔϏε࡞੒ w ίϯςϯπ࡞੒ w ػೳվળ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  3. 6*σβΠφʔͷཱͪҐஔ͓͞Β͍ ຊ೔͓࿩͢͠Δ6*σβΠφʔͷείʔϓ͸ αʔϏεɾϓϩμΫτͷ6*σβΠφʔʹ͍ͭͯ ू٬ɾϚʔέςΟϯά ϓϩϞʔγϣϯ ޿ࠂ w $.࿈ಈ w Ωϟϯϖʔϯ

    w 8&#ಈը w 4&0ରࡦ w ϦεςΟϯά w όφʔ w ϝϧϚΨ αʔϏεɾϓϩμΫτ w ৽نαʔϏε࡞੒ w ίϯςϯπ࡞੒ w ػೳվળ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  4. 6*σβΠφʔͷཱͪҐஔ͓͞Β͍ αʔϏεɾϓϩμΫτͷ੍࡞ਐߦʹ͓͍ͯ 6*σβΠφʔ͕ؔΘΔϙδγϣϯΛ͓͞Β͍͠·͢ɻ Ϗ δ ω ε ݕ ౼ ઓུ

    ௐ ࠪ ɾ ՝ ୊ ઃ ఆ ཁ݅ ߏ ଄ ઃ ܭ ߏ଄ Ϩ Π Ξ ΢ τ  ৘ ใ ઃ ܭ ࠎ֨ τ ϯ Ϛ φ ઃ ܭ  ε λ Π Ϧ ϯ ά ද૚ ৘ใ ઃܭ ϏδϡΞϧ ઃܭ Τ ϯ δ χ Ξ Ϧ ϯ ά  ࣮ ૷ ද૚ ਐߦ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  5. 6*σβΠφʔͷཱͪҐஔ͓͞Β͍ Ϗ δ ω ε ݕ ౼ ઓུ ௐ ࠪ

    ɾ ՝ ୊ ઃ ఆ ཁ݅ ߏ ଄ ઃ ܭ ߏ଄ Ϩ Π Ξ ΢ τ  ৘ ใ ઃ ܭ ࠎ֨ τ ϯ Ϛ φ ઃ ܭ  ε λ Π Ϧ ϯ ά ද૚ ৘ใ ઃܭ ϏδϡΞϧ ઃܭ Τ ϯ δ χ Ξ Ϧ ϯ ά  ࣮ ૷ ද૚ 69σβΠφʔσΟϨΫλʔ͕୲౰͢Δ 69σβΠφʔσΟϨΫλʔ͕ϦαʔνΛܦͯ ࠎ૊Έ·Ͱ·ͱΊΔ ͍ΘΏΔ8'·Ͱ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  6. 6*σβΠφʔͷཱͪҐஔ͓͞Β͍ Ϗ δ ω ε ݕ ౼ ઓུ ௐ ࠪ

    ɾ ՝ ୊ ઃ ఆ ཁ݅ ߏ ଄ ઃ ܭ ߏ଄ Ϩ Π Ξ ΢ τ  ৘ ใ ઃ ܭ ࠎ֨ τ ϯ Ϛ φ ઃ ܭ  ε λ Π Ϧ ϯ ά ද૚ ৘ใ ઃܭ ϏδϡΞϧ ઃܭ Τ ϯ δ χ Ξ Ϧ ϯ ά  ࣮ ૷ ද૚ 6*σβΠφʔ͕୲౰͢Δ 6*σβΠφʔ͸ϏδϡΞϧ෦෼ͷઃܭΛߦ͏ɻ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  7. 6*σβΠφʔͷཱͪҐஔ͓͞Β͍ Ϗ δ ω ε ݕ ౼ ઓུ ௐ ࠪ

    ɾ ՝ ୊ ઃ ఆ ཁ݅ ߏ ଄ ઃ ܭ ߏ଄ Ϩ Π Ξ ΢ τ  ৘ ใ ઃ ܭ ࠎ֨ τ ϯ Ϛ φ ઃ ܭ  ε λ Π Ϧ ϯ ά ද૚ ৘ใ ઃܭ ϏδϡΞϧ ઃܭ Τ ϯ δ χ Ξ Ϧ ϯ ά  ࣮ ૷ ද૚ 6*σβΠφʔ͕୲౰͢Δ 6*σβΠφʔ͸ϏδϡΞϧ෦෼ͷઃܭΛߦ͏ɻ ελΠϦϯάͷݕ౼Ͱ ߦ͖དྷ͢Δέʔε༗ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  8. 6*σβΠφʔͷཱͪҐஔ͓͞Β͍ Ϗ δ ω ε ݕ ౼ ઓུ ௐ ࠪ

    ɾ ՝ ୊ ઃ ఆ ཁ݅ ߏ ଄ ઃ ܭ ߏ଄ Ϩ Π Ξ ΢ τ  ৘ ใ ઃ ܭ ࠎ֨ τ ϯ Ϛ φ ઃ ܭ  ε λ Π Ϧ ϯ ά ද૚ ৘ใ ઃܭ ϏδϡΞϧ ઃܭ Τ ϯ δ χ Ξ Ϧ ϯ ά  ࣮ ૷ ද૚ 6*σβΠφʔ͕୲౰͢Δ 69ύʔτ6*ύʔτͷڮ౉͠͸৘ใઃܭͰ͋Δ ੒ख़ͨ͠૊৫Ͱ͸ҰਓͰ୲͏έʔε΋༗ 69σβΠφʔσΟϨΫλʔ͕୲౰͢Δ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  9. 6*σβΠφʔͷཱͪҐஔ͓͞Β͍ Ϗ δ ω ε ݕ ౼ ઓུ ௐ ࠪ

    ɾ ՝ ୊ ઃ ఆ ཁ݅ ߏ ଄ ઃ ܭ ߏ଄ Ϩ Π Ξ ΢ τ  ৘ ใ ઃ ܭ ࠎ֨ ৘ใ ઃܭ ϏδϡΞϧ ઃܭ Τ ϯ δ χ Ξ Ϧ ϯ ά  ࣮ ૷ ද૚ 6*σβΠφʔ͕୲౰͢Δ 69σβΠφʔσΟϨΫλʔ͕୲౰͢Δ τ ϯ Ϛ φ ઃ ܭ  ε λ Π Ϧ ϯ ά ද૚ ͜ͷલఏʹ͓͍ͯ6*σβΠφʔ͕ ৗʹߟྀ͍ͯ͠Δࣄɺͦͯ͠ߟྀ͕ඞཁͳ͜ͱ͸Կ͔ɻ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  10. ʷखஈΛઌʹҙࣝ͠ͳ͍ w ΨΠυϥΠϯ w ϞόΠϧϑΝʔετ w ϛχϚϧσβΠϯ w ϚΠΫϩΠϯλϥΫγϣϯ w

    ίϯϓϨΫγϣϯɾϦμΫ γϣϯʜ w ϨΠΞ΢τ جຊݪଇ  w λΠϙάϥϑΟ w ഑৭ w ৘ใઃܭ *"  w ΠϯλϥΫγϣϯ w σβΠϯࢥߟ w ίϛϡχέʔγϣϯྗʜ ϓϩμΫτͷϙδγϣϯΛ಺ଆ͔Βཧղ͢Δ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  11. ϓϩμΫτͷϙδγϣϯΛ಺ଆ͔Βཧղ͢Δ ϓϩμΫτ "11 ɾσβΠϯݪଇ࠶ఆٛ ɾύʔιφϦςΟ ɾσβΠϯΨΠυϥΠϯ ɹ ίϯϙʔωϯτ 41 1$

    ϓϩμΫτίϯηϓτɾϓϩμΫτݪଇ ϓϩμΫτ͕େࣄʹ͍ͯ͠ΔLFZXPSE 6*σβΠϯͷ໾ׂΛ ۩ମͰཧղ͢Δ ϓϩμΫτ͕ܝ͍͛ͯΔ ࢦ਑Λཧղ͢Δ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  12. αʔϏεϒϥϯυ ʮϒϥϯυݪଇʯ ϓϩμΫτ ϓϩμΫτίϯηϓτɾϓϩμΫτݪଇ ϓϩμΫτ͕େࣄʹ͍ͯ͠ΔLFZXPSE "11 ɾσβΠϯݪଇ࠶ఆٛ ɾύʔιφϦςΟ ɾσβΠϯΨΠυϥΠϯ ɹ

    ίϯϙʔωϯτ 41 1$ 6*σβΠϯͷ໾ׂΛ ۩ମͰཧղ͢Δ ϓϩμΫτ͕ܝ͍͛ͯΔ ࢦ਑Λཧղ͢Δ αʔϏεͷ ϒϥϯυݪଇΛཧղ͢Δ ϓϩμΫτͷϙδγϣϯΛ಺ଆ͔Βཧղ͢Δ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  13. ΧϯύχʔϏδϣϯ ίʔϙϨʔτϒϥϯυ ϩΰͳͲͷϏδϡΞϧΞΠσϯςΟςΟ αʔϏεϒϥϯυ ʮϒϥϯυݪଇʯ ϓϩμΫτ ϓϩμΫτίϯηϓτɾϓϩμΫτݪଇ ϓϩμΫτ͕େࣄʹ͍ͯ͠ΔLFZXPSE "11 ɾσβΠϯݪଇ࠶ఆٛ

    ɾύʔιφϦςΟ ɾσβΠϯΨΠυϥΠϯ ɹ ίϯϙʔωϯτ 41 1$ αʔϏεͷ ϒϥϯυݪଇΛཧղ͢Δ 6*σβΠϯͷ໾ׂΛ ۩ମͰཧղ͢Δ ϓϩμΫτ͕ܝ͍͛ͯΔ ࢦ਑Λཧղ͢Δ Χϯύχʔͷ ϏδϣϯΛཧղ͢Δ ϓϩμΫτͷϙδγϣϯΛ಺ଆ͔Βཧղ͢Δ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  14. αʔϏεͷ ϒϥϯυݪଇΛཧղ͢Δ ΧϯύχʔϏδϣϯ ίʔϙϨʔτϒϥϯυ ϩΰͳͲͷϏδϡΞϧΞΠσϯςΟςΟ αʔϏεϒϥϯυ ʮϒϥϯυݪଇʯ ϓϩμΫτ ϓϩμΫτίϯηϓτɾϓϩμΫτݪଇ ϓϩμΫτ͕େࣄʹ͍ͯ͠ΔLFZXPSE

    "11 ɾσβΠϯݪଇ࠶ఆٛ ɾύʔιφϦςΟ ɾσβΠϯΨΠυϥΠϯ ɹ ίϯϙʔωϯτ 41 1$ 6*σβΠϯͷ໾ׂΛ ۩ମͰཧղ͢Δ ϓϩμΫτ͕ܝ͍͛ͯΔ ࢦ਑Λཧղ͢Δ Χϯύχʔͷ ϏδϣϯΛཧղ͢Δ ຊདྷͷ༏ઌ౓     ϓϩμΫτͷϙδγϣϯΛ಺ଆ͔Βཧղ͢Δ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  15. ڝ߹ ϙδγϣχϯάϚοϓ ΧϥʔϦϯά ΨΠυϥΠϯτϨϯυ ϑϥοτ εΩϡʔϞʔϑΟοΫ ௚ײత આ໌త ࣗࣾ αʔϏε܈

    Ҿ༻:೔ຊΧϥʔσβΠϯݚڀॴ/Human Interface Guidelines/Material Design ϓϩμΫτͷϙδγϣϯΛ಺ଆ͔Βཧղ͢Δ ཱͪҐஔΛ໌֬ʹͯ͠ɺϝσΟΞͷਓ֨Λ౿·͔͑ͯΒ ֎ଆͷϙδγϣϯΛऔΓೖΕΔ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  16. ৘ใઃܭͷ۩ݱԽ͸ৗʹ໨తʹཱͪฦΔ αʔϏεϒϥϯυ ίϯςϯπ ϑΝʔετ λʔήοτʹԊͬͨ ৘ॹૌٻ ܰշͳ ΠϯλϥΫγϣϯ ʓʓͷαʔϏεͰ ʓʓʹϫΫϫΫΛ

    ݟग़͠ͱ ίϯςϯπͷࠩ ঎඼͕໨ཱ͔ͭ ੥ٻͷϘλϯ͸ԡ͠ ΍͍͔͢ ϑΥϧϜ͸࢖͍෼͚ Ͱ͖ͯΔ͔ Ҿ༻:೔ຊΧϥʔσβΠϯݚڀॴ/Human Interface Guidelines/Material Design ৴པײ ਌ۙײ ʓʓʹ޲͚ͨ ৘ใઃܭ σβΠϯݪଇ ϓϩμΫτݪଇ ۩৅ ந৅ w ϨΠΞ΢τ جຊݪଇ  w λΠϙάϥϑΟ w ഑৭ w ΠϯλϥΫγϣϯ τϯϚφઃܭ ϑΣʔζ ղ૾౓ खஈ ݴޠԽ ΨΠυϥΠϯτϨϯυ ը໘ σβΠϯΨΠυϥΠϯ ϑϨʔϜϫʔΫ w ,15 w 4805෼ੳ w $෼ੳ w όϦϡʔϙʔτϑΥϦΦ ϚΠϯυ૷ண େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  17. ৘ใઃܭͷ۩ݱԽ͸ৗʹ໨తʹཱͪฦΔ αʔϏεϒϥϯυ ίϯςϯπ ϑΝʔετ λʔήοτʹԊͬͨ ৘ॹૌٻ ܰշͳ ΠϯλϥΫγϣϯ ʓʓͷαʔϏεͰ ʓʓʹϫΫϫΫΛ

    ݟग़͠ͱ ίϯςϯπͷࠩ ঎඼͕໨ཱ͔ͭ ੥ٻͷϘλϯ͸ԡ͠ ΍͍͔͢ ϑΥϧϜ͸࢖͍෼͚ Ͱ͖ͯΔ͔ Ҿ༻:೔ຊΧϥʔσβΠϯݚڀॴ/Human Interface Guidelines/Material Design ৴པײ ਌ۙײ ʓʓʹ޲͚ͨ ৘ใઃܭ σβΠϯݪଇ ϓϩμΫτݪଇ ۩৅ ந৅ w ϨΠΞ΢τ جຊݪଇ  w λΠϙάϥϑΟ w ഑৭ w ΠϯλϥΫγϣϯ τϯϚφઃܭ ϑΣʔζ ղ૾౓ खஈ ݴޠԽ ΨΠυϥΠϯτϨϯυ ը໘ σβΠϯΨΠυϥΠϯ ϑϨʔϜϫʔΫ w ,15 w 4805෼ੳ w $෼ੳ w όϦϡʔϙʔτϑΥϦΦ ϚΠϯυ૷ண େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠ ۩ମͷݴޠԽ
  18. ৘ใઃܭͷ۩ݱԽ͸ৗʹ໨తʹཱͪฦΔ αʔϏεϒϥϯυ ίϯςϯπ ϑΝʔετ λʔήοτʹԊͬͨ ৘ॹૌٻ ܰշͳ ΠϯλϥΫγϣϯ ʓʓͷαʔϏεͰ ʓʓʹϫΫϫΫΛ

    ݟग़͠ͱ ίϯςϯπͷࠩ ঎඼͕໨ཱ͔ͭ ੥ٻͷϘλϯ͸ԡ͠ ΍͍͔͢ ϑΥϧϜ͸࢖͍෼͚ Ͱ͖ͯΔ͔ Ҿ༻:೔ຊΧϥʔσβΠϯݚڀॴ/Human Interface Guidelines/Material Design ৴པײ ਌ۙײ ʓʓʹ޲͚ͨ ৘ใઃܭ σβΠϯݪଇ ϓϩμΫτݪଇ ۩৅ ந৅ w ϨΠΞ΢τ جຊݪଇ  w λΠϙάϥϑΟ w ഑৭ w ΠϯλϥΫγϣϯ τϯϚφઃܭ ϑΣʔζ ղ૾౓ खஈ ݴޠԽ ΨΠυϥΠϯτϨϯυ ը໘ σβΠϯΨΠυϥΠϯ ϑϨʔϜϫʔΫ w ,15 w 4805෼ੳ w $෼ੳ w όϦϡʔϙʔτϑΥϦΦ ϚΠϯυ૷ண େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠ ۩ମͷݴޠԽ ํ਑ͷݴޠԽ
  19. ৘ใઃܭͷ۩ݱԽ͸ৗʹ໨తʹཱͪฦΔ αʔϏεϒϥϯυ ίϯςϯπ ϑΝʔετ λʔήοτʹԊͬͨ ৘ॹૌٻ ܰշͳ ΠϯλϥΫγϣϯ ʓʓͷαʔϏεͰ ʓʓʹϫΫϫΫΛ

    ݟग़͠ͱ ίϯςϯπͷࠩ ঎඼͕໨ཱ͔ͭ ੥ٻͷϘλϯ͸ԡ͠ ΍͍͔͢ ϑΥϧϜ͸࢖͍෼͚ Ͱ͖ͯΔ͔ Ҿ༻:೔ຊΧϥʔσβΠϯݚڀॴ/Human Interface Guidelines/Material Design ৴པײ ਌ۙײ ʓʓʹ޲͚ͨ ৘ใઃܭ σβΠϯݪଇ ϓϩμΫτݪଇ ۩৅ ந৅ ϑΣʔζ ղ૾౓ खஈ ݴޠԽ ը໘ σβΠϯΨΠυϥΠϯ ϑϨʔϜϫʔΫ w ,15 w 4805෼ੳ w $෼ੳ w όϦϡʔϙʔτϑΥϦΦ ϚΠϯυ૷ண େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠ ۩ମͷݴޠԽ ํ਑ͷݴޠԽ w ϨΠΞ΢τ جຊݪଇ  w λΠϙάϥϑΟ w ഑৭ w ΠϯλϥΫγϣϯ τϯϚφઃܭ ΨΠυϥΠϯτϨϯυ
  20. ৘ใઃܭͷ۩ݱԽ͸ৗʹ໨తʹཱͪฦΔ αʔϏεϒϥϯυ ίϯςϯπ ϑΝʔετ λʔήοτʹԊͬͨ ৘ॹૌٻ ܰշͳ ΠϯλϥΫγϣϯ ʓʓͷαʔϏεͰ ʓʓʹϫΫϫΫΛ

    ݟग़͠ͱ ίϯςϯπͷࠩ ঎඼͕໨ཱ͔ͭ ੥ٻͷϘλϯ͸ԡ͠ ΍͍͔͢ ϑΥϧϜ͸࢖͍෼͚ Ͱ͖ͯΔ͔ Ҿ༻:೔ຊΧϥʔσβΠϯݚڀॴ/Human Interface Guidelines/Material Design ৴པײ ਌ۙײ ʓʓʹ޲͚ͨ ৘ใઃܭ σβΠϯݪଇ ϓϩμΫτݪଇ ۩৅ ந৅ ϑΣʔζ ղ૾౓ खஈ ݴޠԽ ը໘ σβΠϯΨΠυϥΠϯ ϑϨʔϜϫʔΫ w ,15 w 4805෼ੳ w $෼ੳ w όϦϡʔϙʔτϑΥϦΦ ϚΠϯυ૷ண େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠ ۩ମͷݴޠԽ ํ਑ͷݴޠԽ w ϨΠΞ΢τ جຊݪଇ  w λΠϙάϥϑΟ w ഑৭ w ΠϯλϥΫγϣϯ τϯϚφઃܭ ΨΠυϥΠϯτϨϯυ ίϯηϓτͷ ݴޠԽ
  21. ৘ใઃܭͷ۩ݱԽ͸ৗʹ໨తʹཱͪฦΔ αʔϏεϒϥϯυ ίϯςϯπ ϑΝʔετ λʔήοτʹԊͬͨ ৘ॹૌٻ ܰշͳ ΠϯλϥΫγϣϯ ʓʓͷαʔϏεͰ ʓʓʹϫΫϫΫΛ

    ݟग़͠ͱ ίϯςϯπͷࠩ ঎඼͕໨ཱ͔ͭ ੥ٻͷϘλϯ͸ԡ͠ ΍͍͔͢ ϑΥϧϜ͸࢖͍෼͚ Ͱ͖ͯΔ͔ Ҿ༻:೔ຊΧϥʔσβΠϯݚڀॴ/Human Interface Guidelines/Material Design ৴པײ ਌ۙײ ʓʓʹ޲͚ͨ ৘ใઃܭ σβΠϯݪଇ ϓϩμΫτݪଇ ۩৅ ந৅ ϑΣʔζ ղ૾౓ खஈ ݴޠԽ ը໘ σβΠϯΨΠυϥΠϯ ϚΠϯυ૷ண େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠ ۩ମͷݴޠԽ ํ਑ͷݴޠԽ w ϨΠΞ΢τ جຊݪଇ  w λΠϙάϥϑΟ w ഑৭ w ΠϯλϥΫγϣϯ τϯϚφઃܭ ΨΠυϥΠϯτϨϯυ ίϯηϓτͷ ݴޠԽ ϑϨʔϜϫʔΫ w ,15 w 4805෼ੳ w $෼ੳ w όϦϡʔϙʔτϑΥϦΦ
  22. ৘ใઃܭͷ۩ݱԽ͸ৗʹ໨తʹཱͪฦΔ αʔϏεϒϥϯυ ίϯςϯπ ϑΝʔετ λʔήοτʹԊͬͨ ৘ॹૌٻ ܰշͳ ΠϯλϥΫγϣϯ ʓʓͷαʔϏεͰ ʓʓʹϫΫϫΫΛ

    ݟग़͠ͱ ίϯςϯπͷࠩ ঎඼͕໨ཱ͔ͭ ੥ٻͷϘλϯ͸ԡ͠ ΍͍͔͢ ϑΥϧϜ͸࢖͍෼͚ Ͱ͖ͯΔ͔ Ҿ༻:೔ຊΧϥʔσβΠϯݚڀॴ/Human Interface Guidelines/Material Design ৴པײ ਌ۙײ ʓʓʹ޲͚ͨ ৘ใઃܭ σβΠϯݪଇ ϓϩμΫτݪଇ ۩৅ ந৅ ϑΣʔζ ղ૾౓ खஈ ݴޠԽ ը໘ σβΠϯΨΠυϥΠϯ ϚΠϯυ૷ண େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠ ۩ମͷݴޠԽ ํ਑ͷݴޠԽ w ϨΠΞ΢τ جຊݪଇ  w λΠϙάϥϑΟ w ഑৭ w ΠϯλϥΫγϣϯ τϯϚφઃܭ ΨΠυϥΠϯτϨϯυ ίϯηϓτͷ ݴޠԽ ϑϨʔϜϫʔΫ w ,15 w 4805෼ੳ w $෼ੳ w όϦϡʔϙʔτϑΥϦΦ ϚΠϯυͷ ݴޠԽ
  23. ৘ใઃܭͷ۩ݱԽ͸ৗʹ໨తʹཱͪฦΔ αʔϏεϒϥϯυ ίϯςϯπ ϑΝʔετ λʔήοτʹԊͬͨ ৘ॹૌٻ ܰշͳ ΠϯλϥΫγϣϯ ʓʓͷαʔϏεͰ ʓʓʹϫΫϫΫΛ

    ݟग़͠ͱ ίϯςϯπͷࠩ ঎඼͕໨ཱ͔ͭ ੥ٻͷϘλϯ͸ԡ͠ ΍͍͔͢ ϑΥϧϜ͸࢖͍෼͚ Ͱ͖ͯΔ͔ Ҿ༻:೔ຊΧϥʔσβΠϯݚڀॴ/Human Interface Guidelines/Material Design ৴པײ ਌ۙײ ʓʓʹ޲͚ͨ ৘ใઃܭ σβΠϯݪଇ ϓϩμΫτݪଇ ۩৅ ந৅ ϑΣʔζ ղ૾౓ खஈ ݴޠԽ ը໘ σβΠϯΨΠυϥΠϯ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠ ۩ମͷݴޠԽ ํ਑ͷݴޠԽ w ϨΠΞ΢τ جຊݪଇ  w λΠϙάϥϑΟ w ഑৭ w ΠϯλϥΫγϣϯ τϯϚφઃܭ ΨΠυϥΠϯτϨϯυ ίϯηϓτͷ ݴޠԽ ϑϨʔϜϫʔΫ w ,15 w 4805෼ੳ w $෼ੳ w όϦϡʔϙʔτϑΥϦΦ ϚΠϯυͷ ݴޠԽ ϚΠϯυ૷ண
  24. 6*σβΠφʔ͸੍࡞ϑΣʔζʹ͓͍ͯ ϏδϡΞϧ෦෼ͷઃܭΛ୲͏࣌ 6*σβΠφʔͷཱͪҐஔ͓͞Β͍ Ϗ δ ω ε ݕ ౼ ઓུ

    ௐ ࠪ ɾ ՝ ୊ ઃ ఆ ཁ݅ ߏ ଄ ઃ ܭ ߏ଄ Ϩ Π Ξ ΢ τ  ৘ ใ ઃ ܭ ࠎ֨ τ ϯ Ϛ φ ઃ ܭ  ε λ Π Ϧ ϯ ά ද૚ ৘ใ ઃܭ ϏδϡΞϧ ઃܭ Τ ϯ δ χ Ξ Ϧ ϯ ά  ࣮ ૷ ද૚ 6*σβΠφʔ͕୲౰͢Δ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠
  25. ϚΠϯυͷ૷ண 6*σβΠφʔͷཱͪҐஔ͓͞Β͍ Ϗ δ ω ε ݕ ౼ ઓུ ௐ

    ࠪ ɾ ՝ ୊ ઃ ఆ ཁ݅ ߏ ଄ ઃ ܭ ߏ଄ Ϩ Π Ξ ΢ τ  ৘ ใ ઃ ܭ ࠎ֨ τ ϯ Ϛ φ ઃ ܭ  ε λ Π Ϧ ϯ ά ද૚ ৘ใ ઃܭ ϏδϡΞϧ ઃܭ Τ ϯ δ χ Ξ Ϧ ϯ ά  ࣮ ૷ ද૚ 6*σβΠφʔ͕୲౰͢Δ େن໛ϝσΟΞʹ͓͚ΔUIσβΠφʔͷڮ౉͠ αʔϏεͷϚΠϯυΛجʹ ࣄۀɾϝσΟΞ͕େࣄʹ͍ͯ͠ΔίϯηϓτΛ۩ମԽ͍ͯ͘͠