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
YoujiSakai
May 14, 2020
Design
170
3
Share
研修用
2020.5.14
Adobe XD エンタープライズ・デザインシステム概論
YoujiSakai
May 14, 2020
More Decks by YoujiSakai
See All by YoujiSakai
2020.11.12
youjisakai
0
380
20200720
youjisakai
0
300
2020.4.22
youjisakai
0
200
2020.4.22
youjisakai
0
160
2020.1.08
youjisakai
2
300
Project Aeroで実現する!グラフィックデザイナーやwebデザイナーも挑戦できるARコンテンツ制作
youjisakai
0
500
20191119
youjisakai
1
160
20190903-AM.pdf
youjisakai
0
290
2019.9.3 PM
youjisakai
1
260
Other Decks in Design
See All in Design
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
a2k
0
140
OJTで学んだ 「心を動かす」ファシリテーション
saki822
1
280
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
190
decksh object reference
ajstarks
2
1.5k
Mandalyn_DT5001_FinalAssignment.pdf
lynteo
0
190
デザイナーが主導権を握る、AI協業の本音と実践
satosio
7
3.1k
Franks Myth
gfht1
2
450
体験負債を資産に変える組織的アプローチ
hikarutakase
0
990
AIスライドデザインを生成する仕組みを社内共有する
kenichiota0711
7
5.2k
2026の目標「もっと定量的に事業、会社へ貢献する!」
yuri_ohashi
0
770
2026_01_07_3DプリントはじめましたLT.pdf
hideakitakechi
0
150
ClaudeCodeでマーケターの課題を解決する
kenichiota0711
10
12k
Featured
See All Featured
Ecommerce SEO: The Keys for Success Now & Beyond - #SERPConf2024
aleyda
1
1.9k
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
sarafernandez
2
1.4k
Darren the Foodie - Storyboard
khoart
PRO
3
3.1k
A Tale of Four Properties
chriscoyier
163
24k
HU Berlin: Industrial-Strength Natural Language Processing with spaCy and Prodigy
inesmontani
PRO
0
300
Become a Pro
speakerdeck
PRO
31
5.9k
コードの90%をAIが書く世界で何が待っているのか / What awaits us in a world where 90% of the code is written by AI
rkaga
61
43k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
160
Facilitating Awesome Meetings
lara
57
6.8k
Documentation Writing (for coders)
carmenintech
77
5.3k
Stop Working from a Prison Cell
hatefulcrawdad
274
21k
Balancing Empowerment & Direction
lara
5
1k
Transcript
Design Systems σβΠϯγεςϜ
Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ؍ ίʔυͱσβΠϯͷҰݩཧ %FTJHOUPLFO
TUBOEBSETNBOVBM /FX:PSL$JUZ 5SBOTJU"VUIPSJUZ (SBQIJDT4UBOEBSET.BOVBM %FTJHOFECZ.BTTJNP7JHOFMMJɹBOE#PC/PPSEB 6OJNBSL IUUQTTUBOEBSETNBOVBMDPNQSPEVDUTOZDUBDPNQBDUFEJUJPO
TUBOEBSETNBOVBM /BUJPOBM"FSPOBVUJDTBOE 4QBDF"ENJOJTUSBUJPO (SBQIJDT4UBOEBSET.BOVBM %FTJHOFECZ3JDIBSE%BOOFBOE#SVDF#MBDLCVSO %BOOF#MBDLCVSO IUUQTTUBOEBSETNBOVBMDPNQSPEVDUTOBTBHSBQIJDTTUBOEBSETNBOVBM
ഁ क ܕΛकΓ मߦΛੵΈ ࣮ફΛॏͶ ࣗͷܕΛݟ͚ͭ طଘͷܕΛഁΓ ࠷ऴతʹ ܕ͔ΒΕ
ࣗ༝ʹͳΔ
اը෦ ϓϩδΣΫτνʔϜ ։ൃ෦ ൢച෦
اը෦ ϓϩδΣΫτνʔϜ ࣗݾ৫Խ ৬Ҭԣஅత ։ൃ෦ ൢച෦
اը෦ ϝϯλʔ ϓϩδΣΫτνʔϜ ࣗݾ৫Խ ৬Ҭԣஅత ։ൃ෦ ϝϯλʔ ϝϯλʔ ൢച෦
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
None
σβΠϯ %&4*(/ ʙલʙࠒʙ
ʙલ ༗໊σβΠφʔʹΑΔ#*ʗ$*ʢاۀϒϥϯσΟϯάʣ ϒϥϯσΟϯάΞΠσϯςΟςΟɺίʔϙϨʔτΞΠσϯςΟςΟ લʙࠒ σβΠϯίϯαϧςΟϯάϑΝʔϜʹΑΔ ਓؒத৺σβΠϯʗΠϊϕʔγϣϯ ʮσβΠϯܦӦʯએݴʗσβΠϯਓࡐ ৫తͳΠϯϑϥͱͯ͠σβΠϯͷΈ
ώτʢਓࡐʣϞϊʢతࢿݯʣΧωʢࡒʣใɺσβΠϯ σβΠϯΛܦӦࢿݯͱͯ͠ͱΒ͑Δ ଐਓతͰͳ͍αεςΟφϒϧͳʢ࣋ଓՄೳͳʣ ػೳͱͯ͠ͷσβΠϯ
σβΠϯܦӦͷඞཁ݅ ɾܦӦνʔϜʹσβΠϯͷ ɹऀʢσβΠϯΦϑΟαʔʣ͕͍Δ ɹ$%0νʔϑσβΠϯΦϑΟαʔ ɾࣄۀઓུߏஙͷ࠷্ྲྀ͔ΒσβΠϯͷνʔϜ͕ ɹؔ༩͍ͯ͠Δ
ɺܦӦʹ$%0 ʢ$IJFG%FTJHO0⒏DFSɿ ࠷ߴσβΠϯऀʣΛઃஔ Ϛϩɾϙϧνʔχ͕ब &ODBOUP1VCMJD3FMBUJPOT%FTJHOBOE13.BVSP1PSDJOJ 1FQTJDP$IJFG%FTJHO0⒏DFS FOHMJTIWFSTJPO IUUQXXXFODBOUPQVCMJDSFMBUJPOTDPNEFTJHOBOEQSNBVSPQPSDJOJQFQTJDPIUNM
δχʔɾϩϝοςΟʢʹ$&0ʹबʣ͕ σβΠϯܦӦΛਪਐɺಉɺ*#.%FTJHOͱ͍͏ ৫Λઃஔɻ θωϥϧɾϚωʔδϟʔʹ ϑΟϧɾΪϧόʔτ *#.ͷσβΠϯࢥߟͷಓࢣɺϑΟϧɾΪϧόʔτࢯຊͰԿΛޠΔ͔ IUUQTCJ[[JOFKQBSUJDMFEFUBJM σβΠϯͱσβΠϯࢥߟͷΧϧνϟʔΛ *#.ʹਁಁͤ͞Δ Mission
μάɾύΤϧ͕σβΠφʔͱͯ͠ཧࣄʹब ʢ*#.Ͱॳʣ σβΠϯࢥߟ͕ͨΒ͢Ϗδωεมֵʂ มΘΓΏ͘σβΠφʔͷׂ IUUQTXXXJCNDPNUIJOLKQKBCVTJOFTTEFTJHOUIJOLJOH
݄Ͱ৽ઃͷ৬ $%0ʢ$IJFG%FTJHO 0⒏DFSʣʹब͢Δ͜ ͱ͕ใ͡ΒΕͨ ݄ɺδϣφαϯɾΞΠϒ͕ +POZ*WFOFBSMZRVJU"QQMF CVUJOTUFBECFDBNF 4UFWF+PCTTTQJSJUVBMQBSUOFS IUUQXXXFDPUJJO6)8KB
ώτʢਓࡐʣϞϊʢతࢿݯʣΧωʢࡒʣใɺσβΠϯ σβΠϯΛܦӦࢿݯͱͯ͠ͱΒ͑Δ ଐਓతͰͳ͍αεςΟφϒϧͳʢ࣋ଓՄೳͳʣ ػೳͱͯ͠ͷσβΠϯ
σβΠϯܦӦܦࡁ࢈ۀল IUUQTXXXNFUJHPKQQSFTTQEG
ΞοϓϧɺμΠιϯɺྑܭըɺϚπμɺϝϧΧϦɺ "JSCOCͳͲͷ#UP$اۀͷΈͳΒͣɺεϦʔΤ Ϝɺ*#.ͷΑ͏ͳ#UP#اۀɺσβΠϯΛاۀͷ ܦӦઓུͷத৺ʹਾ͓͑ͯΓɺʮσβΠϯܦӦʯ ͷ࣮ફاۀɾޭاۀͱ͍͏͜ͱ͕ݴ͑Δɻ σβΠϯܦӦܦࡁ࢈ۀল IUUQTXXXNFUJHPKQQSFTTQEG
ʙલ ༗໊σβΠφʔʹΑΔ#*ʗ$*ʢاۀϒϥϯσΟϯάʣ ϒϥϯσΟϯάΞΠσϯςΟςΟɺίʔϙϨʔτΞΠσϯςΟςΟ લʙࠒ σβΠϯίϯαϧςΟϯάϑΝʔϜʹΑΔ ਓؒத৺σβΠϯʗΠϊϕʔγϣϯ ʮσβΠϯܦӦʯએݴʗσβΠϯਓࡐ ৫తͳΠϯϑϥͱͯ͠σβΠϯͷΈ
σβΠϯࢥߟ ඇσβΠφʔ͕ ରͷࢥߟ๏ σβΠφʔ͕ແҙࣝʹ͍ͬͯΔ࡞ۀͷਐΊํࢥߟ๏ आΓͯΠϊϕʔγϣϯΛى͜͢
None
σβΠϯࢥߟ ඇσβΠφʔ͕ ରͷࢥߟ๏ σβΠφʔ͕ແҙࣝʹ͍ͬͯΔ࡞ۀͷਐΊํࢥߟ๏ आΓͯΠϊϕʔγϣϯΛى͜͢
5IJOL8JUI:PVS)BOET ࡞Γͳ͕Βߟ͑Δ ɹɹɹɹɹߟ͑ͳ͕Β࡞Δ
ߟ͔͑ͯΒ࡞Δ ౷తʹߦΘΕ͍ͯΔ σβΠϯϓϩηε
5IJOL8JUI:PVS)BOET ࡞Γͳ͕Βߟ͑Δ ɹɹɹɹɹߟ͑ͳ͕Β࡞Δ తղܾ
#VJMEJOHUPUIJOL ԿΛ࡞Δ͔Λߟ͑ΔͷͰͳ͘ɺ ߟ͑ΔͨΊʹ࡞ΔͷͰ͢ ςΟϜɾϒϥϯɿ σβΠφʔͬͱେ͖͘ ߟ͑Δ͖ͩ IUUQTXXXZPVUVCFDPNXBUDI W6"JO-B5Y:
4LFUDI *OWJTJPO 'JHNB
.PO[P "UPN / 3FWPMVU Ϟϯκʔ ΞτϜόϯΫ ΤψτΡΤϯςΟγοΫε ϨϘϦϡʔτ νϟϨϯδϟʔόϯΫ
ैདྷͷۜߦۀք͕ͬͨ͜ͱͷͳ͍αʔϏεΛ σδλϧωΠςΟϒͨͪʹఏڙ͢Δ ࣍ੈͷۜߦͷΧλν νϟϨϯδϟʔόϯΫ
ɾσβΠϯܦӦ ɹΞδϟΠϧɺσβΠϯࢥߟ ɾਓࡐҭ ɹֶͼͷ৫ ɾػցֶश ɹσʔλαΠΤϯε ڞ௨
ɾσβΠϯܦӦ ɹΞδϟΠϧɺσβΠϯࢥߟ ɾਓࡐҭ ɹֶͼͷ৫ ɾػցֶश ɹσʔλαΠΤϯε খ͘͞ϦϦʔεɺվળɺνʔϜͰڞ༗ ڞ௨
None
None
5IJOL8JUI:PVS)BOET ࡞Γͳ͕Βߟ͑Δ ɹɹɹɹɹߟ͑ͳ͕Β࡞Δ తղܾ
None
None
Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ؍ ίʔυͱσβΠϯͷҰݩཧ %FTJHOUPLFO
࣋ଓՄೳͳӡ༻ ࣮ओٛ ։ൃํ
࣋ଓՄೳͳӡ༻
(FOFSBMJ[FE.BSLVQ-BOHVBHF (.- 4UBOEBSE(FOFSBMJ[FE.BSLVQ-BOHVBHF 4(.-
)ZQFSUFYU.BSLVQ-BOHVBHF )5.-
(FOFSBMJ[FE.BSLVQ-BOHVBHF (.- ࡞ऀ ൃߦ छྨ
֓ཁ ߏԽ (.-จॻ ʴ ࢹ֮දݱ ࣈମɿ)FMWFUJDB αΠζɿ ϙΠϯτ Ґஔɿதԝἧ͑
จॻͷߏͱදࣔํ๏Λͯ͠ɺ ൚༻తͳλά͚ΛՄೳʹͨ͜͠ͱͰɺ ෳͷυΩϡϝϯτΛҰճͷॲཧͰ ·ͱΊͯมߋ͢Δ͜ͱ͕Մೳʹͳͬͨ େͳυΩϡϝϯτΛޮΑ͘ཧͰ͖ΔΑ͏ʹͳͬͨ
(FOFSBMJ[FE.BSLVQ-BOHVBHF (.- 4UBOEBSE(FOFSBMJ[FE.BSLVQ-BOHVBHF 4(.-
)ZQFSUFYU.BSLVQ-BOHVBHF )5.-
)5.- 8FC ඪ४ʹ४ڌͨ͠ )5.- ಠ֦ࣗுͨ͠ )5.- ޙ ޙͷڥͰ
ӾཡͰ͖Δ ޙͷڥͰ ӾཡͰ͖Δ ಠ֦ࣗுͨ͠اۀ͕ ۀෆৼͰ։ൃΛఀࢭ ޙͷڥͰ શͯΛӾཡͰ͖ͳ͍ ޙ )5.- )5.- )5.- ޙ ඇӦརͷඪ४Խஂମ ʢ8$ʣ ͕ ϝϯςφϯε ඇӦརͷඪ४Խஂମ ʢ8$ʣ ͕ ϝϯςφϯε ޙ )5.- )5.-
(FOFSBMJ[FE.BSLVQ-BOHVBHF (.- 4UBOEBSE(FOFSBMJ[FE.BSLVQ-BOHVBHF 4(.-
)ZQFSUFYU.BSLVQ-BOHVBHF )5.- )ZQFSUFYU.BSLVQ-BOHVBHF *&5' 8$ )5.- )ZQFSUFYU.BSLVQ-BOHVBHF )5.- )ZQFSUFYU.BSLVQ-BOHVBHF )5.- )ZQFSUFYU.BSLVQ-BOHVBHF )5.- )ZQFSUFYU.BSLVQ-BOHVBHF 9)5.-
࣮ओٛ
Ҋ ઌߦ࣮ 8$ ϒϥβʔϕϯμʔ .JDSPTPGU "QQMF (PPHMF .P[JMMB'PVOEBUJPO 0QFSB4PGUXBSF ࠷ऴҊ
קࠂީิ קࠂҊ קࠂ ࣮
Ҋ ઌߦ࣮ ࣮ࡍʹࢼͯ͠ΈΔ ϑΟʔυόοΫ ෦తʹ࠾༻ શ໘తʹ࠾༻ ेͳ࣮ܦݧ ࣮ྫ 8$ ϒϥβʔϕϯμʔ
8FC ੍࡞ऀ .JDSPTPGU "QQMF (PPHMF .P[JMMB'PVOEBUJPO 0QFSB4PGUXBSF ࠷ऴҊ קࠂީิ קࠂҊ קࠂ ࣮
શʹ༷͕ܾఆ͔ͯ͠Β࣮͞ΕΔͷͰͳ͘ɺ ٞ͠ͳ͕Β࣮ࡍʹϒϥβʔͰࢼ͠ɺ ຊʹٻΊΒΕ͍ͯΔػೳ͔Ͳ͏͔ݕূ͠ͳ͕Β ࡦఆ࡞ۀ͕ਐΈ·͢
Ҋ ઌߦ࣮ ࣮ࡍʹࢼͯ͠ΈΔ ϑΟʔυόοΫ ෦తʹ࠾༻ શ໘తʹ࠾༻ ेͳ࣮ܦݧ ࣮ྫ 8$ ϒϥβʔϕϯμʔ
8FC ੍࡞ऀ .JDSPTPGU "QQMF (PPHMF .P[JMMB'PVOEBUJPO 0QFSB4PGUXBSF ࠷ऴҊ קࠂީิ קࠂҊ קࠂ ࣮
։ൃํ
ϓϩάϨογϒɾΤϯϋϯεϝϯτ 1SPHSFTTJWF&OIBODFNFOU
ج४ ݹ͍ϒϥβʔ ใ )5.- ࢹ֮දݱ $44 ಈతදݱ ࠷ઌදݱ +BWB4DSJQU 8FC(-
FUD ීٴ͍ͯ͠Δ ϒϥβʔ ࠷৽ͷ ϒϥβʔ
άϨΠεϑϧɾσάϥσʔγϣϯ (SBDFGVM%FHSBEBUJPO
ج४ ݹ͍ϒϥβʔ ใ )5.- ࢹ֮දݱ $44 ಈతදݱ ࠷ઌදݱ +BWB4DSJQU 8FC(-
FUD ීٴ͍ͯ͠Δ ϒϥβʔ ࠷৽ͷ ϒϥβʔ ࣭Λམͱ͢
ϨάϨογϒɾΤϯϋϯεϝϯτ 3FHSFTTJWF&OIBODFNFOU
ج४ ݹ͍ϒϥβʔ 1PMZpMM ใ )5.- ࢹ֮දݱ $44 ಈతදݱ ࠷ઌදݱ +BWB4DSJQU
8FC(- FUD ීٴ͍ͯ͠Δ ϒϥβʔ ࠷৽ͷ ϒϥβʔ ྗͣ͘Ͱ ରԠͤ͞Δ
ϓϩάϨογϒ Τϯϋϯεϝϯτ άϨΠεϑϧ σάϥσʔγϣϯ ϨάϨογϒ Τϯϋϯεϝϯτ ݹ͍ϒϥβʔ ݹ͍ϒϥβʔ ීٴ͍ͯ͠Δϒϥβʔ ਐతʹରԠ
ج४ ج४ ج४ ྗͣ͘ͰରԠ εΫϦϓτΛͬͯ ݟӫ͑Λ٘ਜ਼ʹͯ͠ ࣭ΛԼ͛ͯରԠ ਐతʹରԠ ࠷৽ͷϒϥβʔ ࠷৽ͷϒϥβʔ ࠷৽ͷϒϥβʔ ݹ͍ϒϥβʔ ීٴ͍ͯ͠Δϒϥβʔ ීٴ͍ͯ͠Δϒϥβʔ
None
None
Waterfall model
Minimum Viable Product ސ٬ʹՁΛఏڙͰ͖Δඞཁ࠷খݶͷ
None
Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ؍ ίʔυͱσβΠϯͷҰݩཧ %FTJHOUPLFO
Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ؍ ίʔυͱσβΠϯͷҰݩཧ %FTJHOUPLFO
Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ؍ ίʔυͱσβΠϯͷҰݩཧ %FTJHOUPLFO நతͳελΠϧͷఆٛ
ΧϥʔɾϚʔδϯ λΠϙάϥϑΟ άϦουɾΞΠίϯ ϒϥϯυ
Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ؍ ίʔυͱσβΠϯͷҰݩཧ %FTJHOUPLFO
Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ؍ ίʔυͱσβΠϯͷҰݩཧ %FTJHOUPLFO ࠶ར༻ՄೳͳϒϩοΫͷఆٛ
ϘλϯɾφϏήʔγϣϯ ΞΠςϜϦετɾΠϝʔδ ώʔϩʔɾهࣄɾΪϟϥϦʔ
Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ؍ ίʔυͱσβΠϯͷҰݩཧ %FTJHOUPLFO
Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ؍ ίʔυͱσβΠϯͷҰݩཧ %FTJHOUPLFO ϧʔϧͱίωΫγϣϯͷఆٛ
ใઃܭɾίϯςϯπݪଇ ྨɾࣙॻ ϞʔγϣϯɾΞΫηγϏϦςΟ ࣮ݱՄೳͳΈ߹Θͤํ