Upgrade to Pro — share decks privately, control downloads, hide ads and more …

2020.4.22

Avatar for YoujiSakai YoujiSakai
April 22, 2020
Design
170
0

 2020.4.22

2020.4.22 AM

Avatar for YoujiSakai

YoujiSakai

April 22, 2020

More Decks by YoujiSakai

See All by YoujiSakai
2020.11.12
Avatar for YoujiSakai youjisakai
0
380
20200720
Avatar for YoujiSakai youjisakai
0
300
研修用
Avatar for YoujiSakai youjisakai
3
180
2020.4.22
Avatar for YoujiSakai youjisakai
0
200
2020.1.08
Avatar for YoujiSakai youjisakai
2
310
Project Aeroで実現する！グラフィックデザイナーやwebデザイナーも挑戦できるARコンテンツ制作
Avatar for YoujiSakai youjisakai
0
520
20191119
Avatar for YoujiSakai youjisakai
1
170
20190903-AM.pdf
Avatar for YoujiSakai youjisakai
0
300
2019.9.3 PM
Avatar for YoujiSakai youjisakai
1
260

Other Decks in Design

See All in Design
Bet AI Day 2026丨デザインハーネス：専門職の判断基準をコードのように運用する
Avatar for LayerX layerx
PRO
1
1.9k
開閉UIのアニメーション設計
Avatar for hiro hiro0218
2
1k
デザインワークフローの最前線。 ログラスでのAI活用の現在地
Avatar for Kaori Ueda ukaoli
1
2k
Claudeもくもく会、はじめませんか？
Avatar for yusukeiyoda yusukeiyoda
0
200
ISO 9241-171:2025っていうのがあってな
Avatar for Shoji Ohashi shosira
1
270
デザインとフロントエンドの境界が融ける Claude Code × Figma
Avatar for littlebusters littlebusters
2
3.4k
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
2
510
Signull 団体説明資料
Avatar for Signull signull
0
800
【CEDEC2026】派手さと見やすさは両立できる！『Shadowverse: Worlds Beyond』エフェクト・3D背景の超進化したビジュアル設計
Avatar for Cygames, Inc. cygames
PRO
1
1.8k
デザイン組織の"次の"強みづくり
Avatar for 井斉花織（いおり） isaikaori
2
180
Frontier
Avatar for Renny Wang rwang05
0
200
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
Avatar for Chris Hass deadlinepoet
0
360

Featured

See All Featured
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
990
The B2B funnel & how to create a winning content strategy
Avatar for Katarina Dahlin katarinadahlin
PRO
1
500
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
Avatar for Christian Goodrich cargoodrich
3
800
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
Navigating Team Friction
Avatar for Lara Hogan lara
192
16k
Designing for Timeless Needs
Avatar for Cassini Nazir cassininazir
1
460
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
Avatar for Dan Newman danielanewman
230
23k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Art, The Web, and Tiny UX
Avatar for Lynn Fisher lynnandtonic
304
22k
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
680
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.3k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
Avatar for Aleyda Solis aleyda
1
2.1k

