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

2020年デザイントレンド.pdf

D0ea52d36864ba36bdd5f8be4c0fcdb7?s=47 keita
January 26, 2020
Design
1
290

 2020年デザイントレンド.pdf

D0ea52d36864ba36bdd5f8be4c0fcdb7?s=128

keita

January 26, 2020
Tweet

More Decks by keita

See All by keita
鷹栖小学校.pdf
D0ea52d36864ba36bdd5f8be4c0fcdb7?s=48 keita_yoshikawa
0
24
市民の先生_6ホームページの運用とSEO.pdf
D0ea52d36864ba36bdd5f8be4c0fcdb7?s=48 keita_yoshikawa
0
63
市民の先生_5アナリティクスの使い方.pdf
D0ea52d36864ba36bdd5f8be4c0fcdb7?s=48 keita_yoshikawa
0
84
市民の先生_4写真素材と画像作成.pdf
D0ea52d36864ba36bdd5f8be4c0fcdb7?s=48 keita_yoshikawa
0
67
06_Scratchオフラインエディターのダウンロード方法.pdf
D0ea52d36864ba36bdd5f8be4c0fcdb7?s=48 keita_yoshikawa
0
260
市民の先生_1ホームページとWordPressについて_イーラボ用.pdf
D0ea52d36864ba36bdd5f8be4c0fcdb7?s=48 keita_yoshikawa
0
24
市民の先生-#3HTMLとCSSの基礎
D0ea52d36864ba36bdd5f8be4c0fcdb7?s=48 keita_yoshikawa
0
95
市民の先生_2WordPressのカスタマイズ方法.pdf
D0ea52d36864ba36bdd5f8be4c0fcdb7?s=48 keita_yoshikawa
0
100
市民の先生イントロダクション.pdf
D0ea52d36864ba36bdd5f8be4c0fcdb7?s=48 keita_yoshikawa
0
95

Other Decks in Design

See All in Design
decksh object reference
7eca3e06edc3c69004aaf57de51900c2?s=48 ajstarks
0
220
ユーザー体験を支える_freeeのデザインシステム活用.pdf
7dac484138925ba3e0b6f52932bdba56?s=48 fkady
0
280
Monster in the Closet
E9842b8acc7107a783648a6274dd9a10?s=48 laineyru
1
160
A_Yajima
F0599a99680784b73c427e0e2df14ae6?s=48 a_yajima
1
4.6k
第10回_業務システムのUX/UIデザイン改善によくある間違いとその解決策
37228dc025342eeadeb18bf1c2976a7a?s=48 fixel_admin
1
500
なみなみかみっ
A7ef843f33014b2a8e11fd2b22e70684?s=48 naminamikami2021
1
230
NCDC_UXSession_20220120
6e51a472cea0c9d058d830eca153cb0f?s=48 ncdc
0
680
My Yahoo Refresh Overview
Dc9d3d8370a9655046689bfb5a8c086d?s=48 xuechunwu
0
270
Design System ガイドライン策定のススメ
2099cf992a688f610cf865083e50cd9d?s=48 tadaking
4
1.2k
Let's have a Threesome!
E9842b8acc7107a783648a6274dd9a10?s=48 laineyru
1
160
Doll.pdf
49242d21840cf877de57fb44d752e4fa?s=48 yzhang0425
0
140
Why I made a design div. within an agile company (RSGT, January 2022)
A7c2eb7bf9bb7b9cf095bab633be58fd?s=48 chostett
1
2.1k

Featured

