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
170
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
510
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
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
320
図面資産×AI 眠れる資産を起こす挑戦
Avatar for 青野正寛 aonomasahiro
0
160
「親切なオンボーディング」 が招く罠　ー　AI時代のUXデザイン
Avatar for 小神 godlingkogami
1
130
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
160
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
Avatar for Yu Morita securecat
1
210
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
310
AI時代、デザイナーの価値はどこに？
Avatar for Ryotaro Takahashi tararira
2
1.7k
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
850
Rethinking IFUs: What Board Game Rulebooks Contribute to IFU Usability
Avatar for Chris Hass deadlinepoet
0
320
Saving_the_King_-_Storyboard.pdf
Avatar for Terence Basart terencebasart
0
110
20251217リビングラボ・トークin尼崎（尼崎おせっかい会議＆オトナテラコヤ）
Avatar for Kimura Atsunobu a2k
0
140
ClaudeCodeでマーケターの課題を解決する
Avatar for 太田賢一 kenichiota0711
11
14k

Featured

See All Featured
Fireside Chat
Avatar for paigeccino paigeccino
42
4k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.7k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
340
Marketing Yourself as an Engineer | Alaka | Gurzu
Avatar for Gurzu gurzu
0
250
How to Talk to Developers About Accessibility
Avatar for Jason CranfordTeague jct
2
260
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
370
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
2
13k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.2k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
22k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
28
2.7k
Leading Effective Engineering Teams in the AI Era
Avatar for Addy Osmani addyosmani
9
2.1k
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
450

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 ࢥߟͷ଎౓ͰσβΠϯ͢Δ