ユニークなデザインシステム改革

一般化や汎用性のあるデザインシステムではなく、「エモい命名」や「組織、プロダクトにあった設計」で作るユニークなデザインシステムを構築しよう。

Transcript

1. presented by Design system revolution with unique naming Ϣ χ ʔ Ϋ ͳ
   σ β Π ϯ γ ε ς Ϝ վ ֵ a ͍ ɺ
   Ұ ൠ Խ ͸ ΍ Ί Α ͏
    Ϙ ι ο
2. presented by ͸͡Ί·ͯ͠ Profile ٠஑
   ক࢙ Owls, Inc. ʛCDO ɾ%SFTTDBNQ
   
   ΞγελϯτσβΠφʔ
   ɾ,*/0
   
   ϝϯζϑΝογϣϯσβΠφʔ
   ɾ౦ژίϨΫγϣϯ
   
   ΦϦδφϧϒϥϯυͱͯ͠ࢀՃ
   ɾ#SVUP
   *OD
   
   σβΠφʔϓϥϯφʔ
   ɾϑϦʔϥϯεσβΠφʔ
   ɾ0XMT
   *OD
   
   $%0ʢνʔϑσβΠϯΦϑΟαʔʣ
3. presented by ͸͡Ί·ͯ͠ Profile اۀՁ஋ΛσβΠϯ͢Δ
   ίϯαϧςΟϯά
   σβΠϯΧϯύχʔ
4. presented by ͸͡Ί·ͯ͠ Profile
5. presented by ͸͡Ί·ͯ͠ Profile ͍ͭ͜
6. presented by ͸͡Ί·ͯ͠ Profile ͍ͭ͜ ͜ͷΠϕϯτͷΦʔΨφΠβʔ͕
   ʮεϙϯαʔ΍Βͳ͍ʁʯ
   ͬͯ༠ׂ͖ͬͯͨʹϦϛοτɹɹɹɹɹɹͳͷͰ
   μογϡͰ࿩͠·͢ɻ ෼
7. presented by 01.ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త 02.ඪ४Խ
   ʹ
   ಉ࣭Խʁ
   ʹ
   ӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ 03.࣮͸σβΠϯγεςϜ͸ϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ ͓࿩͢Δ͜ͱ Agenda
8. presented by 01. ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త
9. presented by ˠΞτϛοΫσβΠϯΛೖΕ͍ͨɻ
   ɻɻɻࠓͬΆ͍Β͍͠͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త
10. presented by ˠΞτϛοΫσβΠϯΛೖΕ͍ͨɻ
    ɻɻɻࠓͬΆ͍Β͍͠͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త ʢ͜Εئ๬ʣ
11. presented by ˠΞτϛοΫσβΠϯΛ࢖ͬͯӡ༻͍ͨ͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త
12. presented by ˠΞτϛοΫσβΠϯΛ࢖ͬͯӡ༻͍ͨ͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త ʢ͜Εئ๬ʣ
13. presented by ˠαʔϏε͕੒௕ͯ͠΋ઃܭࢥ૝͕଱͑͏Δӡ༻Λ͍ͨ͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త
14. presented by ˠαʔϏε͕੒௕ͯ͠΋ઃܭࢥ૝͕଱͑͏Δӡ༻Λ͍ͨ͠ 01.ΞτϛοΫσβΠϯΛಋೖ͢Δ໨త ʢ͜Εʂʣ
15. presented by 02. ඪ४Խ
    ʹ
    ಉ࣭Խʁ
    ʹ
    ӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍
16. presented by 02.ඪ४Խ
    ʹ
    ಉ࣭Խʁ
    ʹ
    ӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ Atomic Design ࣮ଶ ΄͑ʔɺ͔֬ʹΘ͔Δʔ
    ͜ΕͰ؅ཧͰ͖ͨΒΧοί͑͑ͳ͋ ATMOSʹΘ͔Δ
    MOLECULESʹ͏Μɻɻɻ
    ORGANISMSʹ͏Μʂʁ
    TEMPLATESʹ ΤϯδχΞ Θ͔Δɻ
    σβΠφ ʁʁʁ
    PAGES=
    ΤϯδχΞσβΠφʣ·͋·͋ɻɻɻ
