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

Transcript

1. スピーカーɿ吉川圭太 （DERA-DESIGN） 「デザイントレンド 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
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年ぶり） 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. デザイントレンド 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
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/2025年の色は、 視野が広がるホ ライゾングリーン　　　　　　　　　　　　　　　　　　　　　 引用：https://www.pantone.com/hk/en/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
8. パントン／日本流行色協会 CAPTER 01 カラー Horizon Green #007a88 Mocha Mousse #a47864 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. ダルトーン 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
10. ダルトーン 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
11. モノトーン 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
12. Sense Island - 感覚の島 - 暗 闇の美術島 https://senseisland.com/ Vintage - strategic web agency https://vintage.agency/ モノトーン 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. デュオトーン 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 カラー NII リクルートサイト https://www.nii.co.jp/2026recruit/ index.html アジアンパートナーズ https://www.adisonpartners.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
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 カラー Apple iPad mini https://www.apple.com/jp/ipad-mini/ オリックス銀行 Career Recruiting Site https://www.orixbank.co.jp/aboutus/recruit /mid-career/ 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://r-equal.com/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
19. 文字が主役のデザイン CAPTER 02 文字 MUFG 採用情報 https://www.saiyo.bk.mufg.jp/ 東映 リクルートサイト https://www.toei.co.jp/recruit/fresh/ 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 文字 株式会社 RERISE https://rerise.co/ Raxo https://raxo.co/ 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 文字 ఇԦֳϗςϧԠԉՎ 帝王閣ホテル応援歌 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. A1 ゴシック https://www.morisawa.co.jp/fonts/spe cimen/3702 ϞϘ https://booth.pm/ja/items/4647262 つなぎゴシック https://booth.pm/ja/items/3885939 角が丸いフォント CAPTER 02 文字 無 料 無 料 引用：https://note.morisawa.co.jp/n/n033b195efa1a 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. オールド系の明朝体 CAPTER 02 文字 引用：https://sosus.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
24. "໌ே https://www.morisawa.co.jp/fonts/spe cimen/1075 源雲明朝 https://github.com/ButTaiwan/genwan-font 筑豊明朝 https://iosesakana.wixsite.com/typographis h/筑豊明朝 オールド系の明朝体 CAPTER 02 文字 無 料 無 料 引用：https://note.morisawa.co.jp/n/n2c28843de0f2 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. 引用：https://secure.aquarius-sports.jp 手書き文字 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
26. 手書き文字 CAPTER 02 文字 A1 ゴシック https://suzukimemo.com/post-6992 https://suzukimemo.com/post-6546 アオハルマーカー https://booth.pm/ja/items/3842233 無 料 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. UD フォント CAPTER 02 文字 引用：https://fontworks.co.jp/life-with-font/reports/0001/ 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. BIZ UDPMincho https://fonts.google.com/speci men/BIZ+UDPMincho/ 無 料 無 料 UD フォント CAPTER 02 文字 BIZ UDPGothic https://fonts.google.com/sp ecimen/BIZ+UDPGothic 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 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. 抜け感 CAPTER 03 スタイル 引用：https://www.ricoh.co.jp/magazines/ direct-marketing/column/th00002/ 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. 抜け感 令和6年度 警視庁採用サイト https://www.keishicho.metro.tokyo.lg.j p/saiyo/2024/ ふくい じゅり https://juri-portfolio.com/ 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
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 スタイル PETARI https://petari.jp/ SAISEI https://saisei-sbj.webflow.io/ 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. 枠線 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
35. CAPTER 03 スタイル 枠線 Tempalay https://tempalay.jp/ SIP & GUZZLE https://sipandguzzle.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
36. 3D 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
37. 3D CAPTER 03 スタイル VUILD https://vuild.co.jp/ Web.Auto https://web.auto/ja/ 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.meidensha.co.jp/knowledge/ takingaction/anatanotonari/ 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 スタイル 信州大学農学部 受験生向けサイト パカパーン！ https://www.shinshu-u.ac.jp/faculty/agr iculture/pakapaan/specimen/3702 kemio https://kemio.store/ 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 スタイル 引用：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
41. ハンドクラフト CAPTER 03 スタイル Commissioner・of・Design https://www.commissioner.design/ ni yori https://niyori.site/ 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. 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
43. フルスクリーンヘッダー CAPTER 04 Web 引用：https://www.saishunkan.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
44. フルスクリーンヘッダー HAUT （オウ） オンラインストア https://hautmens.com/ AMUSE アミューズ https://recruit.amuse.co.jp/recruit2025/ 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
45. ダイナミックなメニュー 引用：https://thepatchsystem.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
46. ダイナミックなメニュー Unifiers of Japan https://unifiersofjapan.framer.website/ 水曜日のカンパネラ http://www.wed-camp.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
47. 横スクロール 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. 横スクロール UNOU https://unou.jp/ HARKEN https://harkenic.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
49. マイクロインタラクション 引用：https://sinap.jp/blog/archive/2072 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
50. 株式会社 necco https://necco.inc/ HUMAN MADE Inc. https://humanmade.co.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
51. アニメーション 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. アニメーション 富山デザイン勉強会 https://toyama-design.com/ 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
53. CAPTER 04 Web アニメーション COLOCOLO5656 https://colocolo.nitoms.com/special/col ocolo5656/ Shupatto https://www.shupatto.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
54. CAPTER 04 Web mix-blend-mode 引用：https://kakechimaru.com/mix-blend-mode/ 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. CAPTER 04 Web mix-blend-mode RESCALAR 株式会社リスカラ https://rescalar.co.jp/ DROP TOKYO https://droptokyo.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
56. CAPTER 04 Web ニューモーフィズム 引用：https://www.saishunkan.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
57. ニューモーフィズム 株式会社 HIPUS（ハイパス） https://www.hipus.com/index.html 株式会社ＳＲＡ東北 https://www.sra-tohoku.co.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
58. 余白 / ホワイトスペース 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
59. 余白 / ホワイトスペース 博報堂 リクルートサイト https://hakusuku.jp/recruit/ Ewa/Thomas Studio https://ewathomas.studio/ 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
60. 没入感のあるデザイン 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
61. 没入感のあるデザイン 福岡県立バーチャル美術館 https://virtualmuseum.fukuoka-kenbi.jp/ NASA Eyes on the Solar System https://eyes.nasa.gov/apps/solar-system/ #/home 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 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
63. データヴィジュアライゼーション Brussels Airport in Numbers https://brusselsairportinnumbers.bruss elsairport.be/en#we-love-numbers ジョンマスターオーガニック https://johnmastersorganics.jp/pages/h aircarefinder2023 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
64. 全般/その他 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. 生成 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
66. 生成 AI Adobe Firefly https://www.adobe.com/jp/products/fir efly.html Freepik https://www.freepik.com/ 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
67. 動画AI 引用：https://openai.com/sora/ 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
68. Sora https://sora.com/ 動画AI 【2025 年最新】おすすめの動画 生成 AI ツール 20 選！ https://www.sms-datatech.co.jp/colum n/consulting_generate-ai-videos/ 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
69. インクルーシブデザイン 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
70. インクルーシブデザイン NEC パラリンピック https://jpn.nec.com/press/202103/202 10325_01.html TomboyX https://tomboyx.com/ 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
71. デザイン経営 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
72. デザイン経営 釜屋のカネリョウ商店 https://kamaya-kaneryo.com/ 有限会社白銀屋商店 https://i-parte.jp/ 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
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. • 2025年 最新デザイントレンド・グラフィックデザイン 　　 https://rotusdesign.com/2024/12/19/2025年最新デザイントレンドグラフィックデザイ/ • 2025年注目のグラフィックデザイン・トレンド 　　 https://photoshopvip.net/162438#google_vignette • 【2025年Webデザイントレンド最新版】Web制作のプロが大注目する10選まとめ 　　 https://coosy.co.jp/blog/2025_webdesign_trend/ • 2025年のトレンドデザイン大予測！注目のデザインをピックアップ！ 　　 https://tsubakiya-design.com/2025trendpickup/ • 2025年注目の6つのデザインテーマ 　　 https://www.haworth.com/ap/ja/spark/articles/2024/q4/12-03_6-emerging-design-themes-for-2025.html 参考紹介・出典 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
75. • 2025 年も、 デザインに新たな動きが！ウェブデザイントレンド 5 選 　　 https://www.regraphy.com/web-mado/trend/web-trend-2025.html • 今から準備しておこう！ 2025 年に来る Web デザイントレンド 11 選 　　 https://cohamu.com/entry/20240906/1725586200#google_vignette • 【2025 年 Web デザイントレンド最新版】 Web 制作のプロが大注目する 10 選まとめ 　　 https://coosy.co.jp/blog/2025_webdesign_trend/ • 2025年デザイナーが知っておくべき12のグラフ ィ ックWebデザインのトレンド 　　 https://wegic.ai/ja/blog/graphic-web-design-trends.html • [2025 年版 ] Web デザイン ・UI デザインの注目最新トレンド36選 ！ デザイン制作時に参考になる人気の手法やアレンジを総まとめ 　　 https://brik.co.jp/tips/438 参考紹介・出典 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
76. • AI 予測！ 2025 年 Web デザイントレンド 　　 https://school.dhw.co.jp/school/nagoya/blog/20241103.html • 【2025 年版】 Web デザインの最新トレンド / 技術 10 選 　　 https://www.creativevillage.ne.jp/category/topcreators/web-creator/web-designer/137960/ • 【2025 年】 採用サイト Web デザイン制作のトレンドは？参考事例 17 選！ 　　 https://wk-partners.co.jp/homepage/blog/hpseisaku/webdesign/recruit2025/ • 2025年デザイナーが知っておくべき12のグラフ ィ ックWebデザインのトレンド 　　 https://wegic.ai/ja/blog/graphic-web-design-trends.html • [2025 年 ]web デザインのトレンドはどうなるのか？ 　　 https://skygold.co.jp/web/7710/ 参考紹介・出典 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
77. • 注目のWebデザイントレンド15選【2024】 　　 https://liginc.co.jp/654522 参考紹介・出典 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