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

2020.4.22

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for YoujiSakai YoujiSakai
April 22, 2020
Design
0
160

 2020.4.22

2020.4.22 AM

Avatar for YoujiSakai

YoujiSakai

April 22, 2020
Tweet

More Decks by YoujiSakai

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

Other Decks in Design

See All in Design
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
300
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
26k
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
200
Emmy's Artwork
Avatar for McKenna mcksmith
0
200
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
380
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
5
4.3k
Spacemarket Brand Guide
Avatar for Spacemarket spacemarket
2
170
自分たちがターゲットになりにくい業務アプリケーションのユーザビリティを担保する取り組み / Initiatives to ensure the usability of business applications that are difficult for us to target
Avatar for Hiromi Morikawa hiromitsuuuuu
1
1.3k
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
200
Figmaレクチャー会Part2 もっと使いこなす編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
1
260
企業にデザインが融けたとき、デザイナーにできること。事業会社12年間の探究と葛藤 / Designship2025
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
0
1.4k
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
1.8k

Featured

See All Featured
Color Theory Basics | Prateek | Gurzu
Avatar for Gurzu gurzu
0
200
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.1k
Agile Leadership in an Agile Organization
Avatar for Dr. Kim W Petersen kimpetersen
PRO
0
86
Paper Plane
Avatar for Katie Cordina Lindsey katiecoart
PRO
0
46k
Self-Hosted WebAssembly Runtime for Runtime-Neutral Checkpoint/Restore in Edge–Cloud Continuum
Avatar for Yuki Nakata chikuwait chikuwait
0
340
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
Code Reviewing Like a Champion
Avatar for maltzj maltzj
527
40k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
24k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
0
400
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
71k

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