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

小さくはじめるデザイナーの広報発信〜ブログやSNSの付き合い方〜

spicagrapha
November 09, 2019

 小さくはじめるデザイナーの広報発信〜ブログやSNSの付き合い方〜

2019/11/09
北海道札幌の勉強会「SaCSS Special25 : BRANDING SPECIAL(SaCSS vol.108)」で発表した内容です
https://sacss.net/special25/

spicagrapha

November 09, 2019
Tweet

More Decks by spicagrapha

Other Decks in Design

Transcript

  1. খ͘͞͸͡ΊΔσβΠφʔͷ৘ใൃ৴
    ʙϒϩά΍4/4ͱͷ෇͖߹͍ํʙ
    ɹ4B$444QFDJBM#3"/%*/(41&$*"-

    View Slide

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

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

    View Slide

  3. ࢒೦ͳ͕Β4&0ͱ͔ಡ·ΕΔϥΠςΟ
    ϯ
    άͱ͔ανίͱ͔ϑΥϩϫʔΛ૿΍͢ํ
    ๏ͱ͔͸ϊ΢ϋ΢ܥͷ࿩͸͋Γ·ͤΜɻ

    View Slide

  4. ๺͸๺ւಓ

    View Slide

  5. ೆ͸ϑΟ
    Ϧϐϯηϒౡ

    View Slide

  6. ༷ʑͳͱ͜ΖʹηϛφʔߨࢣͰݺΜͰ͍͖ͨͩɺ
    ຊͷࣥචɾ৽ฉࡶࢽ΁ͷܝࡌͳͲͳͲʜ

    View Slide

  7. େࡕͰࡉʑ
    ͱϑϦʔϥϯεΛӦΜͰ͍ͨࢲ
    ʹ͜ΜͳػձΛӡΜͰ͖ͯ͘
    Εͨͷ͸
    ʮϒϩάͱ4/4ʯ
    Ͱͨ͠

    View Slide

  8. 5XJUUFS
    ೥͔Β
    ೔ʑͷؾ͖ͮɺΠϥετɺ
    ࠂ஌ɺ͍Ζ͍Ζ
    ϒϩά
    ೥͔Β
    σβΠ
    ϯ΍Π
    ϥε
    τͷهࣄ
    OPUF
    ೥͔Β
    5XJUUFSͷิ଍΍5JQTͷ
    ΞʔΧΠϒ
    Π
    ϥετ4/4
    ೥͔Β
    Π
    ϥε
    τͷΞʔΧΠϒ

    View Slide

  9. ৘ใΛಧ͚ΔͨΊʹߟ͑Δ͜ͱ
    ϒϩάͱ4/4ͷ͍͍ؔ܎
    ৘ใൃ৴ͷڧ͍ຯํ
    ʓʓ͔ͩΒͰ͖ͳ͍ʜʁ
    ·ͱΊ
    01
    02
    03
    04
    05

    View Slide

  10. ৘ใΛಧ͚ΔͨΊʹߟ͑Δ͜ͱ
    01

    View Slide

  11. Θͨ͠ͷ
    ʮ৘ใൃ৴ʯ
    ͱ͸
    σβΠϯؔ܎ͷ5JQT
    ॳ৺ऀ޲͚ͷͭ·͖ͮ΍͍͢
    ϙΠ
    ϯ
    τͳͲ
    σβΠϯͷجૅ
    σβΠφʔҎ֎ʹ΋ಡΜͰ
    ΋Β͑Δந৅తͳ࿩
    ωλອը
    ೔ࠒײͨ͜͡
    ͱ΍͓΋
    ͠Ζ͔ͬͨ
    ͜
    ͱͳͲ
    ϏοάϥΠ
    τ
    ͱ
    εϞʔϧϥΠ
    τ
    4 #
    ͦΜ
    ͳ

    ͸͜Ε
    ݏ
    ͳ
    ΍
    ͭ
    ͕
    ͍
    ͳ
    ͘
    ͳ

    ͨ
    Β
    Ͳ
    ͏
    ͳ
    Γ
    ·
    ͢
    ͔
    ϋ

    ϐ

    Ͱ
    ͢

    Ϛ
    Π
    φ
    ε


    ϓ
    ϥ
    ε


    Ϛ
    Π
    φ
    ε

    Θͨ͠
    ఱ࠽ΧΠ
    τ
    ਺ֶՊͱΖΏʹ
    ʅ
     Ϝ A
    ʅ
     Ϝ A


    ֶ
    ͱ
    ͍
    ͏
    ͔


    ۤ

    ʜ
    Ϛ
    Π
    φ
    ε
    ͱ
    Ϛ
    Π
    φ
    ε
    Ͱ
    ͳ
    Μ
    Ͱ
    ϓ
    ϥ
    ε
    ʹ
    ͳ
    Δ
    ͷ
    ͦ
    Ε
    ͸
    Ͱ
    ͢
    Ͷ
    ͦ
    ͏
    ͍
    ͏
    ͜
    ͱ
    Ͱ
    ͢

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  18. ۜߦͷΧϨϯμʔ͸ͳͥ
    ʮಈ෺ʯ
    ʮඒ͍͠෩ܠʯ
    ͳͷ͔
    ΋ΒͬͨΧϨϯμʔ
    Ͷͪ͜ΌΜ͔Θ͍͍
    Ͷ͔͜Θ͍͍
    ͋ɺ
    ̋̋ۜߦ
    ̋̋ۜߦ

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  22. ϒϩάͱ4/4ͷ͍͍ؔ܎
    02

    View Slide

  23. 4/4Λ΍Ζ͏
    ʂ
    ͬͯ࿩Ͱ͸ͳ͍

    View Slide

  24. ॱ൪͸ͲͪΒͰ΋͍͍
    ϒϩάॻ͍ͨͧʔ
    5XJUUFSͰ
    ֦ࢄ
    ʂ
    35ʂ35ʂ
    ݁ߏಡ·ΕͯΔ
    هࣄॻ͜͏
    ϒϩάهࣄΛॻ͍ͯ4/4͔Β༠ಋ 4/4ͷ൓ԠΛݟͯϒϩάهࣄΛॻ͘
    1 2

    View Slide

  25. ඈͿ ඈͿ
    ಡΉ
    ͓΋͠Ζ͍
    ໾ཱͬͨ
    ײಈͨ͠
    4/4λ
    Π
    ϜϥΠϯ 4/4λ
    Π
    ϜϥΠϯ
    4/4λΠϜϥΠϯ
    ϒϩά΍ϝσΟΞهࣄ
    ͓΋͠Ζ͍
    ໾ཱͬͨ
    ײಈͨ͠
    4/4͔Β
    ϒϩάʹ༠ಋ
    4/4ʹ
    ίϯςϯπΛ
    ࡌͤΔ
    ίϯςϯπ
    ίϯςϯπ ίϯςϯπ
    γΣΞ
    35
    γΣΞͷϋʔ
    υϧ͕௿͍

    View Slide

  26. 17 48 150 259
    4/4γΣΞʹͻͱख͔͚ؒͯΈΔ

    View Slide

  27. 4/4ͱϒϩά͸ผ෺
    ͍·ฉ͍ͯཉ͍͠
    ʂ
    ਓ͕ଟ͍ͱ͜ΖͰ࿩͢
    ͣͬͱಡΜͰཉ͍͠
    ୳͠΍͍͢ͱ͜Ζʹஔ͘
    Ͳͬͪ΋େࣄ

    View Slide

  28. ੝Γ্͕͍ͬͯΔͱ͜Ζʹஔ͍ͯΈΔ
    ਺ࣈ͸શظؒσʔλ

    View Slide

  29. 4/4༻ը૾͸41༏ઌ
    ॎ௕Ͱ
    จࣈେ͖͘ 1$Ͱ͸େ͖
    ͯ͘໺฻ͬ
    ͍͚ͨͲʜ
    εϚϗʹ߹
    Θͤͨจࣈ
    αΠ
    ζ͸

    View Slide

  30. ॎॻ͖ͷຊͱ͸ྲྀΕ͕ٯ
    ະདྷ աڈ ະདྷ
    աڈ
    ॎॻ͖ͱ
    ૬ੑѱ͍ʜ

    View Slide

  31. ອըͷྲྀΕ΋ٯʹ

    View Slide

  32. ಈը
    ʢεΫϦʔϯΩϟϓνϟʣ
    ΋͓͢͢Ί

    View Slide

  33. ৘ใൃ৴ͷڧ͍ຯํ
    03

    View Slide

  34. ʮ৘ใʯ
    Λ͍࣋ͬͯΔਓͱ
    ʮΘ͔Βͳ͍ʯ
    Λ͍࣋ͬͯΔਓ

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  41. ʮΘ͔Βͳ͍ʯ
    ͸৘ใൃ৴ʹͱͬͯๅʂ

    View Slide

  42. ୭΋͕Ή͔͠͸ॳ৺ऀ
    Ͱ΋
    ʮΘ͔Βͳ͍ʯ
    ͜ͱ͸๨Ε͕ͪ
    ΠϚίί
    ͜͜ͷ͜
    ͱ
    ֮͑ͯ·͔͢ʜ
    ʁ

    View Slide

  43. ࠷ۙฐࣾʹ৽ਓσβΠφʔ͞Μ͕ೖΓ·ͨ͠
    ͜Ε͸
    Ͳ͏΍ΔΜͰ͔͢ʁ
    ͕͜͜
    Θ͔Βͳ͘
    ͯ

    View Slide

  44. ͦ͏ݴΘΕͯΈΕ͹ੲ
    ͸Θ͔Βͳ͔ͬͨͳ͋

    View Slide

  45. ॳ৺ऀ޲͚৘ใൃ৴͕Ͱ͖ͨ
    3,646 1.7ສ 1,375 5,436 144 971 2,011 8,480

    View Slide

  46. ʮΘ͔Βͳ͍ʯ
    ʹ޷͔ΕΔͷ΋ɺ
    ͋Γ͕͍ͨ͜ͱ
    Θ͔Β
    ͳ͍
    Θ͔Β
    ͳ͍
    Θ͔Β
    ͳ͍
    Θ͔Β
    ͳ͍
    Θ͔Β
    ͳ͍
    Θ͔Β
    ͳ͍

    View Slide

  47. ΋Βͬͨ
    ʮΘ͔Βͳ͍ʯ
    ͷ౴͑Λ৘ใൃ৴͢Δ
    ৘ใ
    ͳΔ΄Ͳ Θͨ͠͸͜͏
    ߟ͑ͯ·ʔ͢
    Θ͔Β
    ͳ͍

    View Slide

  48. ݟ͑Δͱ͜ΖͰ౴͑ͨΒɺ
    ୭͔ͷͨΊʹͳΔ͔΋

    View Slide

  49. ʓʓ͔ͩΒͰ͖ͳ͍ʜʁ
    04

    View Slide

  50. ๩͍͔͠Β৘ใൃ৴Ͱ͖ͳ͍

    View Slide

  51. σβΠϯϑΝΠϧͷ୺ʹ࡞ͬͯ
    Ωϟϓνϟ͢Δ
    ۀ຿ͷ߹ؒʹύοͱ࡞ΕΔ΋ͷ͔Β࢝ΊΑ͏
    ͋Εͬ͜Μͳػೳ
    ͋ͬͨΜͩ
    ʙ෼
    Ͱ΋Ͱ͖Δ
    ؾ෇͖ ࡞Δ ൃ৴

    View Slide

  52. ͔ͬ͠Γ࡞Δ΋ͷ͸࢓ࣄͱͯ͠औΓ૊Ή
    ࡞ྫΛ࡞Δͷ͕
    ҙ֎ͱ͔͔࣌ؒΔ
    ࣾ಺ڞ༗ࢿྉͱͯ͠
    ॻ੶΍ηϛφʔʹ΋ྲྀ༻Ͱ͖Δ

    View Slide

  53. ֮͑ͯ΋Β͏
    ʮΩϟϥ෇͚ʯ
    ΋େࣄ
    ͍ͭ΋͍ΔΩϟϥ ͍ͭ΋࢖͏഑৭ ͍ͭ΋࢖͏
    ϑΥϯ
    τ
    लӳؙΰ

    View Slide

  54. डୗͷ࢓ࣄ͔ͩΒσβΠϯΛެ։Ͱ͖ͳ͍

    View Slide

  55. ςʔϚͷ͋Δ՝୊ʹऔΓ૊ΜͰΈΔ
    ϩ ΰ
    ϚʔΫ
    ื ू
    కΊ੾Γɿ

    View Slide

  56. ྫ͑͹ɺ
    ʮ."9$)"--&/(&ʯΫϦΤΠςΟϒίϯςετ
    IUUQTCMPHTBEPCFDPNKBQBODDHFOFSBMBEPCFNBYKBQBONBYDIBMMFOHF

    View Slide

  57. ΫϦΤΠςΟϒ͸ๅ୳͠ɺ
    ଞͷਓͷٕ΋౪΋͏

    View Slide

  58. ·ͱΊ
    05

    View Slide

  59. ʮ޷͔ΕΔ͜ͱΛ΍Ζ͏ʯ
    ͱ͍͏࿩Ͱ͸ͳ͍

    View Slide

  60. σβΠφʔͷ࢓ࣄ͸
    ʮ఻͑Δ͜ͱʯ

    View Slide

  61. ʮ಄ͷதʹ͋Δʯ
    ʮ֎ʹग़͢ʯ͸େ͖͘ҧ͏
    ߟ͑
    ͜ͱ͹

    View Slide

  62. ʮͰ΋ɺ
    Ͳ͏ͤͳΒʜʯ
    ΋͏Ұ޻෉ɺ
    ͷੵΈॏͶ

    View Slide

  63. ϑΥϩϫʔ਺͸
    ʮ΍͖ͬͯͨ͜ͱͷ݁Ռʯ
    ಘΒΕͨͷ͸ʮܦݧ஋ʯ
    ΄Μͱ
    ͏ʹ
    ͋Γ͕͍ͨͰ͢

    View Slide

  64. ΋͠νϟϯεͷ৲ඌ͕ݱΕͨΒ
    ΍Γ·͢ʂ
    ʂ
    ʂ

    View Slide

  65. ʮ͡ͿΜͷ࣠ʯΛ࡞Δ͜ͱ
    ͦΕΛ৴ͯ͡΋Β͑Δؔ܎ੑΛ࡞Δ͜ͱ
    Ϗ γο

    View Slide

  66. ʮΘͨ͠ͷ࿩Λฉ͍ͯ΋Β͑ΔਓʯʹͳΔ

    View Slide

  67. ࠓ೔ͷ͓࿩·ͱΊ
    γΣΞ͞ΕΔཧ༝͸ͨ͘
    ͞Μ͍͍͋ͬͯ
    ϒϩάͱ4/4͸૬৐ޮՌ͕ૂ͑Δ
    εϚʔτϑΥϯΛߟ͑ͨը૾࡞੒Λ
    ಡΉਓ͚ͩ͡Όͳ͍ɺࡾํΑ͠Λ໨ࢦͦ͏
    ʮ͜ͷਓ͔ͩΒʯ
    ͱݴΘΕΔ͡ͿΜͷ࣠Λ࣋ͱ͏

    View Slide