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
Hatena Engineer Seminar #33 チームと開発するためのモック
takuwolog
0
380
ポートフォリオ_webデザイナー
nami_webdesigner
0
110
7 Core Values of Round-L
wired888
0
380
教育分野に強いUIデザイナー / 山口哲弘ポートフォリオ
t2yamaguchi429
0
490
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
securecat
5
1.6k
AI動画生成ガチャ紹介
piyo7
1
140
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
120
AI駆動なデザイン開発 〜Figma Make でまるっとつくるか、 HTML でシンプルにつくるか〜
t_east
1
740
Crisp Code inc. ブランドガイドライン
so_kotani
1
190
バイアスを凌ぐデザインとコード ―異動直後にどうふるまうか―
kkaru
0
470
Light My Fire/ハートに火をつけるコミュニティ
kgsi
1
140
ブランドパーソナリティ言語化における生成AI活用の実際
h0sa
0
180
Featured
See All Featured
Faster Mobile Websites
deanohume
308
31k
Save Time (by Creating Custom Rails Generators)
garrettdimon
PRO
31
1.3k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
8
700
A Modern Web Designer's Workflow
chriscoyier
695
190k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
161
15k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.9k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
750
Making the Leap to Tech Lead
cromwellryan
134
9.4k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
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 ݄ ۚ