Tweet
Tweet

Slide 1

Slide 1 text

スピーカーɿ吉川圭太 （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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

かもしれないʜʜ （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

Slide 4

Slide 4 text

流行色 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

Slide 5

Slide 5 text

デザイントレンド 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

Slide 6

Slide 6 text

カラー 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

Slide 7

Slide 7 text

流行色 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

Slide 8

Slide 8 text

パントン／日本流行色協会 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

Slide 9

Slide 9 text

ダルトーン 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

Slide 10

Slide 10 text

ダルトーン CAPTER 01 カラー 1 1BMF -:( -JHIUHSBZJTI ( (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

Slide 11

Slide 11 text

モノトーン 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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

デュオトーン 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

Slide 14

Slide 14 text

デュオトーン 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

Slide 15

Slide 15 text

グラデーション 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

Slide 16

Slide 16 text

グラデーション 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

Slide 17

Slide 17 text

文字 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

Slide 18

Slide 18 text

文字が主役のデザイン 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

Slide 19

Slide 19 text

文字が主役のデザイン 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

Slide 20

Slide 20 text

文字が主役のデザイン (動く) 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

Slide 21

Slide 21 text

角が丸いフォント 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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

オールド系の明朝体 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

Slide 24

Slide 24 text

"໌ே 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

Slide 25

Slide 25 text

引用：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

Slide 26

Slide 26 text

手書き文字 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

Slide 27

Slide 27 text

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

Slide 28

Slide 28 text

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

Slide 29

Slide 29 text

スタイル 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

Slide 30

Slide 30 text

抜け感 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

Slide 31

Slide 31 text

抜け感 令和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

Slide 32

Slide 32 text

ミニマルデザイン 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

Slide 33

Slide 33 text

ミニマルデザイン 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

Slide 34

Slide 34 text

枠線 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

Slide 35

Slide 35 text

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

Slide 36

Slide 36 text

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

Slide 37

Slide 37 text

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

Slide 38

Slide 38 text

レトロデザイン 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

Slide 39

Slide 39 text

レトロデザイン 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

Slide 40

Slide 40 text

ハンドクラフト 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

Slide 41

Slide 41 text

ハンドクラフト 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

Slide 42

Slide 42 text

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

Slide 43

Slide 43 text

フルスクリーンヘッダー 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

Slide 44

Slide 44 text

フルスクリーンヘッダー 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

Slide 45

Slide 45 text

ダイナミックなメニュー 引用：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

Slide 46

Slide 46 text

ダイナミックなメニュー 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

Slide 47

Slide 47 text

横スクロール 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

Slide 48

Slide 48 text

横スクロール 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

Slide 49

Slide 49 text

マイクロインタラクション 引用：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

Slide 50

Slide 50 text

株式会社 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

Slide 51

Slide 51 text

アニメーション 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

Slide 52

Slide 52 text

アニメーション 富山デザイン勉強会 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

Slide 53

Slide 53 text

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

Slide 54

Slide 54 text

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

Slide 55

Slide 55 text

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

Slide 56

Slide 56 text

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

Slide 57

Slide 57 text

ニューモーフィズム 株式会社 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

Slide 58

Slide 58 text

余白 / ホワイトスペース 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

Slide 59

Slide 59 text

余白 / ホワイトスペース 博報堂 リクルートサイト 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

Slide 60

Slide 60 text

没入感のあるデザイン 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

Slide 61

Slide 61 text

没入感のあるデザイン 福岡県立バーチャル美術館 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

Slide 62

Slide 62 text

データヴィジュアライゼーション 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

Slide 63

Slide 63 text

データヴィジュアライゼーション 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

Slide 64

Slide 64 text

全般/その他 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

Slide 65

Slide 65 text

生成 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

Slide 66

Slide 66 text

生成 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

Slide 67

Slide 67 text

動画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

Slide 68

Slide 68 text

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

Slide 69

Slide 69 text

インクルーシブデザイン 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

Slide 70

Slide 70 text

インクルーシブデザイン 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

Slide 71

Slide 71 text

デザイン経営 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

Slide 72

Slide 72 text

デザイン経営 釜屋のカネリョウ商店 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

Slide 73

Slide 73 text

参考紹介 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

Slide 74

Slide 74 text

● 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

Slide 75

Slide 75 text

● 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

Slide 76

Slide 76 text

● 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

Slide 77

Slide 77 text

● 注目の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