デザインを「伝える」ためにすべきこと

748933ea3da57bf5a8caa04647d3395f?s=47 spicagraph
November 26, 2017

 デザインを「伝える」ためにすべきこと

DevLOVE関西2017 commitment 〜"何"にコミットするのか?〜

「伝える」ということにコミットするために、デザインを作る前、作る時に気をつけていること、また「伝える」練習の日常の小さなアウトプットなどのお話です。

748933ea3da57bf5a8caa04647d3395f?s=128

spicagraph

November 26, 2017
Tweet

Transcript

  1. σβΠϯΛ ʮ఻͑Δʯ ͨΊʹ͢΂͖͜ͱ

  2. ຐ๏࢖͍ ݟश͍ ͸͡Ί·ͨ͠ ֯ాҁՂ  ͢Έͩ͋΍͔ 8FCσβΠφʔ ΠϥετϨʔλʔ ೥ɹϑϦʔϥϯε TQJDBHSBQI

    ೥ɹגࣜձࣾΩςϨπϝϯόʔ
  3. ΋ ͘ ͡ ʮ఻͑ΔσβΠϯʯͷ ϫΠϠʔϑϨʔϜͱͷ෇͖͍͋ํ σβΠϯΛʮ఻͑Δʯ ʮ఻͑ΔσβΠϯʯͷϏδϡΞϧදݱ 01 02 03

    ʮ఻͑ΔʯΛͭ͘Δ೔ৗͷΞ΢τϓο τ 04 ·ͱΊ 05
  4. Θͨ͠ͷܦྺ 2002 2006 2012 2017 ೿ݣࣾһ΍ ࣾһͳͲ ϑϦʔϥϯε ϑϦʔϥϯε೥ੜ ฼೥ੜ

    ग़࢈
  5. Θͨ͠ͷ࢓ࣄͷׂ߹ ੍࡞ձࣾ 9 1 ௚ ΫϥΠΞϯ τ ίʔσΟ ϯά 6

    3 3.5 0.5 8FC σβΠ ϯ %51 σβΠ ϯ Π ϥε τ
  6. Θͨ͠͸σβΠφʔͰ͢

  7. σβΠφʔ͸࣮͸ ʮઃܭ࢜ʯ ग़లɿ8JLJQFEJB ࢹ֮ྖҬʹ͓͍ͯҙঊܭը΍ਤҊɺ ઃܭΛखֻ͚Δਓͷ͜ͱ ͳΜͩͦ͏Ͱ͢

  8. ؤுͬͯ ੍࡞ ׬੒ ͚ͩ͜͜͡Όͳ͍Α ݁Ռ खஈ ໨త ͳΔ΄Ͳ 8FCαΠ τͱ

    νϥγΛ ࡞Γ·͠ΐ͏ ͏ͪͷ঎඼Λ ΋ͬͱଟ͘ͷਓʹ ஌ͬͯ΄͍͠
  9. ʮ఻͑ΔσβΠϯʯ ͷ ϫΠϠʔϑϨʔϜͱͷ෇͖͍͋ํ 01

  10. ΫϥΠΞϯτ σΟϨΫλʔ σβΠφʔ ϑϩϯτΤϯυ ΤϯδχΞ D F C

  11. D σΟ ϨΫλʔ͞Μͱͷ΍Γ ͱ Γ͕ σβΠ ϯͷग़དྷΛେ͖ ͘ ࠨӈ͠·͢

  12. ͍ΖΜͳϫΠϠʔϑϨʔϜ

  13. ϫ Π Ϡ ồ ϑ Ϩ ồ Ϝ ʹ ΋

    എ ܠ ͕ ͋ Δ D γεςϜͷཁ݅Λ ઌʹܾΊͳ͍ͱ ͍͚ͳͯ͘ ϓϨθϯʹ ඞཁͰ ೔͘Β͍ ৸ͯͳ͍ ΜͩΑͶ ύʔτφʔ͞Μʹ ൃ஫͢Δͷʹ ϓϩτ λΠϓʹ
  14. ϫ Π Ϡ ồ ϑ Ϩ ồ Ϝ ʹ ΋

    എ ܠ ͕ ͋ Δ D γεςϜͷཁ݅Λ ઌʹܾΊͳ͍ͱ ͍͚ͳͯ͘ ϓϨθϯʹ ඞཁͰ ೔͘Β͍ ৸ͯͳ͍ ΜͩΑͶ ύʔτφʔ͞Μʹ ൃ஫͢Δͷʹ ϓϩτ λΠϓʹ ϫΠϠʔϑϨʔϜʺσβΠϯࢦࣔॻ
  15. ϫΠϠʔϑϨʔϜΛ΋ΒͬͨΒ

  16. ࠷ ॳ ʹ ֬ ೝ ͢ Δ ͜ ͱ Ϩεϙϯγϒʁ

    ɹσόΠε͝ͱ ʁ ࢖༻༧ఆͷ$.4΍ϑϨʔϜϫʔΫ͸ ʁ ࢖༻༧ఆͷϓϥάΠϯ΍ϥΠϒϥϦ͸ ʁ ݻఆ͢Δ߲໨ɺڞ௨͢Δ߲໨͸ ʁ ϨΠΞ΢τ΍ϏδϡΞϧͷఏҊ͕Մೳʁ ৘ใͷ༏ઌॱҐ͸ ʁ ӡ༻͸ͩΕ͕͢Δ ʁ ҰྫͰ͢ ม͑ͯ͸͍͚ͳ͍ͱ͜Ζ͋Γ·͔͢ʁ
  17. ެࣜαΠ τ΍ࢿྉΛಡΈ͜Ή ͦΕ͔Β΍Δ͜ͱɹͦͷ  ڝ߹ଞࣾ ঎඼ͷ ಛ௃ αΠ τͷ γεςϜ

    λʔήο τ
  18. ͦΕ͔Β΍Δ͜ͱɹͦͷ  ϢʔβʔʹͳΓ ͖ͬͯΈΔ

  19. ʁ ʂ ߦͬͨΓདྷͨΓ ϫΠϠʔϑϨʔϜʹର͢Δ ʁͱʂ͕Θ͔Δ ͜ͷಛ௃ ೖͬͯͳ͍ͳ ϖʔδͷ ಈઢ͸ ʁ

    "ͱ#ͷ ༏ઌॱҐ͸ ʁ ʮձһʯ ͬͯ ͳʹ ʁ ܾࡁͷ छྨ͸ ʁ ظ͕ؒ Θ͔Γʹ͍͘ Ͳ͜ʹ ͋Δͷ ʁ Ӧۀ ࣌ؒ͸ ʁ
  20. ϫΠϠʔϑϨʔϜ͸͓ห౰ശʹݟ͑ͯ͠· ͏ Ͳ͜ʹ౜༲͛ ೖΕΑ͏

  21. ໨తΛཧղ͔ͯ͠Βରቂ͠Α ͏ ͜ΕΛ৯΂ͯ ݩؾʹͳͬͯ ΄͍͠ ͯ͞ɺ Ͳ͏ೖΕΑ͏

  22. ͦ΋ͦ΋ Ωʔϫʔ υ͸

  23. ώΞϦϯάͰؾΛ͚͍ͭͯΔ 3ͭͷ͜ͱ

  24. ਘ໰͠ͳ͍ 1

  25. ൱ఆ͠ͳ͍ 2

  26. ͲΜͳσβΠ ϯʹ͠·͔͢ ʁ 3

  27. ʮ఻͑ΔσβΠϯʯ ͷϏδϡΞϧදݱ 02

  28. ͲΜͳσβΠ ϯͰ΋ɺ ཁૉΛஔ͍͍ͯ͘ ͚ͩͰ͸͜ ͏ͳΔ

  29. ໨ཱͨͤΔʹ͸ ͜Ε͔͠ͳ͍ ɾ ɾ ɾ ʂ ʂ ओ ໾

  30. ·ͣ͸ʮ৘ใ੔ཧʯ େ൒ͷ࣌ؒ ͜ΕͰ͢

  31. ϏδϡΞϧͷσβΠ ϯͰ େࣄʹ͍ͯ͠Δ͜ͱ

  32. Ոʹۙͮ͘ ͨͼඬͬͯ ͘ Δ͍͍߳Γ ͋ʔ͜ΕΧϨʔͩΘ

  33. ໺ࡊᖱΊʁ ʁ ʂ ʂ

  34. ΧϨʔͷޱ ͩͬͨͷʹ ʂ ʂ ͬͯ͜ͱ͋Γ·͢ΑͶ

  35. ఻͍͑ͨͷ͸ʮʹ͓͍ʯ ͪΌΜͱظ଴ͤͯͪ͞ΌΜͱԠ͑Δ

  36. ༮ஓԂͷαΠ τσβΠ ϯͬͯ ʮࢠͲ΋ͬΆ͍ʯඞཁ͋Δͷ ʁ IUUQNJEPSJGVLVTIJLBJPSKQ IUUQUBLBTBLJIJZPLPDPN IUUQPCBNBLPEPNPFOKQ

  37. ༮ஓԂ Α ͏ͪ͑Μ

  38. ʮͬΆ͍ʯ͸৴߸ αΠ ϯ ্खʹ࢖ͬͯʹ͓͍Λ఻͑Δ

  39. ʮͬΆ͍ʯ͕͋Δ͔ΒʮͬΆ͘ ͳ͍ʯ΋Ͱ͖Δ IUUQXXXCLNVGHKQ IUUQTDPOUFOUTOFUCLDPKQUI

  40. ʮͬΆ͍ʯʹ΋छྨ͕͋Δ ਓ͕ͦ΋ͦ΋ ࣋ͭ΋ͷ ຽ଒͕ࠩ ͋Δ΋ͷ ࣌୅എܠ͕ ͋Δ΋ͷ

  41. ΞΠσΞ͕ग़ͯ͜ͳ͍ͱ͖ ࿈૝ήʔϜΛ͢ΔɺࢀߟσβΠϯΛ୳͢

  42. ࣽ٧·ͬͨͱ͖ 1$͔Β཭Εͯɺҧ͏͜ͱΛ͢Δ

  43. ͳʹ͔͕Πέͯͳ͍ͱ͖ ΠέͯΔαΠ τͷύʔπͱ෦෼తʹऔΓସ͑ͯΈΔ Ͳ͜ʹ໰୊͕͋Δ͔͕Θ͔Δ

  44. ஬ͷ໨ͱௗͷ໨Λ࢖͍෼͚Δ ৭͸͖Ε͍͔ ϊΠζ͕ͳ͍͔ ϑΥϯτ͸߹͍ͬͯΔ͔ λʔήο τʹ߹͍ͬͯΔ͔ ͖ͪΜͱཧղͰ͖Δ͔ ྲྀΕʹແཧ͕ͳ͍͔

  45. · ͱ Ί ৘ใ੔ཧΛ͔ͬ͠Γ͢Δ ͲΜͳʮʹ͓͍ʯ͕ඞཁ͔ߟ͑Δ ʮͬΆ͍ʯΛ͏ · ͘ ࢖͏

  46. ͨ·ʹ΍ͬͯ͠· ͏ࣦഊʜ

  47. मਖ਼ґཔΛड͚ͯ ϨΠΞ΢τ΍߲໨ ݟ௚͠·ͨ͠ ʂ ʂ σβΠφʔ͸جຊϙδςΟ ϒ ͍͍΋ͷʹ͍ͨ͠ ʂͱఏҊ͢Δ ͍͍΋ͷ͕

    Ͱ͖ͨ ʂ ʂ
  48. ʮཔΜͰͨ΋ͷͱҧ͏ʯʹͳΔͷ͸ ΋͍ͬͨͳ͍ ࣾ಺߹ҙ ͱΕͯͨͷʹ มΘͬͯΔʜ ·ͨ֬ೝͩΑʜ

  49. σβΠϯΛ ʮ఻͑Δʯ 03

  50. ΫϥΠΞϯτ σΟϨΫλʔ σβΠφʔ ϑϩϯτΤϯυ ΤϯδχΞ D F C

  51. 4/4 ʗ౤ߘαΠ τ &$ ʗϝσΟ ΞαΠ τ ίʔϙϨʔ τʗ -1

    ࣸਅڞ༗ΞϓϦ ه࿥ΞϓϦ ήʔϜΞϓϦ ԿΛݟͤΔ͔ ੍࡞ଆ͕ίϯ τϩʔϧ ͋Δఔ౓ͷϑ ΥʔϚο τ ͸࡞ΕΔ Կ͕ೖΔ͔Θ͔Βͳ͍ ਓʹΑͬͯݟ͑ํ͕ҧ͏ ࠷ۙͷ੍࡞؀ڥ
  52. ੍࡞ͷॱ൪ 1 2

  53. ύʔπͰߟ͑Δ

  54. ڞ༗͢Δ

  55. ͦΕͰ΋΍ͬͺΓࣦഊ͸ଟ͍ ৗʹϕε τͳڞ༗ํ๏͸ͳ͍ ຖճ֬ೝ ʂ ίϛ ϡχέʔγϣ ϯ ʂ F

  56. ʮ఻͑Δʯ Λͭ͘ Δ೔ৗͷΞ΢τϓο τ 04

  57. ීஈ͍ͯ͠ΔΞ΢ τϓο τ ͸ ຕֆΛඳ͍ͨ ϒϩά͸ ೥໨ 5XJUUFSͰ ·Μ͕ඳ͍ͨΓ

  58. ࣌ؒͷ೧ग़ํ๏ ͠͝ͱ ͠͝ͱ ͠͝ͱ झຯ झຯ ৽͍͜͠ͱΛࢼ͢ɺֆΛඳ͘ ɺະདྷͷࣗ෼΁ͷ౤ࢿͰ΋͋Δ ࢓ࣄͷؒʹͶ͡ࠐΜͰ࣌ؒΛ֬อ͢Δ

  59. 36  ݄ʹ5XJUUFS Ͱඳ͍ͨϚϯΨɺΠϥετ

  60. 10,000RT ͦͷ͏ͪ  ͕݅

  61. 17 47 152 259 5XJUUFS Ͱͷϒϩάͷ એ఻Λগ͠ม͑ͯΈͨ

  62. σβΠφʔͷൃ৴͕ۤखͳཧ༝

  63. · ͱ Ί Ξ΢ τϓο τ͸࣭ΑΓྔ ະདྷͷ͡ͿΜ΁ͷ౤ࢿͩͱ৺ಘΔ ൃ৴͢Δଆɺࣗ෼ΛചΔଆʹͳΔ

  64. ·ͱΊ 05

  65. Ϣ ồ β ồ Θͨ͠

  66. Ϣ ồ β ồ Θͨ͠ σΟ ϨΫλʔ ΫϥΠΞϯ τ ΤϯδχΞ

  67. ͍͍σβΠϯͬͯͳʹ ʁ σβΠϯ͸୭ͷͨΊʁ

  68. ϢʔβʔͷͨΊͰ͋Γ ͓٬͞ΜͷͨΊͰ͋Γ νʔϜͷΈΜͳͷͨΊͰ΋͋Δ

  69. ͍͍σβΠϯ͸ ʮͦͷؾʯ ʹͳΔ