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
makiozmurai
February 15, 2019
Design
2
1.9k
ユニークなデザインシステム改革
一般化や汎用性のあるデザインシステムではなく、「エモい命名」や「組織、プロダクトにあった設計」で作るユニークなデザインシステムを構築しよう。
makiozmurai
February 15, 2019
Tweet
Share
Other Decks in Design
See All in Design
WHAT ARE ME?
takuro_nakajima
PRO
0
1.2k
ポートフォリオ思考を通じたデザイナーキャリアの形成と未来への展望
recruitengineers
PRO
3
2.3k
デザインテクノロジストが先導する プロダクト開発の世界
degudegu2510
0
350
デザイナー向け会社紹介資料/company-profile-designer
nextbeat
1
850
社内管理画面のデザインもプロダクトデザイン
takanorip
3
720
JBUG東京#22登壇資料_日頃クライアントワークを行っているディレクターが自社コーポレートサイトリニューアルを担当して学んだこと
webnaut
0
170
事業戦略と組織のビジョンデザイン〜デザイン的アプローチで事業・組織づくりにどう取り組んでいるかのリアル〜
jdesign_tokyo
1
380
noteのアクセシビリティ これまでのプロダクト・組織へのアプローチとこれからのこと
tatsuyasawanobori
1
1k
Wolf and the seven goatkids
_limex_
PRO
0
410
SUKEDACHI DESIGN NIGHT発表スライド
sugiyama_sukedachi
0
220
#コムデナ vol.2 「初めてのデザインカンファレンス協賛!共有したい3つのやらかし」
kiyoshifuwa
1
320
コラボレーションを小さくはじめ、大きく広める - 相互理解のためのデザイン&開発交流会, Friends of Figma Tokyo by Yasuhiro Yokota
yasuhiroyokota
2
1.2k
Featured
See All Featured
A designer walks into a library…
pauljervisheath
199
23k
Docker and Python
trallard
33
2.7k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
1
1.3k
The Invisible Customer
myddelton
114
12k
RailsConf 2023
tenderlove
1
530
[RailsConf 2023] Rails as a piece of cake
palkan
22
3.9k
The Pragmatic Product Professional
lauravandoore
24
5.8k
Code Review Best Practice
trishagee
54
15k
Building an army of robots
kneath
300
41k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
103
6.6k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
153
14k
Transcript
presented by Design system revolution with unique naming Ϣ χ
ʔ Ϋ ͳ σ β Π ϯ γ ε ς Ϝ վ ֵ a ͍ ɺ Ұ ൠ Խ Ί Α ͏ Ϙ ι ο
presented by ͡Ί·ͯ͠ Profile ٠ক࢙ Owls, Inc. ʛCDO ɾ%SFTTDBNQΞγελϯτσβΠφʔ ɾ,*/0ϝϯζϑΝογϣϯσβΠφʔ
ɾ౦ژίϨΫγϣϯΦϦδφϧϒϥϯυͱͯ͠ࢀՃ ɾ#SVUP *ODσβΠφʔϓϥϯφʔ ɾϑϦʔϥϯεσβΠφʔ ɾ0XMT *OD$%0ʢνʔϑσβΠϯΦϑΟαʔʣ
presented by ͡Ί·ͯ͠ Profile اۀՁΛσβΠϯ͢Δ ίϯαϧςΟϯά σβΠϯΧϯύχʔ
presented by ͡Ί·ͯ͠ Profile
presented by ͡Ί·ͯ͠ Profile ͍ͭ͜
presented by ͡Ί·ͯ͠ Profile ͍ͭ͜ ͜ͷΠϕϯτͷΦʔΨφΠβʔ͕ ʮεϙϯαʔΒͳ͍ʁʯ ͬͯ༠ׂ͖ͬͯͨʹϦϛοτɹɹɹɹɹɹͳͷͰ μογϡͰ͠·͢ɻ
presented by 01.ΞτϛοΫσβΠϯΛಋೖ͢Δత 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͍͢͠ͱݴ͑ͳ͍ 03.࣮σβΠϯγεςϜϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ ͓͢Δ͜ͱ Agenda
presented by 01. ΞτϛοΫσβΠϯΛಋೖ͢Δత
presented by ˠΞτϛοΫσβΠϯΛೖΕ͍ͨɻ ɻɻɻࠓͬΆ͍Β͍͠͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δత
presented by ˠΞτϛοΫσβΠϯΛೖΕ͍ͨɻ ɻɻɻࠓͬΆ͍Β͍͠͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δత ʢ͜Εئʣ
presented by ˠΞτϛοΫσβΠϯΛͬͯӡ༻͍ͨ͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δత
presented by ˠΞτϛοΫσβΠϯΛͬͯӡ༻͍ͨ͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δత ʢ͜Εئʣ
presented by ˠαʔϏε͕ͯ͠ઃܭࢥ͕͑͏Δӡ༻Λ͍ͨ͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δత
presented by ˠαʔϏε͕ͯ͠ઃܭࢥ͕͑͏Δӡ༻Λ͍ͨ͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δత ʢ͜Εʂʣ
presented by 02. ඪ४Խʹಉ࣭Խʁʹӡ༻͍͢͠ͱݴ͑ͳ͍
presented by 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͍͢͠ͱݴ͑ͳ͍ Atomic Design ࣮ଶ ΄͑ʔɺ͔֬ʹΘ͔Δʔ ͜ΕͰཧͰ͖ͨΒΧοί͑͑ͳ͋ ATMOSʹΘ͔Δ MOLECULESʹ͏Μɻɻɻ
ORGANISMSʹ͏Μʂʁ TEMPLATESʹ ΤϯδχΞ Θ͔Δɻ σβΠφ ʁʁʁ PAGES= ΤϯδχΞσβΠφʣ·͋·͋ɻɻɻ
presented by ҋਂ͗͢ ࣄҊൃੜத 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͍͢͠ͱݴ͑ͳ͍
presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ ͋͞ɺඪ४Խࢦ͠·͠ΐ͏ ORGANISMS 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͍͢͠ͱݴ͑ͳ͍
ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ -W ίϯϙʔωϯτʢ-W ίϯϙʔωϯτͷίϯϙʔωϯτʢ-W TEMPLATES ҙຯΛ͍࣋ͯͬͯͳ͍ςϯϓϨʔτ PAGES ☝͕ΈΘͤΒΕͨϖʔδ
presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ ͋͞ɺඪ४Խࢦ͠·͠ΐ͏ ORGANISMS 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͍͢͠ͱݴ͑ͳ͍
ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ -W ίϯϙʔωϯτʢ-W ίϯϙʔωϯτͷίϯϙʔωϯτʢ-W TEMPLATES ҙຯΛ͍࣋ͯͬͯͳ͍ςϯϓϨʔτ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ͋͞ɺ͋ͳͨͲΕʁ
presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ ͋͞ɺඪ४Խࢦ͠·͠ΐ͏ ORGANISMS 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͍͢͠ͱݴ͑ͳ͍
ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ -W ίϯϙʔωϯτʢ-W ίϯϙʔωϯτͷίϯϙʔωϯτʢ-W TEMPLATES ҙຯΛ͍࣋ͯͬͯͳ͍ςϯϓϨʔτ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ߹Θͤͨ͘ͳͬͪΌ͏ΑͶ ϧʔϧ
presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ ͋͞ɺඪ४Խࢦ͠·͠ΐ͏ ORGANISMS 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͍͢͠ͱݴ͑ͳ͍
ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ -W ίϯϙʔωϯτʢ-W ίϯϙʔωϯτͷίϯϙʔωϯτʢ-W TEMPLATES ҙຯΛ͍࣋ͯͬͯͳ͍ςϯϓϨʔτ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ׂͱࡉ͔͘ఆٛ͞ΕͯΔ෩ -Wදه֊ߏ
presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ Ծʹࢮ͵ؾͰ߹Θͤͨͱ͠Α͏ɻ ORGANISMS 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͍͢͠ͱݴ͑ͳ͍
ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ PAGES ☝͕ΈΘͤΒΕͨϖʔδ
presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ Ծʹࢮ͵ؾͰ߹Θͤͨͱ͠Α͏ɻ ORGANISMS 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͍͢͠ͱݴ͑ͳ͍
ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ࣮ɺଞαʔϏεͷίϯϙʔωϯτࢦ͕ ϕʔεʹͳ͍ͬͯͨͨΊɺ ରαʔϏεͷߟ͑ํ͕վఆ͞Ε ่յ
presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ Ծʹࢮ͵ؾͰ߹Θͤͨͱ͠Α͏ɻ ORGANISMS 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͍͢͠ͱݴ͑ͳ͍
ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ͦͯͪ͠ΖΜࢮ͵ؾͰ߹Θͤͨ#ࣾ ่յ ࣮ɺଞαʔϏεͷίϯϙʔωϯτࢦ͕ ϕʔεʹͳ͍ͬͯͨͨΊɺ ରαʔϏεͷߟ͑ํ͕վఆ͞Ε ่յ
presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ Ծʹࢮ͵ؾͰ߹Θͤͨͱ͠Α͏ɻ ORGANISMS 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͍͢͠ͱݴ͑ͳ͍
ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ͦͯͪ͠ΖΜࢮ͵ؾͰ߹Θͤͨ#ࣾ ่յ ࣮ɺଞαʔϏεͷίϯϙʔωϯτࢦ͕ ϕʔεʹͳ͍ͬͯͨͨΊɺ ରαʔϏεͷߟ͑ํ͕վఆ͞Ε ่յ όϧεʂ
presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ ͋͞ɺඪ४Խࢦ͠·͠ΐ͏ ORGANISMS 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͍͢͠ͱݴ͑ͳ͍
ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ -W ίϯϙʔωϯτʢ-W ίϯϙʔωϯτͷίϯϙʔωϯτʢ-W TEMPLATES ҙຯΛ͍࣋ͯͬͯͳ͍ςϯϓϨʔτ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ׂͱࡉ͔͘ఆٛ͞ΕͯΔ෩ -Wදه֊ߏͳͷͰѱ͘Θͳ͍ ଧͭखͳ͠
presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ ͋͞ɺඪ४Խࢦ͠·͠ΐ͏ ORGANISMS 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͍͢͠ͱݴ͑ͳ͍
ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ -W ίϯϙʔωϯτʢ-W ίϯϙʔωϯτͷίϯϙʔωϯτʢ-W TEMPLATES ҙຯΛ͍࣋ͯͬͯͳ͍ςϯϓϨʔτ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ׂͱࡉ͔͘ఆٛ͞ΕͯΔ෩ -Wදه֊ߏͳͷͰѱ͘Θͳ͍ ͍͍͡Όͳ͍ͷΑɻ ϢχʔΫͳఆٛҰॹʹ࡞Ζ͏Α
presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ ͋͞ɺඪ४Խࢦ͠·͠ΐ͏ ORGANISMS 02.ඪ४Խʹಉ࣭Խʁʹӡ༻͍͢͠ͱݴ͑ͳ͍
ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ -W ίϯϙʔωϯτʢ-W ίϯϙʔωϯτͷίϯϙʔωϯτʢ-W TEMPLATES ҙຯΛ͍࣋ͯͬͯͳ͍ςϯϓϨʔτ PAGES ☝͕ΈΘͤΒΕͨϖʔδ ׂͱࡉ͔͘ఆٛ͞ΕͯΔ෩ -Wදه֊ߏͳͷͰѱ͘Θͳ͍ σβΠϯγεςϜ ඪ४Խ͢Δ͖Ͱͳ͍ɻ
presented by 03. ࣮σβΠϯγεςϜϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ
presented by 03.࣮σβΠϯγεςϜϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ ͜͜Ͱ͍͖ͳΓ ϒϥϯυͷ
presented by 03.࣮σβΠϯγεςϜϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ Ϛελʔϒϥϯυମܥ ϑϦʔελϯσ Οϯάϒϥϯυମܥ $* #*7* $* #*7*
ϝϦοτ σϝϦοτ ϒϥϯυͷίϛϡχέʔγϣϯޮ͕͍͍ ѱධ͕શମʹٴͿՄೳੑ͕͋Δ ϑϦʔελϯσΟϯάϒϥϯυମܥ ϝϦοτ σϝϦοτ ݸผͷੈք؍Λࣗ༝ʹߏங ͦΕͧΕʹϚʔέςΟϯάίετ͕͔͔Δ
presented by 03.࣮σβΠϯγεςϜϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ ͳΜ͔ۙ͘ͳ͍ʁ
presented by 03.࣮σβΠϯγεςϜϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ Ϛελʔϒϥϯυମܥ ϑϦʔελϯσ Οϯάϒϥϯυମܥ $* #*7* $* #*7*
"ࣾ #ࣾ ϝϦοτ σϝϦοτ ։ൃ͕গͳ͍ վम͕શମʹٴͿՄೳੑ͕͋Δ ϑϦʔελϯσΟϯάϒϥϯυମܥ ϝϦοτ σϝϦοτ ݸผͷੈք؍Λࣗ༝ʹߏங ͦΕͧΕʹ։ൃίετ͕͔͔Δ The Design System
presented by 03.࣮σβΠϯγεςϜϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ αʔϏε͝ͱʹ ࠷దԽ͞ΕͯવΔ͖
presented by ࠷ޙʹ Epilogue " 5 - " 4 4
* " / " J S C O C 4 Q P U J G Z
presented by ࠷ޙʹ Epilogue ا ۀ Ձ Λ σ
β Π ϯ ͢ Δ ຊ 6 4 ͔ Β Ε ͯ ͍ · ͢ ɻ σ β Π ϯ γ ε ς Ϝ ੈ ք Ͱ ඪ ४ ͱ ͳ Γ ͭ ͭ ͋ Γ · ͢ ɻ ͦ ͷ ߟ ͑ ɺ ج ຊ ଟ ༷ Խ ͠ ͯ ͍ · ͢ ɻ
presented by ࠷ޙʹ Epilogue Ұ ॹ ʹ ࡞ Ζ ͏
Ξ ϧ ε ί ϯ α ϧ ܕ ͷ σ β Π ϯ ৫ ɻ ক དྷ ࣗ Ͱ ࣄ ۀ Λ ى ͜ ͠ ͨ ͍ ਓ ɺ ݸ ͷ ྗ Λ ࠷ େ Խ ͞ ͤ ͨ ͍ ਓ Π ϊ ϕ ʔ γ ϣ ϯ ͷ ۙ ͘ ʹ ͍ ͳ ͚ Ε ͍ ͚ ͳ ͍ ɻ
presented by ࠷ޙʹ Epilogue Ұ ॹ ʹ ࡞ Ζ ͏
༷ ʑ ͳ α ʔ Ϗ ε ͱ Ϗ δ ω ε ʹ ৮ Ε ͯ ɺ ࠓ ׆ ͖ Δ ٕ ज़ Ͱ ͳ ͘ ɺ ະ དྷ ͷ ࣗ ͷ ͨ Ί ͷ ܦ ݧ ʹ ࢿ ͠ Α ͏ ɻ
presented by '*/