Transcript

  1. IUUQTTQFDUSVNBEPCFDPN

  2. IUUQTXXXBEPCFDPNQSPEVDUTYEEFTJHOTZTUFNTIUNM

  3. None

  4. IUUQTXXXBEPCFDPNQSPEVDUTYEEFTJHOTZTUFNTIBDLUIFEFTJHOTZTUFNJEFBOFCPPLIUNM

  5. IUUQTXXXBEPCFDPNQSPEVDUTYEEFTJHOTZTUFNTIBDLUIFEFTJHOTZTUFNJEFBOFCPPLIUNM

  6. None

  7. ૊৫ͷن໛ͱσβΠϯγεςϜ

  8. None
  9. None
  10. None

  11. Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ஋؍ ίʔυͱσβΠϯͷҰݩ؅ཧ %FTJHOUPLFO

  12. Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ஋؍ ίʔυͱσβΠϯͷҰݩ؅ཧ %FTJHOUPLFO

  13. σβΠϯγεςϜͷྺ࢙

  14. Design Systems σβΠϯγεςϜ

  15. TUBOEBSETNBOVBM /FX:PSL$JUZ 5SBOTJU"VUIPSJUZ (SBQIJDT4UBOEBSET.BOVBM %FTJHOFECZ.BTTJNP7JHOFMMJɹBOE#PC/PPSEB 6OJNBSL  IUUQTTUBOEBSETNBOVBMDPNQSPEVDUTOZDUBDPNQBDUFEJUJPO

  16. TUBOEBSETNBOVBM /BUJPOBM"FSPOBVUJDTBOE 4QBDF"ENJOJTUSBUJPO (SBQIJDT4UBOEBSET.BOVBM %FTJHOFECZ3JDIBSE%BOOFBOE#SVDF#MBDLCVSO  %BOOF#MBDLCVSO  IUUQTTUBOEBSETNBOVBMDPNQSPEVDUTOBTBHSBQIJDTTUBOEBSETNBOVBM

  17. TUBOEBSETNBOVBM /BUJPOBM"FSPOBVUJDTBOE 4QBDF"ENJOJTUSBUJPO (SBQIJDT4UBOEBSET.BOVBM %FTJHOFECZ3JDIBSE%BOOFBOE#SVDF#MBDLCVSO  %BOOF#MBDLCVSO  IUUQTTUBOEBSETNBOVBMDPNQSPEVDUTOBTBHSBQIJDTTUBOEBSETNBOVBM

  18. None

  19. Spectrum ɹ"EPCFͷσβΠϯγεςϜ

  20. Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ஋؍ ίʔυͱσβΠϯͷҰݩ؅ཧ %FTJHOUPLFO

  21. None
  22. None
  23. None
  24. None
  25. None
  26. None
  27. None

  28. εΫϥϜνʔϜ

  29. None
  30. None
  31. None
  32. None
  33. None
  34. None
  35. None

  36. σβΠϯࢥߟ͕ੈքΛม͑Δ ʤΞοϓσʔτ൛ʥ ΠϊϕʔγϣϯΛಋ͘৽͍͠ߟ͑ํ ӅΕͨχʔζΛ୳Γग़͠ɺඈ༂తൃ૝Ͱ ੜ׆Λ๛͔ʹ͢ΔʮσβΠϯࢥߟʯɻ ͦͷํ๏࿦Λੈքʹ޿Ίͨ఻આతͳ *%&0ͷ$&0͕ɺץߦप೥Λظʹ ಺༰Λ࡮৽ɻ

  37. ʙ೥લ൒ ༗໊σβΠφʔʹΑΔ#*ʗ$*ʢاۀϒϥϯσΟϯάʣ ϒϥϯσΟϯάΞΠσϯςΟςΟɺίʔϙϨʔτΞΠσϯςΟςΟ

  38. ʙ೥લ൒ ༗໊σβΠφʔʹΑΔ#*ʗ$*ʢاۀϒϥϯσΟϯάʣ ϒϥϯσΟϯάΞΠσϯςΟςΟɺίʔϙϨʔτΞΠσϯςΟςΟ ೥લ൒ʙ೥ࠒ σβΠϯίϯαϧςΟϯάϑΝʔϜʹΑΔ ਓؒத৺σβΠϯʗΠϊϕʔγϣϯ

  39. ʙ೥લ൒ ༗໊σβΠφʔʹΑΔ#*ʗ$*ʢاۀϒϥϯσΟϯάʣ ϒϥϯσΟϯάΞΠσϯςΟςΟɺίʔϙϨʔτΞΠσϯςΟςΟ ೥લ൒ʙ೥ࠒ σβΠϯίϯαϧςΟϯάϑΝʔϜʹΑΔ ਓؒத৺σβΠϯʗΠϊϕʔγϣϯ ೥ ʮσβΠϯܦӦʯએݴʗσβΠϯਓࡐ ૊৫తͳΠϯϑϥͱͯ͠σβΠϯͷ࢓૊Έ

  40. σβΠϯܦӦܦࡁ࢈ۀল IUUQTXXXNFUJHPKQQSFTTQEG

  41. ΞοϓϧɺμΠιϯɺྑ඼ܭըɺϚπμɺϝϧΧϦɺ "JSCOCͳͲͷ#UP$اۀͷΈͳΒͣɺεϦʔΤ Ϝɺ*#.ͷΑ͏ͳ#UP#اۀ΋ɺσβΠϯΛاۀͷ ܦӦઓུͷத৺ʹਾ͓͑ͯΓɺʮσβΠϯܦӦʯ ͷ࣮ફاۀɾ੒ޭاۀͱ͍͏͜ͱ͕ݴ͑Δɻ σβΠϯܦӦܦࡁ࢈ۀল IUUQTXXXNFUJHPKQQSFTTQEG

  42. 2012

  43. ೥ɺܦӦ૚ʹ$%0 ʢ$IJFG%FTJHO0⒏DFSɿ ࠷ߴσβΠϯ੹೚ऀʣΛઃஔ Ϛ΢ϩɾϙϧνʔχ͕ब೚ &ODBOUP1VCMJD3FMBUJPOT%FTJHOBOE13.BVSP1PSDJOJ 1FQTJDP$IJFG%FTJHO0⒏DFS FOHMJTIWFSTJPO  IUUQXXXFODBOUPQVCMJDSFMBUJPOTDPNEFTJHOBOEQSNBVSPQPSDJOJQFQTJDPIUNM

  44. δχʔɾϩϝοςΟʢ೥ʹ$&0ʹब೚ʣ͕ σβΠϯܦӦΛਪਐɺಉ೥ɺ*#.%FTJHOͱ͍͏ ૊৫Λઃஔɻ θωϥϧɾϚωʔδϟʔʹ ϑΟϧɾΪϧόʔτ *#.ͷσβΠϯࢥߟͷ఻ಓࢣɺϑΟϧɾΪϧόʔτࢯ͸೔ຊͰԿΛޠΔ͔ IUUQTCJ[[JOFKQBSUJDMFEFUBJM σβΠϯͱσβΠϯࢥߟͷΧϧνϟʔΛ *#.ʹਁಁͤ͞Δ Mission

  45. μάɾύ΢Τϧ͕σβΠφʔͱͯ͠ཧࣄʹब೚ ʢ*#.Ͱ͸ॳʣ σβΠϯࢥߟ͕΋ͨΒ͢Ϗδωεมֵʂ มΘΓΏ͘σβΠφʔͷ໾ׂ IUUQTXXXJCNDPNUIJOLKQKBCVTJOFTTEFTJHOUIJOLJOH

  46. ݄೔෇Ͱ৽ઃͷ໾৬ $%0ʢ$IJFG%FTJHO 0⒏DFSʣʹब೚͢Δ͜ͱ͕ ใ͡ΒΕͨ ೥݄೔ɺδϣφαϯɾΞΠϒ͕ +POZ*WFOFBSMZRVJU"QQMF CVUJOTUFBECFDBNF 4UFWF+PCTTTQJSJUVBMQBSUOFS IUUQXXXFDPUJJO6)8KB

  47. σβΠϯܦӦͷඞཁ৚݅ ɾܦӦνʔϜʹσβΠϯͷ ɹ੹೚ऀʢσβΠϯΦϑΟαʔʣ͕͍Δ ɹ$%0νʔϑσβΠϯΦϑΟαʔ ɾࣄۀઓུߏஙͷ࠷্ྲྀ͔ΒσβΠϯͷνʔϜ͕ ɹؔ༩͍ͯ͠Δ

  48. σβΠϯࢥߟ ඇσβΠφʔ͕ ର৅ͷࢥߟ๏ σβΠφʔ͕ແҙࣝʹ΍͍ͬͯΔ࡞ۀͷਐΊํ΍ࢥߟ๏ आΓͯΠϊϕʔγϣϯΛى͜͢

  49. 3%ʢݚڀ։ൃʣˠԼྲྀʹσβΠϯ ΫϦΤΠςΟϒʹಛԽͨ͠ઐ໳৬ ˣ σβΠϯΛاۀܦӦͷ࠷্ྲྀʹϏϧτΠϯ ʢ࠷ॳ͔Β૊ΈࠐΉʣ ૊৫తͳΠϯϑϥͱͯ͠σβΠϯͷ࢓૊Έ ˣ ΋ͷͮ͘ΓͷਐΊํ͕ΞδϟΠϧʹมԽ͍ͯ͘͠ ϓϩτλΠϐϯά

  50. 5IJOL8JUI:PVS)BOET ࡞Γͳ͕Βߟ͑Δ ɹɹɹɹɹߟ͑ͳ͕Β࡞Δ ૑଄త໰୊ղܾ

  51. #VJMEJOHUPUIJOL ԿΛ࡞Δ͔Λߟ͑ΔͷͰ͸ͳ͘ɺ ߟ͑ΔͨΊʹ࡞ΔͷͰ͢ ςΟϜɾϒϥ΢ϯɿ σβΠφʔ͸΋ͬͱେ͖͘ ߟ͑Δ΂͖ͩ IUUQTXXXZPVUVCFDPNXBUDI W6"JO-B5Y:

  52. None

  53. খྛ͞Μ ࢁా͞Μ ླ໦͞Μ ߴڮ͞Μ اը σβΠϯ Ӧۀ ϚʔέςΟϯά اըॻ 6*

    ఏҊॻ σʔλγʔτ

  54. ͦͷϨϕϧͩͱ ϲ݄Ҏ্͔͔Γ·͢Αʂ σβΠφʔ Ӧۀ ͑ͬʁ Ͱ͖ͳ͍ͷʁ

  55. ͦͷϨϕϧͩͱ ϲ݄Ҏ্͔͔Γ·͢Αʂ σβΠφʔ Ӧۀ ͑ͬʁ Ͱ͖ͳ͍ͷʁ ৬Ҭ

  56. খྛ͞Μ ࢁా͞Μ ླ໦͞Μ ߴڮ͞Μ اը σβΠϯ Ӧۀ ϚʔέςΟϯά اըॻ 6*

    ఏҊॻ σʔλγʔτ

  57. ϦΞϧλΠϜίϥϘϨʔγϣϯ

  58. "EPCFͷσβΠϯγεςϜ 4QFDUSVN

  59. None

  60. IUUQTTQFDUSVNBEPCFDPN

  61. None
  62. None
  63. None
  64. None
  65. None
  66. None
  67. None
  68. None

  69. ϓϩδΣΫτ؅ཧγεςϜ

  70. None
  71. None
  72. None
  73. None
  74. None
  75. None
  76. None
  77. None
  78. None

  79. IUUQTXXXBUMBTTJBODPNKBTPGUXBSFKJSB

  80. None

  81. σβΠϯγεςϜͷ ɹɹɹɹɹɹϝϯςφϯεͱӡ༻

  82. $SFBUJWF$MPVEσεΫτοϓΞϓϦέʔγϣϯ

  83. $SFBUJWF$MPVEσεΫτοϓΞϓϦέʔγϣϯ ࡞඼

  84. $SFBUJWF$MPVEσεΫτοϓΞϓϦέʔγϣϯ

  85. $SFBUJWF$MPVEσεΫτοϓΞϓϦέʔγϣϯ ϥΠϒϥϦͷ ࡞੒

  86. $SFBUJWF$MPVEσεΫτοϓΞϓϦέʔγϣϯ ট଴

  87. খྛ͞Μ ࢁా͞Μ ླ໦͞Μ ߴڮ͞Μ اը σβΠϯ Ӧۀ ϚʔέςΟϯά

  88. ڞ༗ϥΠϒϥϦͷߏங

  89. $$ϥΠϒϥϦͰ શͯͷ෦ॺ͕ΞηοτΛڞ༗

  90. νʔϜશһ͕ ίϯϙʔωϯτΛڞ༗

  91. None
  92. None

  93. ·ͱΊ

  94. None

  95. ૊৫ͷن໛Ͱݕ౼͠Α͏

  96. Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ஋؍ ίʔυͱσβΠϯͷҰݩ؅ཧ %FTJHOUPLFO

  97. Design Systems 6*ύλʔϯɾίϯϙʔωϯτɾΞηοτ λΠϙάϥϑΟɾΧϥʔύϨοτ ελΠϧΨΠυɾϑϨʔϜϫʔΫ ϒϥϯυΨΠυϥΠϯɾσβΠϯݪଇ νʔϜͷಇ͖ํɾՁ஋؍ ίʔυͱσβΠϯͷҰݩ؅ཧ %FTJHOUPLFO ϨϕϧΛݕ౼͠Α͏

  98. None

  99. ϓϥάΠϯΛ࠷େݶʹ ׆༻͠Α͏ʂ

  100. ϓϥάΠϯΛ࠷େݶʹ ׆༻͠Α͏ʂ ϓϩδΣΫτ؅ཧγεςϜͷ ಋೖΛݕ౼ͯ͠ΈΑ͏

  101. None

  102. ͜Ε͚ͩ͸ආ͚Α͏ʂ

  103. TwitterͰؔ࿈৘ใΛ౤ߘ͍ͯ͠·͢ !DPNNPOTUZMF EFTJHO[FSPUW

  104. DESIGN AT THE SPEED OF THOUGHT ࢥߟͷ଎౓ͰσβΠϯ͢Δ