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
LayerX DesignersDeck
layerx
PRO
1
7.9k
Webデザイナーが押さえておきたいエンジニアとの連携ポイント
448jp
0
3.5k
マンガで分かるサービスデザインガイドライン
senryakuka
1
810
商業デザインのアクセシビリティにおける倫理フレームワークの考察
securecat
1
550
エンジニアでも捗る デザイナー的思考入門
tinykitten
0
710
Starry | Storyboards | Scene 1-21
giofortuna_story
0
190
Haley's adventure chase
ivettetwin
0
160
横断組織デザイナーの働き方
mixi_design
PRO
0
450
富山デザイン勉強会_デザイントレンド2025.pdf
keita_yoshikawa
0
260
The Golden Whitney
ohtristanart
PRO
0
310
今日から意識できるアクセシビリティ
fumiko
0
210
Fem tips om ux-text • WSA-dagen 29 jan 2025
jonas_blind_hen
PRO
0
170
Featured
See All Featured
How STYLIGHT went responsive
nonsquared
100
5.5k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.5k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
23
2.7k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
The Power of CSS Pseudo Elements
geoffreycrofte
75
5.8k
A Tale of Four Properties
chriscoyier
159
23k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
2.9k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Building a Modern Day E-commerce SEO Strategy
aleyda
40
7.2k
How GitHub (no longer) Works
holman
314
140k
YesSQL, Process and Tooling at Scale
rocio
172
14k
The Straight Up "How To Draw Better" Workshop
denniskardys
233
140k
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 ݄ ۚ