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
PAMPHLET.pdf
Avatar for M-HAND,Inc. mhand01
0
1.2k
Debiasing Your Software Design Decision-Making @ Flowcon '26
Avatar for Kenny Baas-Schwegler baasie
1
130
Of Ordination and Rebellion exploration sketches
Avatar for Rachel Poon rezaline
0
190
「惜しいデザイン」 を生み出さないための AIレビューループ
Avatar for Kazuhiro Tobita 0b1tk
3
2.8k
Техники структурирования беседы с собой, заказчиком и командо
Avatar for Andrew Shapiro ashapiro
0
210
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
1.4k
AI時代に必要な アイデアの形
Avatar for ux-man uxman
0
250
もう迷わない！“なんとなく”を卒業するフォントの選び方【村田俊英】
Avatar for 村田俊英 toshihidemurata
0
790
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.4k
「見せる」登壇資料デザインの極意
Avatar for takanorip takanorip
7
1.4k
2026の目標「もっと定量的に事業、会社へ貢献する！」
Avatar for yuri ohashi yuri_ohashi
0
880
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
4
1.8k

Featured

See All Featured
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
31
10k
Save Time (by Creating Custom Rails Generators)
Avatar for Garrett Dimon garrettdimon
PRO
32
4.1k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
330
40k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
190
How To Speak Unicorn (iThemes Webinar)
Avatar for Michelle Schulp Hunt marktimemedia
1
520
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
1k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
420
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
940
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
340
Scaling GitHub
Avatar for Zach Holman holman
464
140k
Heart Work Chapter 1 - Part 1
Avatar for Lake Fama lfama
PRO
8
36k

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