17. presented by ҋਂ͗͢
    ࣄҊൃੜத 02.ඪ४Խ
    ʹ
    ಉ࣭Խʁ
    ʹ
    ӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍
18. presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ ͋͞ɺඪ४Խ໨ࢦ͠·͠ΐ͏ ORGANISMS 02.ඪ४Խ
    ʹ
    ಉ࣭Խʁ
    ʹ
    ӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ -W ίϯϙʔωϯτʢ-W ίϯϙʔωϯτͷίϯϙʔωϯτʢ-W TEMPLATES ҙຯΛ͍࣋ͯͬͯͳ͍ςϯϓϨʔτ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ
19. presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ ͋͞ɺඪ४Խ໨ࢦ͠·͠ΐ͏ ORGANISMS 02.ඪ४Խ
    ʹ
    ಉ࣭Խʁ
    ʹ
    ӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ -W ίϯϙʔωϯτʢ-W ίϯϙʔωϯτͷίϯϙʔωϯτʢ-W TEMPLATES ҙຯΛ͍࣋ͯͬͯͳ͍ςϯϓϨʔτ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ͋͞ɺ͋ͳͨ͸ͲΕʁ
20. presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ ͋͞ɺඪ४Խ໨ࢦ͠·͠ΐ͏ ORGANISMS 02.ඪ४Խ
    ʹ
    ಉ࣭Խʁ
    ʹ
    ӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ -W ίϯϙʔωϯτʢ-W ίϯϙʔωϯτͷίϯϙʔωϯτʢ-W TEMPLATES ҙຯΛ͍࣋ͯͬͯͳ͍ςϯϓϨʔτ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ߹Θͤͨ͘ͳͬͪΌ͏ΑͶ
    ϧʔϧ
21. presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ ͋͞ɺඪ४Խ໨ࢦ͠·͠ΐ͏ ORGANISMS 02.ඪ४Խ
    ʹ
    ಉ࣭Խʁ
    ʹ
    ӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ -W ίϯϙʔωϯτʢ-W ίϯϙʔωϯτͷίϯϙʔωϯτʢ-W TEMPLATES ҙຯΛ͍࣋ͯͬͯͳ͍ςϯϓϨʔτ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ׂͱࡉ͔͘ఆٛ͞ΕͯΔ෩ -Wදه͸֊૚ߏ଄
22. presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ Ծʹࢮ͵ؾͰ߹Θͤͨͱ͠Α͏ɻ ORGANISMS 02.ඪ४Խ
    ʹ
    ಉ࣭Խʁ
    ʹ
    ӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ
23. presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ Ծʹࢮ͵ؾͰ߹Θͤͨͱ͠Α͏ɻ ORGANISMS 02.ඪ४Խ
    ʹ
    ಉ࣭Խʁ
    ʹ
    ӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ࣮͸ɺଞαʔϏεͷίϯϙʔωϯτࢦ޲͕
    ϕʔεʹͳ͍ͬͯͨͨΊɺ
    ର৅αʔϏεͷߟ͑ํ͕վఆ͞Ε͹
    ่յ
24. presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ Ծʹࢮ͵ؾͰ߹Θͤͨͱ͠Α͏ɻ ORGANISMS 02.ඪ४Խ
    ʹ
    ಉ࣭Խʁ
    ʹ
    ӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ͦͯ͠΋ͪΖΜࢮ͵ؾͰ߹Θͤͨ#ࣾ΋
    ่յ ࣮͸ɺଞαʔϏεͷίϯϙʔωϯτࢦ޲͕
    ϕʔεʹͳ͍ͬͯͨͨΊɺ
    ର৅αʔϏεͷߟ͑ํ͕վఆ͞Ε͹
    ่յ
25. presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ Ծʹࢮ͵ؾͰ߹Θͤͨͱ͠Α͏ɻ ORGANISMS 02.ඪ४Խ
    ʹ
    ಉ࣭Խʁ
    ʹ
    ӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ͦͯ͠΋ͪΖΜࢮ͵ؾͰ߹Θͤͨ#ࣾ΋
    ่յ ࣮͸ɺଞαʔϏεͷίϯϙʔωϯτࢦ޲͕
    ϕʔεʹͳ͍ͬͯͨͨΊɺ
    ର৅αʔϏεͷߟ͑ํ͕վఆ͞Ε͹
    ่յ όϧεʂ
26. presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ ͋͞ɺඪ४Խ໨ࢦ͠·͠ΐ͏ ORGANISMS 02.ඪ४Խ
    ʹ
    ಉ࣭Խʁ
    ʹ
    ӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ -W ίϯϙʔωϯτʢ-W ίϯϙʔωϯτͷίϯϙʔωϯτʢ-W TEMPLATES ҙຯΛ͍࣋ͯͬͯͳ͍ςϯϓϨʔτ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ׂͱࡉ͔͘ఆٛ͞ΕͯΔ෩ -Wදه͸֊૚ߏ଄ͳͷͰѱ͘Θͳ͍ ଧͭखͳ͠
27. presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ ͋͞ɺඪ४Խ໨ࢦ͠·͠ΐ͏ ORGANISMS 02.ඪ४Խ
    ʹ
    ಉ࣭Խʁ
    ʹ
    ӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ -W ίϯϙʔωϯτʢ-W ίϯϙʔωϯτͷίϯϙʔωϯτʢ-W TEMPLATES ҙຯΛ͍࣋ͯͬͯͳ͍ςϯϓϨʔτ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ׂͱࡉ͔͘ఆٛ͞ΕͯΔ෩ -Wදه͸֊૚ߏ଄ͳͷͰѱ͘Θͳ͍ ͍͍͡Όͳ͍ͷΑɻ
    ϢχʔΫͳఆٛҰॹʹ࡞Ζ͏Α
28. presented by "ࣾͱ#ࣾͷΞτϛοΫσβΠϯͷఆٛ ATMOS MOLECULES "ࣾ #ࣾ ͋͞ɺඪ४Խ໨ࢦ͠·͠ΐ͏ ORGANISMS 02.ඪ४Խ
    ʹ
    ಉ࣭Խʁ
    ʹ
    ӡ༻͠΍͍͢ͱ͸ݴ͑ͳ͍ ཁૉ ҙຯΛ࣋ͨͳ͍άϧʔϓ ҙຯΛ࣋ͬͨίϯςϯπ TEMPLATES ίϯςφͳͲ͕ఆٛ͞Εͨ෺ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ATMOS MOLECULES ORGANISMS ཁૉ -W ίϯϙʔωϯτʢ-W ίϯϙʔωϯτͷίϯϙʔωϯτʢ-W TEMPLATES ҙຯΛ͍࣋ͯͬͯͳ͍ςϯϓϨʔτ PAGES ☝͕૊ΈΘͤΒΕͨϖʔδ ׂͱࡉ͔͘ఆٛ͞ΕͯΔ෩ -Wදه͸֊૚ߏ଄ͳͷͰѱ͘Θͳ͍ ΋͸΍σβΠϯγεςϜ͸
    ඪ४Խ͢Δ΂͖Ͱ͸ͳ͍ɻ
29. presented by 03. ࣮͸σβΠϯγεςϜ͸ϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ
30. presented by 03.࣮͸σβΠϯγεςϜ͸ϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ ͜͜Ͱ͍͖ͳΓ
    ϒϥϯυͷ࿩
