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

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

spicagrapha
November 02, 2019
Design
2
3k

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

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

spicagrapha

November 02, 2019
Tweet

More Decks by spicagrapha

See All by spicagrapha
小さくはじめるデザイナーの広報発信〜ブログやSNSの付き合い方〜
spicagraph
10
2.8k
「お皿」を意識したレイアウトデザイン
spicagraph
31
34k
SNSでもWebサイトでも、 目を惹くイラストのつくり方
spicagraph
13
4.9k
フリーランスデザイナーとしての情報発信録～ブログやSNSとの付き合い方～
spicagraph
10
2.9k
デザインを「伝える」ためにすべきこと
spicagraph
33
6k
フリーランスデザイナー・イラストレーターの「わたしの仕事のつくり方 」
spicagraph
27
9k
フリーランスWebデザイナーの「仕事とくらし」10年のこれまでとこれから
spicagraph
27
15k
フリーランスデザイナーの「つくること、はたらくこと」
spicagraph
86
28k
しごと大好きフリーランスWebデザイナーが子どもを持ったらどうなる？「わたしのライフワークバランス」
spicagraph
3
1.5k

Other Decks in Design

See All in Design
「ゆ〜るっく」 Team ペーパーフォワイト 【東京工業大学エンジニアリングデザインプロジェクト2022】
edp2022_team4
0
290
人が人を使う世界の終わりのはじまり / The beginning of the end of the world where people use other people
ks91
PRO
0
100
Research Conference Lightning Talk #1 Re-Searchのための問いの立て方とは？
hirokazu_oda
4
410
ユーザーインターフェイス設計の基礎を振り返る / Basics of User Interface Design
yuyaink
0
880
Graphic design and UI/UX
dmitry_tolonen
0
1.2k
Research Process of MusicTongue
mxair95000
0
180
MIXI スポーツ領域とライフスタイル領域のデザイン
mixil
0
660
The Graphic Design Trends in 2023
manuchat
0
470
エムスリー×マネーフォワード 『社会を変えるサービスデザイン 』/m3design-digikar
yusuke109
1
2.2k
エンジニアと要件定義
ryotanakaya
0
150
副業デザイナーズで作るデザイン組織 / Design Teams as a Side Job Designer
kgsi
0
730
Богдана Кибза — Дизайн-система ✕ SDUI: как мы собирали грабли
ozontech
0
510

Featured

See All Featured
Designing the Hi-DPI Web
ddemaree
273
33k
Why Our Code Smells
bkeepers
PRO
326
55k
It's Worth the Effort
3n
177
26k
Become a Pro
speakerdeck
PRO
6
3.3k
Making Projects Easy
brettharned
102
4.9k
Fashionably flexible responsive web design (full day workshop)
malarkey
396
64k
The Web Native Designer (August 2011)
paulrobertlloyd
77
2.3k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
101
6.2k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
227
16k
jQuery: Nuts, Bolts and Bling
dougneiner
57
6.7k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
31
8.9k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
7
670

Transcript

  1. View Slide

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

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

    View Slide

  3. 5XJUUFS΍ͬͨΓ

    View Slide

  4. ϒϩά΍ͬͨΓ

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  8. ෼ʂ
    ʂ
    ʂ
    ʂ

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

  28. ৘ใΛҾ͖دͤΔ
    03

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide