Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
デザイナーと情報発信のいい関係
Search
spicagrapha
November 02, 2019
Design
3
3.2k
デザイナーと情報発信のいい関係
WordCamp Tokyo 2019で発表した内容です。
spicagrapha
November 02, 2019
Tweet
Share
More Decks by spicagrapha
See All by spicagrapha
小さくはじめるデザイナーの広報発信〜ブログやSNSの付き合い方〜
spicagraph
11
2.8k
「お皿」を意識したレイアウトデザイン
spicagraph
32
34k
SNSでもWebサイトでも、 目を惹くイラストのつくり方
spicagraph
13
4.9k
フリーランスデザイナーとしての情報発信録~ブログやSNSとの付き合い方~
spicagraph
11
3k
デザインを「伝える」ためにすべきこと
spicagraph
33
6k
フリーランスデザイナー・イラストレーターの「わたしの仕事のつくり方 」
spicagraph
27
9.1k
フリーランスWebデザイナーの「仕事とくらし」10年のこれまでとこれから
spicagraph
27
15k
フリーランスデザイナーの「つくること、はたらくこと」
spicagraph
86
28k
しごと大好きフリーランスWebデザイナーが子どもを持ったらどうなる?「わたしのライフワークバランス」
spicagraph
3
1.5k
Other Decks in Design
See All in Design
共通言語としてのデザイントークンと Figmaでの運用
kamy0042
0
320
Crisp Code inc. ブランドガイドライン
so_kotani
1
160
同人音声のための、 最高の視聴体験を求めて【サブカル×デザインMeetUP!】
vivion
0
460
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
250
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
320
セブンデックス カルチャーブック
sevendex
1
9.3k
発表資料テンプレート / My slide template
thatblue
0
280
ネーミングの極意 - その名は体を現していますか? -
kakukoki
2
530
“使いやすい”が生産性を変える!業務を効率化するためのUX/UI設計ポイント
ncdc
2
250
Masked shaman-Storyboard 2025
ashley0521
0
250
株式会社デイトラ様│コーポレートサイト│コンセプトシート
haruka_capeo
0
1.2k
2024/11/25 ReDesigner Online Meetup 会社紹介
cybozuinsideout
PRO
0
470
Featured
See All Featured
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Building Flexible Design Systems
yeseniaperezcruz
329
38k
Making the Leap to Tech Lead
cromwellryan
133
9.2k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.6k
A Modern Web Designer's Workflow
chriscoyier
693
190k
The Pragmatic Product Professional
lauravandoore
33
6.5k
Automating Front-end Workflow
addyosmani
1369
200k
How GitHub (no longer) Works
holman
314
140k
GraphQLの誤解/rethinking-graphql
sonatard
71
10k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Transcript
None
֯ాҁՂ ͢Έ͔ͩ͋ 8FCσβΠφʔ ΠϥετϨʔλʔ ɹϑϦʔϥϯε TQJDBHSBQI ɹגࣜձࣾΩςϨπϝϯόʔ
5XJUUFSͬͨΓ
ϒϩάͬͨΓ
5XJUUFSͬͨΓͯ͠·͢ʂ ʂ ʂ ʂ
೦ͳ͕ΒͦΜͳʹಡ·Εͯ·ͤΜ ʂ ͢ Έ·ͤΜ ʂ4&0ͱ͔ಡ·ΕΔϥΠςΟ ϯ άͱ͔ανίͱ͔ϑΥϩϫʔΛ૿͢ํ ๏ͱ͔ଞͷਓͷΛฉ͍͍ͯͩ͘͞ ʂ
ใൃ৴Λ͢Δ͖͔͚ͬ σβΠφʔͷใൃ৴ ใΛҾ͖دͤΔ 01 02 03
ʂ ʂ ʂ ʂ
ΫοΩϯάʷճʁ ʁ ʂ ʂ
͋Εʁ ͦ͏ࢥ͏ ͱɺ ݁ߏ༨༟ʁ
༨༟͕ग़͖ͯͨͱ͜ΖͰ ͪΐͬͱੲͰ
ใൃ৴Λ͢Δ͖͔͚ͬ 01
ϒϩάΛ࢝Ίͨͷ݄ ෮ؼͯ͠ ࣄ͕͋Δ͔ ෆ҆ʜ
8PSE$BNQ,BOTBJͷσβΠϯνʔϜ ͳΜָ͔ͦ͠͏
ͦ͜Ͱ ʮΦʔϓϯιʔεʯ ʮ(1-ʯ ʹ৮Ε 8PSE1SFTT ͬͯ ΈΜͳͰ࡞ͬͯΔͷ ʁ ʂ
͡ͿΜͷ࡞ͬͨ ςʔϚϓϥάΠϯͷ தΛެ։ʁ ʂ
ΤϯδχΞͷจԽʹিܸΛड͚·ͨ͠ ͳΜ͔ʜ ৽͍͠ ͷ
͜ͷܦݧࠓͷࢲʹେ͖͘Өڹ͍ͯ͠·͢ ެ։ͪ͠Ό͏ͷ ͔͍͍ͬ͜ͳ γΣΞ
σβΠφʔͷใൃ৴ 02
ใൃ৴ͰΉ͔͍ͣ͜͠ͱ Ͳ͏ͬͯಡΜͰΒ͏ ʁ Θͨ͠ͷߟ͑Ͱ େ͖ ͘ ͭ ʂ ʂ
ͦΕΛ୳͍ͯ͠Δਓʹ ݟ͚ͭͯΒ͏ ͱʹ͔͘ਓ͕ଟ͍ͱ͜Ζʹ ݟͤʹߦ͘ Θͨ͠ ͬͪ͜Ͱ͢ 1 2
ਓ͕ଟ͍ͱ͜Ζͬͯɺ ϥΠόϧଟ͍͡ΌΜ ʁ
ʮݟͯΒ͏͔͚͠ʯͮ͘ Γ σβΠφʔͷಘҙͰ͢ΑͶ γΣΞ͞Εͦ͏ͳ ͖ͯ͢ͳਤղ σβΠφʔͳΒ Θ͔Γ͢͞ ϏδϡΞϧʹͩ͜ΘΔ ʂ
ͦΕɺ γΣΞ͞ΕͯتΜͰΔ͚ͩ͡Όͳ͍ͷʁ
͓͠Ζ͍ ͓͠Ζ͍ ͓͠Ζ͍ ͓͠Ζ͍ ͓͠Ζ͍ ͓͠Ζ͍ ֆ͕ ͖ ֆ͕ ͖
ֆ͕ ͖ ֆ͕ ͖ ֆ͕ ͖ ֆ͕ ͖ ֆ͕ ͖ ֆ͕ ͖ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ڵຯ ͋Γ ͓͠Ζ͍
Ͱɺ ͨ͘ ͞ΜγΣΞ͞ΕͨΒʜ Ͱɺ ͨ͘ ͞ΜγΣΞ͞ΕͨΒʜ ؒҧͬͨ͜ͱΛॻ͘ ͱ൷͞ΕΔΜ͡Όͳ͍͔ େͨ͜͠ͱͳ͍ͬͯࢥΘΕͨΒஏ͔͍ͣ͠ มʹड͚औΒΕͯԌ্ͨ͠ΒͲ͏͠Α͏
ؒҧͬͨ͜ͱΛॻ͘ ͱ൷͞ΕΔΜ͡Όͳ͍͔ େͨ͜͠ͱͳ͍ͬͯࢥΘΕͨΒஏ͔͍ͣ͠ มʹड͚औΒΕͯԌ্ͨ͠ΒͲ͏͠Α͏
Ή͠ΖγΣΞ͞Εͨํ͕͍͍ ʂ͜ͱ͔Γ ؒҧͬͨ͜ͱΛॻ͘ ͱ൷͞ΕΔΜ͡Όͳ͍͔ େͨ͜͠ͱͳ͍ͬͯࢥΘΕͨΒஏ͔͍ͣ͠ มʹड͚औΒΕͯԌ্ͨ͠ΒͲ͏͠Α͏ ؒҧͬͨ͜ͱΛॻ͘ ͱ൷͞ΕΔΜ͡Όͳ͍͔ େͨ͜͠ͱͳ͍ͬͯࢥΘΕͨΒஏ͔͍ͣ͠ มʹड͚औΒΕͯԌ্ͨ͠ΒͲ͏͠Α͏
ؒҧͬͨ··ʹ͓ͯ͘͠ ΑΓ͍͍ ʂษڧͯ͠·ͨൃ৴Ͱ͖Δ ͕ଟ͚Εɺ͖ʹͳͬͯ͘ ΕΔͻͱ૿͑Δ ʂ σβΠφʔͱͯ͠ɺਖ਼͑͘͠Δ࿅शʹͳΔ ʂ
4/4ΛΖ͏ ʂ ͬͯͰͳ͍ ϒϩάهࣄΛγΣΞ͢Δ࣌ʹɺͻͱͰ͖Δ σβΠφʔݟͨΛ࡞Δͷ͕͏·͍ͷͰ ͏গ͠Θ͔Γ͘͢ɺ͏গ͠Λऒ͘ Α͏ʹʜ গͣͭ͠ใൃ৴ʹσβΠϯͷྗΛऔΓೖΕͯΈΑ͏
ใΛҾ͖دͤΔ 03
ͦͦ ʮใൃ৴ʯͷ ʮใʯ ͬͯͲ͔͜Β ʁ ਓ͔Β ڭΘͬͨΓ ຊΛಡΜͩΓ ηϛφʔͰ ฉ͍ͨΓ
ʮใʯ ʹ͔ΕΔਓʹͳΖ͏ ใ ใ ใ ใ ใ ใ
ͲΜͳਓʹ ʮใʯ Λ͋͛ͨ͘ ͳΔ ʁ ૉʹฉ͚Δਓ ڭ͑ͨ͜ͱΛ࣮ߦ͢Δਓ γΣΞ͢Δؾ࣋ͪͷ͋Δਓ
ਓ͔ΒΒͬͨใΛγΣΞ͢Δ ใ ใ ͳΔ΄Ͳ ̋̋͞Μ͕ ڭ͑ͯ͘ΕͨΑʔ
ʮಡΉਓͷ͜ͱΛߟ͑ͯʯͬͯΑ͘ݴ͏͚Ͳ ํྑ͕͠Ұ൪͍͍ ڭ͑ͯ͘ΕΔਓ ಡΉਓ Θͨ͠
ίϛϡχςΟͰͨ·ʹฉ͘ Α͍࣭ͷํ๏Ͳͬͪ ʁ ͜Ε͕ Θ͔Γ ·ͤΜ ஏ͔͍͔ͣ͠Β ͬͦ͜Γ ڭ͍͑ͯͩ͘͞ ·ͱΊ
ใΛγΣΞ͢Δ͚ͩͰใൃ৴ ใݩ
ʮใൃ৴ʯͱ ʮͪΌΜͱΛฉ͍ͯΒ͑ΔਓʹͳΔʯ͜ͱ
8PSE$BNQ0TBLB ݄ ۚ