31. presented by 03.࣮͸σβΠϯγεςϜ͸ϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ Ϛελʔϒϥϯυମܥ ϑϦʔελϯσ Οϯάϒϥϯυମܥ $* #*7* $* #*7* ϝϦοτ σϝϦοτ ϒϥϯυͷίϛϡχέʔγϣϯޮ཰͕͍͍ ѱධ͕શମʹٴͿՄೳੑ͕͋Δ ϑϦʔελϯσΟϯάϒϥϯυମܥ ϝϦοτ σϝϦοτ ݸผͷੈք؍Λࣗ༝ʹߏங ͦΕͧΕʹϚʔέςΟϯάίετ͕͔͔Δ
32. presented by 03.࣮͸σβΠϯγεςϜ͸ϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ ͳΜ͔ۙ͘ͳ͍ʁ
33. presented by 03.࣮͸σβΠϯγεςϜ͸ϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ Ϛελʔϒϥϯυମܥ ϑϦʔελϯσ Οϯάϒϥϯυମܥ $* #*7* $* #*7* "ࣾ #ࣾ ϝϦοτ σϝϦοτ ։ൃ޻਺͕গͳ͍ վम͕શମʹٴͿՄೳੑ͕͋Δ ϑϦʔελϯσΟϯάϒϥϯυମܥ ϝϦοτ σϝϦοτ ݸผͷੈք؍Λࣗ༝ʹߏங ͦΕͧΕʹ։ൃίετ͕͔͔Δ The Design System
34. presented by 03.࣮͸σβΠϯγεςϜ͸ϒϥϯσΟϯάͷ֓೦ͱ͍ۙͷΑ αʔϏε͝ͱʹ
    ࠷దԽ͞ΕͯવΔ΂͖
35. presented by ࠷ޙʹ Epilogue " 5 - " 4 4 * " / " J S C O C 4 Q P U J G Z
36. presented by ࠷ޙʹ Epilogue ا ۀ Ձ ஋ Λ σ β Π ϯ ͢ Δ ೔ ຊ ͸  ೥ 6 4 ͔ Β ஗ Ε ͯ ͍ · ͢ ɻ
    σ β Π ϯ γ ε ς Ϝ ͸ ੈ ք Ͱ ͸ ΋ ͸ ΍ ඪ ४ ͱ ͳ Γ ͭ ͭ ͋ Γ · ͢ ɻ ͦ ͷ ߟ ͑ ͸ ɺ ج ຊ ଟ ༷ Խ ͠ ͯ ͍ · ͢ ɻ
37. presented by ࠷ޙʹ Epilogue Ұ ॹ ʹ ࡞ Ζ ͏ Ξ ΢ ϧ ε ͸ ί ϯ α ϧ ܕ ͷ σ β Π ϯ ૊ ৫ ɻ
    ক དྷ ࣗ ෼ Ͱ ࣄ ۀ Λ ى ͜ ͠ ͨ ͍ ਓ ɺ ݸ ͷ ྗ Λ ࠷ େ Խ ͞ ͤ ͨ ͍ ਓ ͸
    Π ϊ ϕ ʔ γ ϣ ϯ ͷ ۙ ͘ ʹ ͍ ͳ ͚ Ε ͹ ͍ ͚ ͳ ͍ ɻ
38. presented by ࠷ޙʹ Epilogue Ұ ॹ ʹ ࡞ Ζ ͏ ༷ ʑ ͳ α ʔ Ϗ ε ͱ Ϗ δ ω ε ʹ ৮ Ε ͯ ɺ ࠓ ׆ ͖ Δ ٕ ज़ Ͱ ͸ ͳ ͘ ɺ
    ະ དྷ ͷ ࣗ ෼ ͷ ͨ Ί ͷ ܦ ݧ ʹ ౤ ࢿ ͠ Α ͏ ɻ
39. presented by '*/