マテリアルデザインの起源とベースとなる哲学

ϚςϦΞϧσβΠϯͷىݯͱϕʔεͱͳΔ఩ֶ Presenter : Kentaro Sata - 2019/02/07 -

PROFILE AndroidΤϯδχΞ — FiNC Technologiesʹॴଐ — ίϛϡχςΟʔػೳΛ։ൃ͢ΔνʔϜͷTL Ωϟϯύʔ — ฏۉ͢ΔͱҰ݄ʹ1ճҎ্͸ςϯτੜ׆
— ݱࡏ͸ݐஙՈͷ༑ਓͱςϯτΛσβΠϯத (https://twitter.com/ SataKentaro) ݐங — ֶੜ࣌୅͸ݐஙσβΠϯΛઐ߈ Kentaro Sata (Ωϟϯϓͷ͑Μ͡ʹ͋) AndroidΤϯδχΞ / Ωϟϯύʔ / ݐங

͸͡Ίʹ Introduction

͸͡Ίʹ Introduction ͜Μͳ΍ΓͱΓ͋Γ·ͤΜ͔ʁ ʮ"OESPJEͷ6*͸J04ͱಉ͡Ͱʂʯ σβΠφʔ

͸͡Ίʹ Introduction ʮ"OESPJE͸ϚςϦΞϧσβΠϯ͔ͩΒJ04ʹἧ͑Δ΂͖Ͱ͸ͳ͍ʯ ʮͦΕ͸ϚςϦΞϧσβΠϯΨΠυϥΠϯʹ൓ͯ͠ΔɻΨΠυϥΠϯʹै͏΂͖ʯ ͦΕʹର͢Δ"OESPJEΤϯδχΞͱͯ͠ͷ൓࿦ͷ਺ʑ ʮ"OESPJEϢʔβʔ͸ϚςϦΞϧσβΠϯʹ׳Ε͍ͯΔ͔Βʯ ʮ"OESPJEΒ͍͠σβΠϯͬͯ΋ͷ͕͋Δʯ

͸͡Ίʹ Introduction ຊ౰ʹͦΕ͕ॏཁͳΜͰ͠ΐ͏͔ʁ

͸͡Ίʹ Introduction ͦ΋ͦ΋ɺ୭͕࡞͔ͬͨΛ஌͍ͬͯ·͔͢ʁ

͸͡Ίʹ Introduction ϚςΟΞεɾσϡΞϧς .BUJBT%VBSUF ग़యIUUQCJUMZ3;&94

% 1SJOUJOH %FTJHO -BOHVBHF .FUBQIPS 5FDIOPMPHZ 1IZTJDT ͸͡Ίʹ Introduction

% 1SJOUJOH %FTJHO -BOHVBHF .FUBQIPS 5FDIOPMPHZ 1IZTJDT ͸͡Ίʹ Introduction Philosophy

͸͡Ίʹ Introduction

% 1SJOUJOH %FTJHO -BOHVBHF .FUBQIPS 5FDIOPMPHZ 1IZTJDT ͸͡Ίʹ Introduction

͸͡Ίʹ Introduction ϚςΟΞεɾσϡΞϧς .BUJBT%VBSUF

͸͡Ίʹ Introduction - history -

͸͡Ίʹ Introduction σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞ΕͨͷʁdσβΠϯͱΞʔτͷྺ࢙d ՝୊͸Կʁd.BUJBT%VBSUFͷҙࢥͱ఩ֶd ຊདྷͷ՝୊Λ;·͑ͯd͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํd "HFOEB

σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ ~σβΠϯͱΞʔτͷྺ࢙~ History of Design Iteration. ~History of Design &
Art~ - 01 -

σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ ~σβΠϯͱΞʔτͷྺ࢙~ History of Design Iteration. ~History of Design &
Art~ WT ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ

History of Design Iteration. ~History of Design & Art~ σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ
~σβΠϯͱΞʔτͷྺ࢙~ 2019 1760

~σβΠϯͱΞʔτͷྺ࢙~ 2019 1760 ग़యIUUQCJUMZ4DJO ࢈ۀֵ໋ ੜ࢈ੑ߹ཧੑ

~σβΠϯͱΞʔτͷྺ࢙~ 2019 1760 ग़యIUUQCJUMZ4DJO ࢈ۀֵ໋ ੜ࢈ੑ߹ཧੑ ѹ౗తੜ࢈ੑര஀

~σβΠϯͱΞʔτͷྺ࢙~ 2019 1760 ग़యIUUQCJUMZ6TV)J WT ग़యIUUQCJUMZ4DJO ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ ଟ༷ੑݸੑ

