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
線で考える画面構成
natsuume
1
880
オープンデータを利用して色々なものを作った話
hjmkth
1
110
Storyboard Honey
rocioparronrubio
0
280
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
570
「デザイン」を信じるには
iflection
0
280
【Firefly Image 4対応版】上手にFireflyにお願いしてウェブデザイン案を出すぞ!
cremacrema
0
1.3k
なぜプレイドにデザインエンジニアが必要だったのか?
t32k
0
520
クライアントワークにおける UXリサーチの実践
kozotaira
0
700
Building foundations 堅牢なデザイントークンの設計
hilokifigma
2
3.5k
事例で学ぶ!今日から使えるWebサービスUI改善ポイント
ncdc
0
170
デザイナーとPMの両ロール_3つのポイント
toy1618
1
330
Saudade typeface
tiagoporto
0
330
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
4 Signs Your Business is Dying
shpigford
184
22k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Speed Design
sergeychernyshev
32
1k
Bash Introduction
62gerente
614
210k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Mobile First: as difficult as doing things right
swwweet
223
9.7k
GitHub's CSS Performance
jonrohan
1031
460k
The Cult of Friendly URLs
andyhume
79
6.5k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
233
17k
Optimizing for Happiness
mojombo
379
70k
Music & Morning Musume
bryan
46
6.6k
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 ݄ ۚ