See All Featured
For a Future-Friendly Web
F68cb25ae3e5c2106997454b13b7737d?s=48 brad_frost
164
7.4k
Thoughts on Productivity
A16eb159db895e3b01d3dc95767ad595?s=48 jonyablonski
43
2.2k
Happy Clients
C51b39fa3c79ccb99dcb8a076bc98287?s=48 brianwarren
89
5.5k
Design by the Numbers
027d1ebf66cc039a0bd3b55eeadbe75d?s=48 sachag
271
17k
What's new in Ruby 2.0
7edec06b5435e0dac07a353b2cc26253?s=48 geeforr
336
30k
Optimizing for Happiness
25c7c18223fb42a4c6ae1c8db6f50f9b?s=48 mojombo
365
63k
Embracing the Ebb and Flow
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
73
3.3k
Imperfection Machines: The Place of Print at Facebook
7c8469ee8c9e594c65c59b919626c08d?s=48 scottboms
253
11k
Code Reviewing Like a Champion
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
506
37k
Mobile First: as difficult as doing things right
0fe2973fa8d27d96547e43322341183a?s=48 swwweet
212
7.5k
The Art of Programming - Codeland 2020
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
32
5.8k
Stop Working from a Prison Cell
C1daf20e5c49ff910745198ef9869ac2?s=48 hatefulcrawdad
261
17k

