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
Dinosaur Mayhem
storyartist
0
140
発表資料テンプレート / My slide template
thatblue
0
210
Managing Design Systems (Antwerp 2024)
nathanacurtis
1
390
Les petites aventures de CSS, saison 2025
goetter
3
4k
20241204_UI/UXデザイナーLT会 - vol.10_DMM
motokoishida
0
270
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
160
ENEOS社事例|アプリ事業を加速させるデザイナーの取り組み / dx-eneos-design
cyberagentdevelopers
PRO
1
860
「Figmaプラグイン開発してみた」@スタメンデザイナーオープン勉強会
kiyoshifuwa
0
130
今更聞けないデザイン思考 - 高専キャリア2024冬 / imasara-design-thinking
chige
5
880
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜 移動・不動産領域の取り組み
tmtgtkhs
0
200
東急URBAN HACKSのデザイナーって何やってるの? 〜Designer Night #1〜
tak073
0
240
ABEMAの進化 – 複雑化したコンテンツ構造とUI改善への道 – / abema-ui-improve
cyberagentdevelopers
PRO
2
570
Featured
See All Featured
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
251
21k
Gamification - CAS2011
davidbonilla
80
5.1k
Visualization
eitanlees
146
15k
How STYLIGHT went responsive
nonsquared
98
5.4k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
How to train your dragon (web standard)
notwaldorf
91
5.8k
Building a Scalable Design System with Sketch
lauravandoore
461
33k
Fontdeck: Realign not Redesign
paulrobertlloyd
83
5.4k
RailsConf 2023
tenderlove
29
1k
How to Think Like a Performance Engineer
csswizardry
22
1.3k
Product Roadmaps are Hard
iamctodd
PRO
50
11k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
44
7k
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 ݄ ۚ