$30 off During Our Annual Pro Sale. View Details »

ブレないアプリデザインのすすめかた

mari kimura
March 14, 2014

 ブレないアプリデザインのすすめかた

mari kimura

March 14, 2014
Tweet

More Decks by mari kimura

Other Decks in Design

Transcript

  1. ϒϨͳ͍
    ΞϓϦσβΠϯͷ
    ͢͢Ί͔ͨ
    2014/03/14(Fri)
    Designer's Meetup
    nanapi Inc. Mari Kimura
    14/3/17/(݄)

    View Slide

  2. ࣗݾ঺հ
    wडୗ೥ͪΐ͍
    w೥݄OBOBQJೖࣾ
    ໦ଜਅཧɹmari kimura
    גࣜձࣾ nanapi σβΠφʔ
    14/3/17/(݄)

    View Slide

  3. ࠓ೔ͷ͓࿩
    ʮΞϯαʔʯͷࣄྫΛ௨ͯ͠ɺ
    ϒϨͳ͍ΞϓϦσβΠϯͷ͢͢Ί
    ͔ͨʹ͍͓ͭͯ࿩͠·͢
    14/3/17/(݄)

    View Slide

  4. Ξϯαʔͱ͸
    λʔήοτɿɹɹʙ୅
    νϟοτͰؾܰʹ࣭໰Λ౤ߘɾճ౴
    εϚϗಛԽܕ2"ΞϓϦ
    14/3/17/(݄)

    View Slide

  5. 14/3/17/(݄)

    View Slide

  6. ΞϯαʔݱσβΠϯ
    14/3/17/(݄)

    View Slide

  7. ΞϯαʔچσβΠϯ
    14/3/17/(݄)

    View Slide

  8. Ξϯαʔࠓੲ
    ϒϨͯΔʜ
    ΊͬͪΌϒϨͯΔ
    14/3/17/(݄)

    View Slide

  9. ϒϨͳ͍ͨΊʹʂ
    ϒϨΛະવʹ๷͙ͨΊʹ΍Δ΂͖͜ͱ
    14/3/17/(݄)

    View Slide

  10. ΞϓϦσβΠϯͷϒϨͲ͜Ζ
    ϏδϡΞϧ
    σβΠϯ
    6*
    ࢓༷
    εςʔτϝϯτ
    ʢίϯηϓτʣ
    14/3/17/(݄)

    View Slide

  11. Ͳ͏͢ΓΌ͍͍ͷ
    ʁ
    14/3/17/(݄)

    View Slide

  12. ͦ͜Ͱ
    14/3/17/(݄)

    View Slide

  13. εςʔτϝϯτ
    ʢίϯηϓτʣ
    ͷڞ༗
    14/3/17/(݄)

    View Slide

  14. w͢΂ͯͷࢦඪ
    w͋ΒΏΔϑΣʔζͰཱͪฦΔͨΊͷ΋ͷ
    wԿ౓Ͱ΋ݟฦ͢นʹషͬͯ΋͍͍͘Β͍
    ϒϨͳ͍ͨΊʹ
    εςʔτϝϯτͷڞ༗
    ˔
    εςʔτϝϯτʢίϯηϓτʣ
    8FCαʔϏεͷ໨త΍ϢʔβʔΛఆٛͨ͠΋ͷ
    14/3/17/(݄)

    View Slide

  15. ϒϨͳ͍ͨΊʹ
    εςʔτϝϯτͷڞ༗
    ˔
    εςʔτϝϯτʢίϯηϓτʣ
    8FCαʔϏεͷ໨త΍ϢʔβʔΛఆٛͨ͠΋ͷ
    Ϣʔβʔɿɹɹʙ୅
    ໨తɿ୹͍εΩϚ࣌ؒ಺Ͱؾܰʹ
    ɹɹɹ࣭໰΍೰ΈΛ౤ߘɾճ౴
    14/3/17/(݄)

    View Slide

  16. ϒϨͳ͍ͨΊʹ
    εςʔτϝϯτ
    ˔
    "QQMFͷʮώϡʔϚϯΠϯλʔϑΣʔεΨΠυϥΠϯʯͷ
    ʮΞϓϦέʔγϣϯఆٛεςʔτϝϯτʯ
    ΞϓϦ੍࡞ͳΒ(6*-%ਂ௡͞Μͷ
    ʮΞϓϦ੡࡞ͷͨΊͷఆٛεςʔτϝϯτڞ༗γʔτʯΦεεϝ
    http://fladdict.net/blog/2013/08/7628.html
    14/3/17/(݄)

    View Slide

  17. 14/3/17/(݄)

    View Slide

  18. ϏδϡΞϧσβΠϯͰϒϨΔ
    BuLEVEL:1
    14/3/17/(݄)

    View Slide

  19. ϏδϡΞϧσβΠϯͰϒϨΔ
    14/3/17/(݄)

    View Slide

  20. ϏδϡΞϧσβΠϯͰϒϨΔ
    14/3/17/(݄)

    View Slide

  21. ϏδϡΞϧσβΠϯͰϒϨΔ
    14/3/17/(݄)

    View Slide

  22. ϏδϡΞϧσβΠϯͰϒϨΔ
    ͍͍Ͷ
    ʂ
    Ϙλϯ஍ࠈ
    14/3/17/(݄)

    View Slide

  23. ͪΐ͍·ͪʂ
    14/3/17/(݄)

    View Slide

  24. ϏδϡΞϧσβΠϯͰϒϨΔ
    εςʔτϝϯτͷݟ௚͠
    ˔
    όϦΤʔγϣϯΛ΢ϯेݸ࡞ͬͯ΋
    ϐϯͱདྷͳ͍ʜ
    ͦ΋ͦ΋ཁ͔݅ΒϒϨ͍ͯΔՄೳੑ͕ߴ͍ɻ
    14/3/17/(݄)

    View Slide

  25. ϏδϡΞϧσβΠϯͰϒϨΔ
    Ξϯαʔͷεςʔτϝϯτ
    ˔
    Ϣʔβʔɿɹɹʙ୅
    ໨తɿ୹͍εΩϚ࣌ؒ಺Ͱؾܰʹ
    ɹɹɹ࣭໰΍೰ΈΛ౤ߘɾճ౴
    14/3/17/(݄)

    View Slide

  26. ϏδϡΞϧσβΠϯͰϒϨΔ
    ͜ͷը໘ͰҰ൪ͯ͠
    ΄͍͜͠ͱ
    wϘλϯ໨ཱͪ͗͢
    wʮΘ͔Δʙʯͱ͍͏
    ಠࣗͷจ๏͸ෆཁ
    ༏ઌॱҐͷચ͍ग़͠
    ˔
    ˠճ౴
    14/3/17/(݄)

    View Slide

  27. ϏδϡΞϧσβΠϯͰϒϨΔ
    ͜͏ͳΓ·ͨ͠
    14/3/17/(݄)

    View Slide

  28. ϏδϡΞϧσβΠϯͰϒϨΔ
    14/3/17/(݄)

    View Slide

  29. ϏδϡΞϧσβΠϯͰϒϨΔ
    14/3/17/(݄)

    View Slide

  30. 6* ͰϒϨΔ
    BuLEVEL:3
    14/3/17/(݄)

    View Slide

  31. 6*ͰϒϨΔ
    wΑ͋͘ΔπΠολʔ
    ΫϥΠΞϯτࣜ
    ϝσΟΞ౤ߘը໘
    ˔
    Ϣʔβʔʹ൥ࡶͳҹ৅
    Λ༩͑ͯ͠·͏
    ͍Ζ͍Ζग़དྷΔϦονͳ
    6* ϢʔςΟϦςΟͬΆ͍

    14/3/17/(݄)

    View Slide

  32. 6*ͰϒϨΔ
    ϝσΟΞ౤ߘը໘
    ˔
    wϝσΟΞબ୒ࣜ
    Χϝϥ
    ˣ
    ʮࡱӨɾϥΠϒϥϦʯ
    ˣ
    ࡱӨ
    λοϓ਺ଟ͍
    14/3/17/(݄)

    View Slide

  33. ͪΐ͍·ͪʂ
    14/3/17/(݄)

    View Slide

  34. 6*ͰϒϨΔ
    Ξϯαʔͷεςʔτϝϯτ
    ˔
    Ϣʔβʔɿɹɹʙ୅
    ໨తɿ୹͍εΩϚ࣌ؒ಺Ͱؾܰʹ
    ɹɹɹ࣭໰΍೰ΈΛ౤ߘɾճ౴
    14/3/17/(݄)

    View Slide

  35. 6*ͰϒϨΔ
    εςʔτϝϯτճ͘Β͍ݟ௚͢
    ˔
    σϑΝΫτελϯμʔυʹͳΒ͏
    ˔
    Ξϯαʔɿ'BDFCPPLϝοηϯδϟʔ -*/&
    ਖ਼ٛ͸λοϓ਺ʹ
    ˔
    จ๏ʹͱΒΘΕա͗ͳ͍
    ϢʔβʔʹετϨεͳ͘ػೳΛఏڙ͢Δ
    14/3/17/(݄)

    View Slide

  36. 6*ͰϒϨΔ
    ͜͏ͳΓ·ͨ͠
    14/3/17/(݄)

    View Slide

  37. 6*ͰϒϨΔ
    14/3/17/(݄)

    View Slide

  38. 6*ͰϒϨΔ
    14/3/17/(݄)

    View Slide

  39. ࢓༷ͰϒϨΔ
    BuLEVEL:8
    14/3/17/(݄)

    View Slide

  40. ࢓༷ͰϒϨΔ
    ϦϦʔε͞Εͳ͔ͬͨػೳ
    ˔
    w࣭໰ݕࡧػೳ
    w࣭໰ϥϯΩϯά
    wݱࡏ஍౤ߘػೳ
    14/3/17/(݄)

    View Slide

  41. ࢓༷ͰϒϨΔ
    ࣭໰ݕࡧػೳ
    ˔
    wʮ࣭໰ʯ͸ϑϩʔ৘ใ
    wݕࡧ͢Δ͘Β͍ͳΒ
    ࣭໰౤ߘͯ͠΄͍͠
    14/3/17/(݄)

    View Slide

  42. ϥϯΩϯά্Ґ
    Ϩε͕͢Ͱʹͨ͘͞Μ͍ͭͯΔ
    ʢ໰୊ղܾͯ͠Δʣ
    ࢓༷ͰϒϨΔ
    ࣭໰ϥϯΩϯά
    ˔
    Ϣʔβʔʹ΍ͬͯ΄͍͠
    ΞΫγϣϯ͸ճ౴ɾ౤ߘ
    ӾཡϢʔβʔͷͨΊͷ
    ػೳ͸ෆཁ
    14/3/17/(݄)

    View Slide

  43. ͍͔ʹ΋εϚϗͬΆ͍ʂ
    ͋ͬͨΒศར͡ΌͶʁ
    ࢓༷ͰϒϨΔ
    ݱࡏ஍౤ߘ
    ˔
    ͋Εͬͯඞཁʁ
    w'BDFCPPLػೳ࢖Θ
    ͳ͍૬౰ΊΜͲ͘͞
    ͍ ࢖༻ස౓͕௿͍

    14/3/17/(݄)

    View Slide

  44. ൑அج४͸ʜ
    14/3/17/(݄)

    View Slide

  45. ࢓༷ͰϒϨΔ
    Ξϯαʔͷεςʔτϝϯτ
    ˔
    Ϣʔβʔɿɹɹʙ୅
    ໨తɿ୹͍εΩϚ࣌ؒ಺Ͱؾܰʹ
    ɹɹɹ࣭໰΍೰ΈΛ౤ߘɾճ౴
    14/3/17/(݄)

    View Slide

  46. ࢓༷ͰϒϨΔ
    ʮ͋Δͱศརʯ͸·ͣɺ͍Βͳ͍ʂ
    ˔
    wΉ͠ΖϢʔβʔʹͱͬͯϊΠζʂ
    w։ൃϦιʔε͸༗ݶʂػೳͷݟ௚͠Λʂ
    wεςʔτϝϯτճ͘Β͍ݟฦͦ͏ʂ
    14/3/17/(݄)

    View Slide

  47. ิ଍ͩΑ
    14/3/17/(݄)

    View Slide

  48. ϒϨͳ͍νʔϜ࡞Γ
    ૬ஊ͠΍͍͢νʔϜ
    ˔
    w੮͸͙͢૬ஊͰ͖ΔΑ͏ۙ͘ʹ
    wேձɾ໷ձͰλεΫ೺Ѳɾ૬ஊɾ৘ใڞ༗
    wΤϯδχΞɾσΟϨΫλʔ΋6*ϏδϡΞϧσβΠϯʹ
    ҙݟΛΨϯΨϯݴͬͯ͘ΕΔ
    ΞϯαʔνʔϜͷ৔߹
    14/3/17/(݄)

    View Slide

  49. Ξϯαʔɿ։ൃମ੍
    <։ൃॳظ>
    ϓϩσϡʔαʔσΟϨΫλʔ
    ΤϯδχΞ σβΠφʔ
    <ݱࡏ>
    14/3/17/(݄)

    View Slide

  50. Ξϯαʔɿ։ൃϑϩʔ
    wݶΓͳ͘ϑϥοτͳνʔϜͰҙݟΛग़͋͠͏
    wεΫϥϜ։ൃ
    ϏδϡΞϧσβΠϯ
    ϫΠϠʔ
    ϖʔύʔ
    ϓϩτλΠϓ
    ཁ݅ఆٛ
    ࣮૷
    14/3/17/(݄)

    View Slide

  51. ͖ΐ͏ͷ·ͱΊ
    14/3/17/(݄)

    View Slide

  52. ·ͱΊ
    ϒϨͳ͍ΞϓϦσβΠϯͷͨΊʹʜ
    ˔
    εςʔτϝϯτΛ
    ճ͘Β͍ݟฦͦ͏
    14/3/17/(݄)

    View Slide

  53. 14/3/17/(݄)

    View Slide