富山デザイン勉強会_デザイントレンド2026.pdf

Transcript

1. スピーカーɿ吉川圭太 （DERA-DESIGN） 「デザイントレンド 2026」 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
2. 2025のデザインは これが流行る ！ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
3. かもしれないʜʜ （1年ぶり3回目） D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
4. 流行色 CAPTER 01 カラー デザ イ ン トレン ドの 流行しそうかどうかの度合いを 星で評価しました D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
5. デザイントレンド 2026 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
6. カラー CAPTER 01 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
7. 流行色 CAPTER 01 カラー 引用：https://jafca.org/colortrend/2026年の色は、 心満ちるハート 　　　フェルト･ピンク　　　　　　　　　　　　　　　　 引用：https://www.pantone.com/hk/en/color-of-the-year/2026 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
8. パントン／日本流行色協会 CAPTER 01 カラー Heartfelt Pink #ffcccc Cloud Dancer #f0eee9 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
9. Jansen Arabique™ CAPTER 01 カラー 引用：https://www.monotype.com/resources/pantone-color-of-the-year-font D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
10. ドーパミンカラー CAPTER 01 カラー D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
11. ドーパミンカラー CAPTER 01 カラー 1 1BMF -:( -JHIU
    HSBZJTI ( (SBZJTI %,( %BSL
    (SBZJTI # #SJHIU 4' 4PGU % %VMM %, %BSL 7 7JWJE -5 -JHIU 4 4USPOH %1 %FFQ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
12. モノトーン + 1 CAPTER 01 カラー D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
13. CLEND ボトル https://clend.jp/ Caroselling Web Agency https://caroselling.it/ モノトーン + 1 CAPTER 01 カラー D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
14. グラデーション＋デュオトーン CAPTER 01 カラー D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
15. 多色ノイズグラデーション CAPTER 01 カラー D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
16. 多色ノイズグラデーション CAPTER 01 カラー monopo tokyo https://monopo.co.jp/ja/ Dynatrek https://www.dynatrek.co.jp/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
17. 文字 CAPTER 02 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
18. ダイナミックタイポグラフィ CAPTER 02 文字 引用：https://corp.kairikiya.co.jp/recruit/midcareer/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
19. ダイナミックタイポグラフィ CAPTER 02 文字 Stand Foundation https://www.standfoundation.jp/ ドミセ｜おドろき専門店 https://www.ppihgroup.com/domise/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
20. カスタムタイポグラフィ CAPTER 02 文字 引用：https://www.manubranding.com/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
21. キネティックタイポグラフィ CAPTER 02 文字 引用：https://www.youtube.com/watch?v=TW5w2ruDoP0 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
22. テクスチャとタイポグラフィの融合 CAPTER 02 文字 引用：https://tsubakiya-design.com/ 2026-visual-expression-trends-for-designers/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
23. 引用：https://note.com/vectordesign/n/n9473f0262056 レトロなフォント CAPTER 02 文字 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
24. レトロなフォント CAPTER 02 文字 ޫே https://www.morisawa.co.jp/fonts/spe cimen/1442 Garamond（ギャラモン） https://www.morisawa.co.jp/fonts/spe Caslon（カスロン） https://www.morisawa.co.jp/fonts/spe 引用：https://www.morisawa.co.jp/products/fonts/cases/publications?id=2036 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
25. りょうゴシック CAPTER 02 文字 引用：https://www.bscre8.com/journal/2026/01/13/ms20260108/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
26. Ryo Gothic PlusN https://fonts.adobe.com/fonts/ryo-got hic-plusn りょうゴシック CAPTER 02 文字 ２０２５年フォントランキング https://emdesigns.me/news/news-202 6start/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
27. スタイル CAPTER 03 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
28. リキッドグラス CAPTER 03 スタイル 引用：https://lens-park.com/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
29. リキッドグラス CAPTER 03 スタイル 株式会社桜商会 https://sakura-copy.co.jp/ 株式会社ピュール（PYURU） https://www.pyuru.co.jp/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
30. 80〜90s レトロデザイン CAPTER 03 スタイル 引用：https://miraken.lamm.tokyo/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
31. 80〜90s レトロデザイン CAPTER 03 スタイル SummerFall Japan 株式会社 WAKAZE https://summerfallsake.jp/ NEW BEPPU CITY GUIDE by BEAMS https://www.beams.co.jp/special/happyo utside_beppu_cityguide/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
32. デジタルマテリアル CAPTER 03 スタイル D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
33. CAPTER 03 スタイル デジタルマテリアル 浜岡鍍金工業所 https://hamaokamekki.co.jp/ STELLA SEED https://stellaseed.jp/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
34. ZINE ガイスト / ハンドクラフト CAPTER 03 スタイル 引用：https://www.mdn.co.jp/design/tutorial/2584 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
35. ZINE ガイスト / ハンドクラフト CAPTER 03 スタイル Commissioner・of・Design https://www.commissioner.design/ ni yori + D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
36. 幾何学レイヤー CAPTER 03 スタイル 引用：https://www.yamacs.co.jp/recruit/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
37. 幾何学的重ね・レイヤード 狂 ATE the FUTURE https://park.itc.u-tokyo.ac.jp/createthefu ture/ 三井住友銀行 ×ONE CAREER PLUS https://plus-oc.onecareer.jp/feature/smbc CAPTER 03 スタイル D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
38. ニューナチュラリズム CAPTER 03 スタイル 引用：https://www.wix.com/studio/pantone-color-of-the-year-2025 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
39. ニューナチュラリズム CAPTER 03 スタイル Aesop https://www.aesop.co.jp/ KINTO https://kinto.co.jp/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
40. ミニマル＋アクセント CAPTER 03 スタイル D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
41. ミニマル＋アクセント CAPTER 03 スタイル 砥希 https://toki-fuji.com/ Brew ( ブリュー ) https://brew.place/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
42. ソフトモダン CAPTER 04 Web 引用：https://www.sakamotodental.jp/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
43. Web CAPTER 04 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
44. パララックスリバイバル CAPTER 04 Web 引用：https://millenniumparade.com/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
45. パララックスリバイバル WHO IS GUILTY https://promo.whoisguilty.com/ 河馬印本舗 https://kabajirushi-honpo.jp/ CAPTER 04 Web D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
46. マイクロインタラクション 引用：https://doisena.jp/ CAPTER 04 Web D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
47. miruto https://www.miruto.shop/ グランパレス弘前 https://grandpalace-hirosaki.jp/ マイクロインタラクション CAPTER 04 Web D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
48. CAPTER 04 Web 遊び心のあるカーソル 引用：https://brewgood.jp/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
49. CAPTER 04 Web カーソルアクション Ponpon Mania – Interactive Comic https://ponpon-mania.com/chapters 生活クラブ生協 https://seikatsuclub.coop/100ex/makan aitei/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
50. CAPTER 04 Web ネオ・ブルータリズム 引用：http://www.wed-camp.com/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
51. ネオ・ブルータリズム NII Recruit 2027 日本情報産業株式会社 https://www.nii.co.jp/2027recruit/index.html 株式会社丹青社採用サイト https://www.tanseisha.co.jp/recruit/potential/ CAPTER 04 Web D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
52. ダークモード CAPTER 04 Web D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
53. ダークモード 博報堂 リクルートサイト https://hakusuku.jp/recruit/ 世界最大級の水族館 海遊館 https://www.kaiyukan.com/ CAPTER 04 Web D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
54. 音とデザインのかけあわせ CAPTER 04 Web 引用：https://dich-fashion.webflow.io/#section-collections D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
55. 音とデザインのかけあわせ Brand in the Open https://brand.base.org/ 大丸松坂屋百貨店 https://www.daimaru-matsuzakaya.com/vi/ CAPTER 04 Web D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
56. サステナブルデザイン CAPTER 04 Web 引用：https://ja.wix.com/blog/2021/12/web-design-trends-2022 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
57. 全般/その他 CAPTER 05 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
58. Canva CAPTER 05 全般/その他 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
59. 生成 AI CAPTER 05 全般/その他 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
60. 引用：https://openai.com/sora/ 動画AI CAPTER 05 全般/その他 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
61. バイブコーディング CAPTER 04 Web D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
62. インクルーシブデザイン CAPTER 05 全般/その他 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
63. よいグラフィックデザインの定義変化 CAPTER 05 全般/その他 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
64. AI の進化とデザイナーの役割変化 CAPTER 05 全般/その他 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
65. 参考紹介 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
66. • Color of the Year 2026 　　 https://www.pantone.com/hk/en/color-of-the-year/2026 • 2026年の色は、“心満ちるハートフェルト･ピンク” 　　 https://jafca.org/colortrend/2026年の色は、 心満ちるハートフェルト･ピンク • Canva デザイントレンド 　　 https://www.canva.com/ja_jp/design-trends/ • 2026年に流行る！？注目Webデザインの傾向 　　 https://mtrad.co.jp/blog/2026/01/13/post-7713/ • 【カラーでWebのトレンドがわかる？】2026年はこのカラーに注目！ 　　 参考紹介・出典 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
67. • EC サイトのデザイン事例 25 選：2026 年のトレンドとヒント 　　 https://www.shopify.com/jp/blog/beautiful-and-creative-ecommerce-website-designs • 【2026年最新】 WEB デザイン最新トレンド 14 選 　　 https://japan-design.jp/design/0014/ • 2026年のロゴデザイントレンド 12 選｜おしゃれなロゴデザイン事例 　　 https://ja.wix.com/blog/2021/06/logo-trends/ • 2026年のグラフィックデザインは？ AI の答え 　　 https://www.onodesign.co.jp/designessay/2026/01/03/2026年のグラフィックデザインは？AI の答え • 2025 年の Web 制作のトレンドは何だった？ 2026 年のトレンド予想も！ 　　 https://www.aura-office.co.jp/blog/trend2025/ 参考紹介・出典 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
68. • 2026 年は AI がデザインにも大きく関わる？ ウェブデザイントレンド 5 選 　　 https://www.regraphy.com/web-mado/trend/web-trend-2026.html • 2026 年に流行る Web デザイントレンド 14 選｜デザイナー監修 　　 https://ja.wix.com/blog/2021/12/web-design-trends-2022 • 先取り！ 2026 年グラフィックデザイントレンド最前線！ 　　 https:/ /tsubakiya-design.com/2026-visual-expression-trends-for-designers/ • 【2026年版】 流行るWebデザインはこれだ！ アクセスを爆増させるトレンドとNG例 　　 https://www.bscre8.com/journal/2026/01/13/ms20260108/ • 2026 年の幕開け 　　 参考紹介・出典 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
69. • Monotype、 2026年のPantoneカラー ・ オブ ・ ザ ・ イヤーにタイポグラフィー表現を提供 　　 https://prtimes.jp/main/html/rd/p/000000041.000026490.html •【2025年版】 Web ・ UIデザイントレンドの最先端は？過去のトレンドも紹介 　　 https://blog.nijibox.jp/article/web-uidesign_trend/ 参考紹介・出典 D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
70. D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
71. D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
72. ソフトモダン M+ https://www.mplus-jh.jp/ CAPTER 04 Web ソニックジャム https://www.sonicjam.co.jp/ D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
73. D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p
74. D E R A - D E S I G N T o y a m a D e s i g n S t u d y G r o u p