Transcript

  1. DERA-design 01 ϯ σ β Π ษ ڧ ձ ذ

    ͗ ෞ ; Ҋ ਤ E FTJHO ʰσβΠϯτϨϯυ ʱ スライド数 64 ページ

  2. DERA-design 02 ೥ͷ σβΠ ϯ τϨϯ υ͸ ͜Ε͕ྲྀߦΔ

  3. DERA-design 03 ͔΋͠Εͳ͍ʜ

  4. DERA-design 04 $"15&3σβΠϯτϨϯυ ϑϧεΫϦʔϯϨΠΞ΢τ σβ Π ϯ τϨϯ υͷ ྲྀߦͦ͠͏͔Ͳ͏͔ͷ౓߹͍Λ

    ੕ͰධՁ͠·ͨ͠

  5. DERA-design 05 σβ Π ϯ τϨϯ υ  $"15&3

  6. DERA-design 06 $"15&3σβΠϯτϨϯυ ϑϧεΫϦʔϯϨΠΞ΢τ

  7. DERA-design 07 $"15&3σβΠϯτϨϯυ ϑϧεΫϦʔϯϨΠΞ΢τ ϚςϦΞϧϖσΟΞ IUUQTNBUFSJBMQFEJBOFU ϒϧʔύυϧ IUUQTCMVFQVEEMFDPN

  8. DERA-design 08 $"15&3σβΠϯτϨϯυ εϓϦοτεΫϦʔϯϨΠΞ΢τ

  9. DERA-design 09 $"15&3σβΠϯτϨϯυ εϓϦοτεΫϦʔϯϨΠΞ΢τ ೔ຊ৺ଁ݂؅֎Պֶձ IUUQTQMB[BVNJOBDKQdKTD WTTVSHFSZMJTU "QQMF"SDIJWF IUUQTXXXBQQMFBSDIJWFPSH

  10. DERA-design 10 $"15&3σβΠϯτϨϯυ ϒϩʔΫϯάϦουϨΠΞ΢τ

  11. 11 DERA-design $"15&3σβΠϯτϨϯυ ϒϩʔΫϯάϦουϨΠΞ΢τ &MFHBOUTFBHVMMT IUUQTXXXFMFHBOUTFBHVMMT DPN )JãB'SBOLP IUUQTXXXIJTBGSBOLPDPN FO

  12. DERA-design 12 $"15&3σβΠϯτϨϯυ ϒϩʔΫϯάϦουϨΠΞ΢τ %"%" IUUQEBEBEBUBOFUFOIVC

  13. DERA-design 13 $"15&3σβΠϯτϨϯυ ϛχϚϧφϏήʔγϣϯ

  14. DERA-design 14 $"15&3σβΠϯτϨϯυ ϛχϚϧφϏήʔγϣϯ 13&7*/5 IUUQTXXXQSFWJOUQUFO F%FTJHO IUUQTFEFTJHOJOUFSBDUJWFDP N

  15. DERA-design 15 $"15&3σβΠϯτϨϯυ ϛχϚϧφϏήʔγϣϯ */8&&% IUUQTJXXUTIPQ :") IUUQTXXXZPVOHBOEIZQF SBDUJWFEF

  16. DERA-design 16 $"15&3σβΠϯτϨϯυ εΫϩʔϧʹ߹Θͤͯల։͍ͯ͘͠σβΠϯ

  17. DERA-design 17 $"15&3σβΠϯτϨϯυ εΫϩʔϧʹ߹Θͤͯల։͍ͯ͘͠σβΠϯ 1JYFM IUUQTTUPSFHPPHMFDPNKQQ SPEVDUQJYFM@ *"%-BC UUQTJBEMBCDI

  18. $"15&3σβΠϯτϨϯυ δΦϝτϦοΫ DERA-design 18

  19. $"15&3σβΠϯτϨϯυ δΦϝτϦοΫ 5IF*OMBZ IUUQTUIFJOMBZDPN #VJMU#Z#VGGBMP IUUQTCVJMUCZCVGGBMPDPN DERA-design 19

  20. $"15&3σβΠϯτϨϯυ ϨτϩϞμϯελΠϧ DERA-design 20

  21. DERA-design 21 $"15&3σβΠϯτϨϯυ ϨτϩϞμϯελΠϧ 5ISFF IUUQUISFFBF 0OUIF(SJE IUUQTPOUIFHSJEDJUZ

  22. DERA-design 22 $"15&3σβΠϯτϨϯυ εΩϡʔϞʔϑΟζϜ

  23. DERA-design 23 $"15&3σβΠϯτϨϯυ εΩϡʔϞʔϑΟζϜ 1PTU IUUQTBOEQPTUKQ 4&")"37&45 IUUQTXXXTFBIBSWFTUOFU BV

  24. DERA-design 24 $"15&3σβΠϯτϨϯυ ϒϧʔλϦζϜ

  25. DERA-design 25 $"15&3σβΠϯτϨϯυ ϒϧʔλϦζϜ "QQMF.BDQSP IUUQTXXXBQQMFDPNKQN BDQSP %SPE IUUQTESPEEFTJHO

  26. DERA-design 26 $"15&3σβΠϯτϨϯυ ιϑτγϟυ΢

  27. DERA-design 27 $"15&3σβΠϯτϨϯυ ιϑτγϟυ΢ "%+67"/5$-&"3(&- IUUQTDMFBSHFMKQ 'VUVSF/BUVSF%FTJHO IUUQTGVUVSFOBUVSFOFU

  28. DERA-design 28 -JWP IUUQTXXXNBSLFUNFGS- JWP $"15&3σβΠϯτϨϯυ ιϑτγϟυ΢

  29. DERA-design 29 $"15&3σβΠϯτϨϯυ ྲྀମγΣΠϓ

  30. DERA-design 30 $"15&3σβΠϯτϨϯυ ྲྀମγΣΠϓ ,BOBSZT IUUQTXXXLBOBSZTDPN "MFLT'BVSF IUUQTBMFLTGBVSFDPN

  31. DERA-design 31 $"15&3σβΠϯτϨϯυ Ϩεϙϯγϒͳϩΰ

  32. DERA-design 32 $"15&3σβΠϯτϨϯυ Ϩεϙϯγϒͳϩΰ 3FTQPOTJWF-PHPT IUUQSFTQPOTJWFMPHPTDPVL

  33. DERA-design 33 $"15&3σβΠϯτϨϯυ άϥϑΟοΫͱࣸਅͷ૊Έ߹Θͤ

  34. DERA-design 34 $"15&3σβΠϯτϨϯυ άϥϑΟοΫͱࣸਅͷ૊Έ߹Θͤ /*,&+645%0*5 :.'1PTUFS$BNQBJHO IUUQTXXXCFIBODFOFUHBMMFSZ :.'1PTUFS$BNQBJHO

  35. DERA-design 35 $"15&3σβΠϯτϨϯυ %άϥϑΟοΫ

  36. DERA-design 36 $"15&3σβΠϯτϨϯυ %άϥϑΟοΫ #SVOP4JNPO IUUQTCSVOPTJNPODPN "50%&4*(//&8 :03, IUUQTBEFTJHO

  37. DERA-design 37 $"15&3σβΠϯτϨϯυ ΞΠιϝτϦοΫ

  38. DERA-design 38 $"15&3σβΠϯτϨϯυ ΞΠιϝτϦοΫ ͗;ͷ໦ωοτ IUUQTHJGVOPLJOFU ͭͳ͕ΔՊֶݚڀॴ IUUQTUTVOBLFODPKQ

  39. DERA-design 39 $"15&3σβΠϯτϨϯυ ΠϥετΛଟ༻ͨ͠σβΠϯ

  40. DERA-design 40 $"15&3σβΠϯτϨϯυ ΠϥετΛଟ༻ͨ͠σβΠϯ Έ͞ͱͱ IUUQXXXUPXOTIJNBOF NJTBUPMHKQNJTBUPUP ͑἖͒ാ΁ɺΑ͏ͦ͜ IUUQTXXXFWPXPSYDPKQ SFDSVJU

  41. DERA-design 41 $"15&3σβΠϯτϨϯυ Ξχϝʔγϣϯ

  42. DERA-design 42 $"15&3σβΠϯτϨϯυ Ξχϝʔγϣϯϩΰ γάϚΫγε IUUQTXXXTJHNBYZ[DPN 461&3461&3 IUUQTVQFSTVQFSKQ

  43. 43 $"15&3σβΠϯτϨϯυ ΞχϝʔγϣϯϩʔσΟϯά #&1306% IUUQTXXXCFQSPVEBTJB ඒ༰ࣨ .*--03 IUUQTXXXNJMMPSKQ

  44. DERA-design 44 $IJMMZ4PVSDF IUUQTDIJMMZTPVSDFUPLZPDP N 3FOEFS IUUQTXXXSFOEFSHH $"15&3σβΠϯτϨϯυ ΞχϝʔγϣϯςΩετϞʔγϣϯ

  45. DERA-design 45 $"15&3σβΠϯτϨϯυ ྲྀߦ৭

  46. DERA-design 46 $"15&3σβΠϯτϨϯυ ύϯτʔϯ೔ຊྲྀߦ৭ڠձ $MBTTJD#MVFD )VNBO3FEF

  47. DERA-design 47 $"15&3σβΠϯτϨϯυ σϡΦτʔϯ

  48. DERA-design 48 $"15&3σβΠϯτϨϯυ σϡΦτʔϯ "%*40/1"35/&34 IUUQXXXBEJTPOQBSUOFSTD PN 5FBN&MJUF,JDLCPYJOH IUUQTUFBNFMJUFLJDLCPYJOH PSH

  49. DERA-design 49 $"15&3σβΠϯτϨϯυ αΠόʔύϯΫͳ഑৭

  50. DERA-design 50 $"15&3σβΠϯτϨϯυ αΠόʔύϯΫͳ഑৭ #JH&ZF%FFST IUUQTXXXCJHFZFEFFSTDP VL  IUUQTXXXJF

  51. DERA-design 51 $"15&3σβΠϯτϨϯυ ΦʔόʔαΠζυίϯςϯπ

  52. DERA-design 52 $"15&3σβΠϯτϨϯυ ΦʔόʔαΠζυϑΥτίϯςϯπ DPMPVSPODPEF IUUQXXXDPMPVSPODPEFDPVL ൘ଂಛઃϖʔδ IUUQTJUBLVSBXPPEDPNJUBLVSBTQ

  53. 53 DERA-design $"15&3σβΠϯτϨϯυ ΦʔόʔαΠζυλΠϙάϥϑΟ 3FETDPVU IUUQTXXXSFETDPVUDPN 'MPSJBO.POGSJOJ IUUQTqPSJBONPOGSJOJDPN

  54. DERA-design 54 $"15&3σβΠϯτϨϯυ ໌ேମ

  55. DERA-design 55 λχΧిث؁ञ߬ૉಛઃϖʔδ IUUQTUBOJDBKQBNB[BLFFO[ZNF גࣜձࣾͦ͏͢͞ IUUQTTPTVTDPKQ $"15&3σβΠϯτϨϯυ ໌ேମ

  56. DERA-design 56 $"15&3σβΠϯτϨϯυ μʔΫϞʔυ

  57. $"15&3σβΠϯτϨϯυ μʔΫϞʔυʢࣄྫʣ (&0$0%&δΦίʔυ IUUQTXXXIQNBLFSOFU [PPNNZ IUUQT[PPNNZBQQDPN DERA-design 57

  58. $"15&3σβΠϯτϨϯυ μʔΫϞʔυʹରԠ͢Δ ࢀߟαΠτɿ8&#ΫϦΤΠλʔζϘοΫε8FCαΠτΛμʔΫϞʔυʹରԠͤ͞Α    IUUQTXXXXFCDSFBUPSCPYDPNUFDIEBSLNPEF !NFEJB QSFGFSTDPMPSTDIFNFEBSL \

    CPEZ\ CBDLHSPVOEDPMPS DPMPSGGG ^ ^ DERA-design 58

  59. ·ͱΊ DERA-design 59

  60. DERA-design 60 ˔γϯϓϧɾϛχϚϧͷྲྀΕ͸ଓ͖ͦ͏ ˔ςΩετͷଘࡏײ͕૿ͯ͘͠Δ ˔ւ֎ͷτϨϯυ͸ݶఆతʹೖͬͯ͘Δ ˔τϨϯυ͸ෳ߹తʹ࢖ΘΕΔ ·ͱΊ

  61. DERA-design 61 ࢀߟ঺հ

  62. DERA-design 62 ˔೥ʹ஫໨͞Ε͍ͯΔάϥϑΟοΫσβΠϯͷ࠷৽τϨϯυݸ·ͱΊ ɹɹ IUUQQIPUPTIPQWJQOFU ˔αϯϓϧྫͰΘ͔Δʂ஫໨͍ͨ͠೥ͷ8FCσβΠϯτϨϯυݸ·ͱΊ ɹɹ IUUQQIPUPTIPQWJQOFU ˔೥ʹྲྀߦ͢Δ8FCσβΠϯͷ࠷৽τϨϯυݸ·ͱΊ ɹɹ

    IUUQTXFCEFTJHOUSFOETOFUFOUSZ ˔8FCσβΠϯτϨϯυ ɹɹ IUUQTSZPNQPSUNFCMPHXFCEFTJHOUSFOE ˔ ʲ೥ʹྲྀߦʂʳ8FCσβΠϯͷ࠷৽τϨϯυ༧ଌબ ɹɹ IUUQTEPDPEPPSDPKQTUBGGCMPHXFCEFTJHO@USFOET@ ࢀߟ঺հɾग़య

  63. 63 DERA-design ˔ݱ໾σβΠφʔ͕બͿ೥࠷৽ͷ8FCσβΠϯτϨϯυʲબʳ ɹɹ IUUQTNBHJCJTHTDSFBUJWFEFTJHOUSFOE@ ˔೥ɾ೥ͷ8FCσβΠϯ࠷৽τϨϯυ ɹɹ IUUQTXXXDSFBMDPKQDPMVNO ˔དྷ೥೥ͷੈքͷ8FCσβΠ ϯ

    τϨϯ υͱ͸ ʂ ʁઈରʹࢀߟʹͳΔ8FCαΠ τબ ɹɹ IUUQTEFTJHOJTUKQEFTJHOVJVYUSFOETGPS ˔೥ʹྲྀߦ͢ΔάϥϑΟοΫσβΠϯͷ࠷৽τϨϯυݸ·ͱΊ ɹɹ IUUQTXFCEFTJHOUSFOETOFUFOUSZ ˔δΦγς Ο ʔζ͔Βϒ ϧʔλϦ ζϜ΁ʙ ΢ Σ ϒσβΠ ϯͷைྲྀͱݯઘɺ τϨϯ υͷܥේ ɹɹ IUUQTRJJUBDPNLZPZBCBCBJUFNTGEBEDFB ࢀߟ঺հɾग़య

  64. DERA-design 64 Ҏ্ɺ ͝ਗ਼ௌ ͋Γ͕ͱ͏ ͍͟͝·ͨ͠