ग़యIUUQCJUMZ6TV)J ग़యIUUQCJUMZ4I11 History of Design Iteration. ~History of Design &
Art~ σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ ~σβΠϯͱΞʔτͷྺ࢙~ 2019 1760 ѹ౗తͳଟ༷ੑݸੑʹภ͍ͬͯ͘ ଟ༷ੑݸੑ (P(Pʂ

ग़యIUUQCJUMZ6U&EL6 ग़యIUUQCJUMZ4,[ History of Design Iteration. ~History of Design &
Art~ σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ ~σβΠϯͱΞʔτͷྺ࢙~ 2019 1760 ੜ࢈ੑ߹ཧੑ ੜ࢈ੑ߹ཧੑ΁ͷ༳Γ໭͠

ग़యIUUQCJUMZ6U&EL6 History of Design Iteration. ~History of Design & Art~
σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ ~σβΠϯͱΞʔτͷྺ࢙~ 2019 1760 ଟ༷ੑݸੑ ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ WT ग़యIUUQCJUMZ4,5*Y ग़యIUUQCJUMZ6TV)J

ग़యIUUQCJUMZ4,5*Y History of Design Iteration. ~History of Design & Art~
σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ ~σβΠϯͱΞʔτͷྺ࢙~ 2019 1760 ଟ༷ੑݸੑ (P(Pʂ ग़యIUUQCJUMZ6,W6V ѹ౗తͳଟ༷ੑݸੑʹภͬͨ΋ͷ΋ݱΕΔ ग़యIUUQCJUMZ4YHTT

~σβΠϯͱΞʔτͷྺ࢙~ 2019 1760 WT ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ

~σβΠϯͱΞʔτͷྺ࢙~ 2019 1760 ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ

~σβΠϯͱΞʔτͷྺ࢙~ 2019 1760 6*69σβΠϯ

~σβΠϯͱΞʔτͷྺ࢙~ 2019 1760 ϚςϦΞϧσβΠϯര஀ ग़యIUUQTNBUFSJBMJP

ୈҰষ σβΠϯͱΞʔτͷྺ࢙ ·ͱΊ σβΠϯͬͯࠓ·ͰͲΜͳࢼߦࡨޡ͕ͳ͞Εͨͷʁ ~σβΠϯͱΞʔτͷྺ࢙~ History of Design Iteration. ~History
of Design & Art~ ϚςϦΞϧσβΠϯ͸ͦΜͳݱ୅ʹੜ·Εͨ ᶃσβΠϯʹ͸ʮੜ࢈ੑ߹ཧੑWTଟ༷ੑݸੑʯͷมભ͕͋ͬͨ ᶄݱ୅͸ੜ࢈తͳσβΠϯݪଇͷՁ஋ΛೝΊɺଟ༷ੑΛ໛ࡧ͢Δ࣌୅ ᶅ6*69σβΠϯͱ͍͏৽δϟϯϧ͕ՃΘͬͨݱ୅

ຊདྷͷ՝୊͸Կʁ ~Matias Duarteͷҙࢥͱ఩ֶ~ what’s the subject? ~Purpose & Philosophy of
Matias Duarte~ - 02 -

ᶃσβΠϯʹ͸ʮੜ࢈ੑ߹ཧੑWTଟ༷ੑݸੑʯͷมભ͕͋ͬͨ ᶄݱ୅͸ੜ࢈తͳσβΠϯݪଇͷՁ஋ΛೝΊɺଟ༷ੑΛ໛ࡧ͢Δ࣌୅ ᶅ6*69σβΠϯͱ͍͏৽δϟϯϧ͕ՃΘͬͨݱ୅ ϚςϦΞϧσβΠϯ͸ͦΜͳݱ୅ʹੜ·Εͨ ຊདྷͷ՝୊͸Կ? ~Matias Duarteͷҙࢥͱ఩ֶ~ what’s the subject?~Purpose
& Philosophy of Matias Duarte~

ᶃ҆ఆతͳσβΠϯͱੜ࢈ੑ ރΕͨҹ࡮σβΠϯٕज़ͷ׆༻ ᶄଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥ ᶅࠜݯతʹྑ͍6*69 ೴ʹ΍͍͞͠৺གྷΔମݧ ᶃσβΠϯʹ͸ʮੜ࢈ੑ߹ཧੑWTଟ༷ੑݸੑʯͷมભ͕͋ͬͨ ᶄݱ୅͸ੜ࢈తͳσβΠϯݪଇͷՁ஋ΛೝΊɺଟ༷ੑΛ໛ࡧ͢Δ࣌୅ ᶅ6*69σβΠϯͱ͍͏৽δϟϯϧ͕ՃΘͬͨݱ୅ ຊདྷͷ՝୊͸Կ? ~Matias
Duarteͷҙࢥͱ఩ֶ~ what’s the subject?~Purpose & Philosophy of Matias Duarte~

ຊདྷͷ՝୊͸Կ? ~Matias Duarteͷҙࢥͱ఩ֶ~ what’s the subject?~Purpose & Philosophy of Matias
Duarte~ ϚςΟΞεɾσϡΞϧς .BUJBT%VBSUF ग़యIUUQCJUMZ3;&94

Matias Duarteͷҙࢥ ͦͷೋ ~ރΕͨҹ࡮σβΠϯٕज़ͷ׆༻~ 01 / 03 ຊདྷͷ՝୊͸Կ? ~Matias Duarteͷҙࢥͱ఩ֶ~
what’s the subject?~Purpose & Philosophy of Matias Duarte~

2019 1760 WT ੜ࢈ੑ߹ཧੑ ଟ༷ੑݸੑ ຊདྷͷ՝୊͸Կ? ~Matias Duarteͷҙࢥͱ఩ֶ~ what’s the
subject?~Purpose & Philosophy of Matias Duarte~

ग़యIUUQCJUMZ6U&EL6 ग़యIUUQCJUMZ4,[ 2019 1760 ੜ࢈ੑ߹ཧੑ ੜ࢈త߹ཧతͳσβΠϯݪଇ ຊདྷͷ՝୊͸Կ? ~Matias Duarteͷҙࢥͱ఩ֶ~ what’s
the subject?~Purpose & Philosophy of Matias Duarte~

ग़యIUUQCJUMZ4,[ 2019 1760 ੜ࢈ੑ߹ཧੑ ϙελʔσβΠϯ ຊདྷͷ՝୊͸Կ? ~Matias Duarteͷҙࢥͱ఩ֶ~ what’s the
subject?~Purpose & Philosophy of Matias Duarte~

Duarte~ ҆ఆతͳσβΠϯͱੜ࢈ੑ

Matias Duarteͷҙࢥ ͦͷࡾ ~ଟ༷ੑ~ 02 / 03 ຊདྷͷ՝୊͸Կ? ~Matias Duarteͷҙࢥͱ఩ֶ~

.BUFSJBM%FTJHO .BUFSJBM%FTJHO .BUFSJBM%FTJHO .BUFSJBM%FTJHO BQQ BQQ BQQ BQQ ຊདྷͷ՝୊͸Կ? ~Matias

.BUFSJBM%FTJHO *OGSB BQQ BQQ BQQ BQQ UIJTJT8IBU*NQPSUBOU ຊདྷͷ՝୊͸Կ? ~Matias Duarteͷҙࢥͱ఩ֶ~

Duarte~ ଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥ

Matias Duarteͷҙࢥ ͦͷҰ ~೴ʹ΍͍͞͠৺གྷΔମݧ~ 03 / 03 BIPL ຊདྷͷ՝୊͸Կ? ~Matias

ϚςϦΞϧ ϝλϑΝʔ ൺᄻ ૝૾ྗΛܹࢗ͢Δຐ๏ͷΑ͏ͳମݧ )PXUIF.BUFSJBM%FTJHOJT Պֶٕज़ͷֵ৽ੑͱՄೳੑΛ༥߹ͤͨ͞ࢹ֮ݴޠ ຊདྷͷ՝୊͸Կ? ~Matias Duarteͷҙࢥͱ఩ֶ~ what’s

UIBU`TBDBNFSB 453&44'6- ೝ஌Պֶ ຊདྷͷ՝୊͸Կ? ~Matias Duarteͷҙࢥͱ఩ֶ~ what’s the subject?~Purpose &
Philosophy of Matias Duarte~ XIBU`TUIJTEBEEZ /0/&453&44

Duarte~

Duarte~ *`N

Duarte~

Duarte~ BQQMFGBMMT

-JHIU4IBEPXT 4VSGBDF .PUJPO ຊདྷͷ՝୊͸Կ? ~Matias Duarteͷҙࢥͱ఩ֶ~ what’s the subject?~Purpose &
Philosophy of Matias Duarte~ /0/&453&44

Duarte~ ೴ʹ΍͍͞͠

ϚςϦΞϧ ϝλϑΝʔ ൺᄻ ૝૾ྗΛܹࢗ͢Δຐ๏ͷΑ͏ͳମݧ )PXUIF.BUFSJBM%FTJHOJT Պֶٕज़ͷֵ৽ੑͱՄೳੑΛ༥߹ͤͨ͞ࢹ֮ݴޠ ຊདྷͷ՝୊͸Կ? ~Matias Duarteͷҙࢥͱ఩ֶ~ what’s

IFSF ࢹ֮໺ ຊདྷͷ՝୊͸Կ? ~Matias Duarteͷҙࢥͱ఩ֶ~ what’s the subject?~Purpose & Philosophy
of Matias Duarte~

Duarte~

Duarte~ ‼

Duarte~

Duarte~ ʁPLHPBIFBE

Duarte~ *OUFSFTUJOH✨ 8PPP✨

Duarte~ 8PPP✨ ৺གྷΔ

Duarte~ ೴ʹ΍͍͞͠ମݧ ࣗ༝ͳಈ͖Ͱ৺གྷΔମݧ

ࠜݯతʹྑ͍6*69 ೴ʹ΍͍͞͠৺གྷΔମݧ Matias Duarteͷҙࢥ ·ͱΊ ~ଟ༷ͳϢʔβʔՁ஋ͱੜ࢈ੑ~ ҆ఆతͳσβΠϯͱੜ࢈ੑ ރΕͨҹ࡮σβΠϯٕज़ͷ׆༻ ଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥ ຊདྷͷ՝୊͸Կ?
~Matias Duarteͷҙࢥͱ఩ֶ~ what’s the subject?~Purpose & Philosophy of Matias Duarte~

ຊདྷͷ՝୊Λ;·͑ͯ ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~ Based on subjects of Material Design ~How we
use Material Design~ - 03 -

ͦͷલʹɺୈҰষͱୈೋষΛ͓͞Β͍ ຊདྷͷ՝୊Λ;·͑ͯ ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~ Based on subjects of Material Design. ~How
we use Material Design~

ୈҰষ σβΠϯͱΞʔτͷྺ࢙ ·ͱΊ ຊདྷͷ՝୊Λ;·͑ͯ ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~ Based on subjects of Material
Design. ~How we use Material Design~ ϚςϦΞϧσβΠϯ͸ͦΜͳݱ୅ʹੜ·Εͨ ᶃσβΠϯʹ͸ʮੜ࢈ੑ߹ཧੑWTଟ༷ੑݸੑʯͷมભ͕͋ͬͨ ᶄݱ୅͸ੜ࢈తͳσβΠϯݪଇͷՁ஋ΛೝΊɺଟ༷ੑΛ໛ࡧ͢Δ࣌୅ ᶅ6*69σβΠϯͱ͍͏৽δϟϯϧ͕ՃΘͬͨݱ୅

Matias Duarteͷҙࢥ ·ͱΊ ~ଟ༷ͳϢʔβʔՁ஋ͱੜ࢈ੑ~ ຊདྷͷ՝୊Λ;·͑ͯ ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~ Based on subjects of
Material Design. ~How we use Material Design~ ࠜݯతʹྑ͍6*69 ೴ʹ΍͍͞͠৺གྷΔମݧ ҆ఆతͳσβΠϯͱੜ࢈ੑ ރΕͨҹ࡮σβΠϯٕज़ͷ׆༻ ଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥ

ࠜݯతʹྑ͍6*69 ҆ఆతͳσβΠϯͱੜ࢈ੑ ଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥ ຊདྷͷ՝୊Λ;·͑ͯ ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~ Based on subjects of Material
Design. ~How we use Material Design~

ࠜݯతʹྑ͍6*69ˠαʔϏεͱͯ͠ͷϢʔβʔମݧ ҆ఆతͳσβΠϯͱੜ࢈ੑˠσβΠϯޮ཰ɺ։ൃޮ཰ ଟ༷ੑΛఏڙͰ͖ΔΠϯϑϥˠಠࣗͷϒϥϯυՁ஋ ຊདྷͷ՝୊Λ;·͑ͯ ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~ Based on subjects of Material
Design. ~How we use Material Design~

Based on subjects of Material Design. ~How we use Material
Design~ ʮ"OESPJEͷ6*͸J04ͱಉ͡Ͱʂʯ σβΠφʔ ຊདྷͷ՝୊Λ;·͑ͯ ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~

σβΠφʔͷൃݴͷഎܠ αʔϏεͱͯ͠ͷϢʔβʔମݧͱͯ͠Θ͔Γ΍͍͢ͱࢥ͍ͬͯΔ σβΠφʔͱͯ͠ޮ཰తͩͱࢥ͍ͬͯΔ ಠࣗͷϒϥϯυՁ஋ͱͯ͠౷Ұ͍ͨ͠ͱࢥ͍ͬͯΔ ຊདྷͷ՝୊Λ;·͑ͯ ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~ Based on subjects of
Material Design. ~How we use Material Design~

αʔϏεͱͯ͠ͷϢʔβʔମݧͱͯ͠Θ͔Γ΍͍͢ͱࢥ͍ͬͯΔ %SBXFS #PUUPN/BWJHBUJPO ग़యIUUQCJUMZ6,/32U Based on subjects of Material Design.
~How we use Material Design~ ຊདྷͷ՝୊Λ;·͑ͯ ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~

σβΠφʔͱͯ͠ޮ཰తͩͱࢥ͍ͬͯΔ ग़యIUUQCJUMZ4C2YD/ "OESPJE6* J046* Based on subjects of Material Design.
~How we use Material Design~ ຊདྷͷ՝୊Λ;·͑ͯ ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~

ಠࣗͷϒϥϯυՁ஋ͱͯ͠౷Ұ͍ͨ͠ͱࢥ͍ͬͯΔ GPOU DPMPS ग़యIUUQCJUMZ6*"Z[) ग़యIUUQCJUMZ6'6)(' Based on subjects of Material
Design. ~How we use Material Design~ ຊདྷͷ՝୊Λ;·͑ͯ ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~

ಠࣗͷϒϥϯυՁ஋ͱͯ͠౷Ұ͍ͨ͠ͱࢥ͍ͬͯΔ .BUFSJBM5IFNJOH ग़యIUUQCJUMZ6):#JX Based on subjects of Material Design. ~How
we use Material Design~ ຊདྷͷ՝୊Λ;·͑ͯ ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~

݁࿦ ~ϚςϦΞϧσβΠϯͷ߹ཧੑΛۛຯ͠ଟ༷ੑΛՃ͑Δ~ αʔϏεͱͯ͠ͷϢʔβʔମݧ σβΠϯޮ཰ɺ։ൃޮ཰ ಠࣗͷϒϥϯυՁ஋ Based on subjects of Material
Design. ~How we use Material Design~ ຊདྷͷ՝୊Λ;·͑ͯ ~͜Ε͔ΒͷϚςϦΞϧσβΠϯͱͷ෇͖߹͍ํ~

͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ Kentaro Sata - THANK YOU -

マテリアルデザインの起源とベースとなる哲学

マテリアルデザインの起源とベースとなる哲学

More Decks by KENTARO SATA

Other Decks in Design

Featured

Transcript