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

デザイナーと情報発信のいい関係

spicagrapha
November 02, 2019

 デザイナーと情報発信のいい関係

WordCamp Tokyo 2019で発表した内容です。

spicagrapha

November 02, 2019
Tweet

More Decks by spicagrapha

Other Decks in Design

Transcript

  1. ֯ాҁՂ ͢Έͩ͋΍͔
    8FCσβΠφʔ ΠϥετϨʔλʔ
    ೥ɹϑϦʔϥϯε TQJDBHSBQI

    ೥ɹגࣜձࣾΩςϨπϝϯόʔ

    View full-size slide

  2. 5XJUUFS΍ͬͨΓ

    View full-size slide

  3. ϒϩά΍ͬͨΓ

    View full-size slide

  4. 5XJUUFS΍ͬͨΓͯ͠·͢ʂ
    ʂ
    ʂ
    ʂ

    View full-size slide

  5. ࢒೦ͳ͕ΒͦΜͳʹಡ·Εͯ·ͤΜ
    ʂ
    ͢
    Έ·ͤΜ
    ʂ4&0ͱ͔ಡ·ΕΔϥΠςΟ
    ϯ
    άͱ͔ανίͱ͔ϑΥϩϫʔΛ૿΍͢ํ
    ๏ͱ͔͸ଞͷਓͷΛฉ͍͍ͯͩ͘͞
    ʂ

    View full-size slide

  6. ৘ใൃ৴Λ͢Δ͖͔͚ͬ
    σβΠφʔͷ৘ใൃ৴
    ৘ใΛҾ͖دͤΔ
    01
    02
    03

    View full-size slide

  7. ෼ΫοΩϯάʷճ෼ʁ
    ʁ
    ʂ
    ʂ

    View full-size slide

  8. ͋Εʁ ͦ͏ࢥ͏
    ͱɺ
    ݁ߏ༨༟ʁ

    View full-size slide

  9. ༨༟͕ग़͖ͯͨͱ͜ΖͰ
    ͪΐͬͱੲ࿩Ͱ΋

    View full-size slide

  10. ৘ใൃ৴Λ͢Δ͖͔͚ͬ
    01

    View full-size slide

  11. ϒϩάΛ࢝Ίͨͷ͸೥݄
    ෮ؼͯ͠
    ࢓ࣄ͕͋Δ͔
    ෆ҆ʜ

    View full-size slide

  12. 8PSE$BNQ,BOTBJͷσβΠϯνʔϜ
    ͳΜָ͔ͦ͠͏

    View full-size slide

  13. ͦ͜Ͱ
    ʮΦʔϓϯιʔεʯ
    ΍
    ʮ(1-ʯ
    ʹ৮Ε
    8PSE1SFTT ͬͯ
    ΈΜͳͰ࡞ͬͯΔͷ
    ʁ
    ʂ
    ͡ͿΜͷ࡞ͬͨ
    ςʔϚ΍ϓϥάΠϯͷ
    த਎Λެ։ʁ
    ʂ

    View full-size slide

  14. ΤϯδχΞͷจԽʹিܸΛड͚·ͨ͠
    ͳΜ͔ʜ
    ৽͍͠
    ΋ͷ

    View full-size slide

  15. ͜ͷܦݧ͸ࠓͷࢲʹେ͖͘Өڹ͍ͯ͠·͢
    ެ։ͪ͠Ό͏ͷ
    ͔͍͍ͬ͜ͳ
    γΣΞ೴

    View full-size slide

  16. σβΠφʔͷ৘ใൃ৴
    02

    View full-size slide

  17. ৘ใൃ৴ͰΉ͔͍ͣ͜͠ͱ
    Ͳ͏΍ͬͯಡΜͰ΋Β͏
    ʁ
    Θͨ͠ͷߟ͑Ͱ͸
    େ͖
    ͘ ͭ
    ʂ
    ʂ

    View full-size slide

  18. ͦΕΛ୳͍ͯ͠Δਓʹ
    ݟ͚ͭͯ΋Β͏
    ͱʹ͔͘ਓ͕ଟ͍ͱ͜Ζʹ
    ݟͤʹߦ͘
    Θͨ͠͸
    ͬͪ͜Ͱ͢
    1 2

    View full-size slide

  19. ਓ͕ଟ͍ͱ͜Ζͬͯɺ
    ϥΠόϧ΋ଟ͍͡ΌΜ
    ʁ

    View full-size slide

  20. ʮݟͯ΋Β͏͔͚͠ʯͮ͘
    Γ͸
    σβΠφʔͷಘҙ෼໺Ͱ͢ΑͶ
    γΣΞ͞Εͦ͏ͳ
    ͖ͯ͢ͳਤղ
    σβΠφʔͳΒ
    Θ͔Γ΍͢͞
    ϏδϡΞϧʹͩ͜ΘΔ
    ʂ

    View full-size slide

  21. ͦΕɺ
    γΣΞ͞ΕͯتΜͰΔ͚ͩ͡Όͳ͍ͷʁ

    View full-size slide

  22. ͓΋͠Ζ͍
    ͓΋͠Ζ͍
    ͓΋͠Ζ͍
    ͓΋͠Ζ͍
    ͓΋͠Ζ͍
    ͓΋͠Ζ͍
    ֆ͕
    ޷͖
    ֆ͕
    ޷͖
    ֆ͕
    ޷͖
    ֆ͕
    ޷͖
    ֆ͕
    ޷͖
    ֆ͕
    ޷͖
    ֆ͕
    ޷͖
    ֆ͕
    ޷͖
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ڵຯ
    ͋Γ
    ͓΋͠Ζ͍

    View full-size slide

  23. Ͱ΋ɺ
    ͨ͘
    ͞ΜγΣΞ͞ΕͨΒʜ
    Ͱ΋ɺ
    ͨ͘
    ͞ΜγΣΞ͞ΕͨΒʜ
    ؒҧͬͨ͜ͱΛॻ͘
    ͱ൷൑͞ΕΔΜ͡Όͳ͍͔
    େͨ͜͠ͱͳ͍ͬͯࢥΘΕͨΒஏ͔͍ͣ͠
    มʹड͚औΒΕͯԌ্ͨ͠ΒͲ͏͠Α͏
    ؒҧͬͨ͜ͱΛॻ͘
    ͱ൷൑͞ΕΔΜ͡Όͳ͍͔
    େͨ͜͠ͱͳ͍ͬͯࢥΘΕͨΒஏ͔͍ͣ͠
    มʹड͚औΒΕͯԌ্ͨ͠ΒͲ͏͠Α͏

    View full-size slide

  24. Ή͠ΖγΣΞ͞Εͨํ͕͍͍
    ʂ͜ͱ͹͔Γ
    ؒҧͬͨ͜ͱΛॻ͘
    ͱ൷൑͞ΕΔΜ͡Όͳ͍͔
    େͨ͜͠ͱͳ͍ͬͯࢥΘΕͨΒஏ͔͍ͣ͠
    มʹड͚औΒΕͯԌ্ͨ͠ΒͲ͏͠Α͏
    ؒҧͬͨ͜ͱΛॻ͘
    ͱ൷൑͞ΕΔΜ͡Όͳ͍͔
    େͨ͜͠ͱͳ͍ͬͯࢥΘΕͨΒஏ͔͍ͣ͠
    มʹड͚औΒΕͯԌ্ͨ͠ΒͲ͏͠Α͏
    ؒҧͬͨ··ʹ͓ͯ͘͠
    ΑΓ͍͍
    ʂษڧͯ͠·ͨൃ৴Ͱ͖Δ
    ฼਺͕ଟ͚Ε͹ɺ޷͖ʹͳͬͯ͘
    ΕΔͻͱ΋૿͑Δ
    ʂ
    σβΠφʔͱͯ͠ɺਖ਼͘͠఻͑Δ࿅शʹͳΔ
    ʂ

    View full-size slide

  25. 4/4Λ΍Ζ͏
    ʂ
    ͬͯ࿩Ͱ͸ͳ͍
    ϒϩάهࣄΛγΣΞ͢Δ࣌ʹ΋ɺͻͱ޻෉Ͱ͖Δ
    σβΠφʔ͸ݟͨ໨Λ࡞Δͷ͕͏·͍ͷͰ
    ΋͏গ͠Θ͔Γ΍͘͢ɺ΋͏গ͠໨Λऒ͘
    Α͏ʹʜ
    গͣͭ͠৘ใൃ৴ʹσβΠϯͷྗΛऔΓೖΕͯΈΑ͏

    View full-size slide

  26. ৘ใΛҾ͖دͤΔ
    03

    View full-size slide

  27. ͦ΋ͦ΋
    ʮ৘ใൃ৴ʯͷ
    ʮ৘ใʯ
    ͬͯͲ͔͜Β
    ʁ
    ਓ͔Β
    ڭΘͬͨΓ
    ຊΛಡΜͩΓ
    ηϛφʔͰ
    ฉ͍ͨΓ

    View full-size slide

  28. ʮ৘ใʯ
    ʹ޷͔ΕΔਓʹͳΖ͏
    ৘ใ ৘ใ
    ৘ใ
    ৘ใ ৘ใ
    ৘ใ

    View full-size slide

  29. ͲΜͳਓʹ
    ʮ৘ใʯ
    Λ͋͛ͨ͘
    ͳΔ
    ʁ
    ૉ௚ʹฉ͚Δਓ
    ڭ͑ͨ͜ͱΛ࣮ߦ͢Δਓ
    γΣΞ͢Δؾ࣋ͪͷ͋Δਓ

    View full-size slide

  30. ਓ͔Β΋Βͬͨ৘ใΛγΣΞ͢Δ
    ৘ใ
    ৘ใ
    ͳΔ΄Ͳ ̋̋͞Μ͕
    ڭ͑ͯ͘ΕͨΑʔ

    View full-size slide

  31. ʮಡΉਓͷ͜ͱΛߟ͑ͯʯͬͯΑ͘ݴ͏͚Ͳ
    ํྑ͕͠Ұ൪͍͍
    ڭ͑ͯ͘ΕΔਓ ಡΉਓ
    Θͨ͠

    View full-size slide

  32. ίϛϡχςΟͰ΋ͨ·ʹฉ͘
    Α͍࣭໰ͷํ๏͸Ͳͬͪ
    ʁ
    ͜Ε͕
    Θ͔Γ
    ·ͤΜ
    ஏ͔͍͔ͣ͠Β
    ͬͦ͜Γ
    ڭ͍͑ͯͩ͘͞
    ·ͱΊ

    View full-size slide

  33. ৘ใΛγΣΞ͢Δ͚ͩͰ΋৘ใൃ৴
    ৘ใݩ

    View full-size slide

  34. ʮ৘ใൃ৴ʯͱ͸
    ʮͪΌΜͱ࿩Λฉ͍ͯ΋Β͑ΔਓʹͳΔʯ͜ͱ

    View full-size slide

  35. 8PSE$BNQ0TBLB
    ೥݄೔ ۚ
    ೔ ౔

    View full-size slide