Share
Embed
富山デザイン勉強会_デザイントレンド2026.pdf
keita
January 24, 2026
Transcript
74 slides
-
スピーカーɿ吉川圭太 (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 -
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 -
かもしれないʜʜ (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 -
流行色 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 -
デザイントレンド 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 -
カラー 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 -
流行色 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 -
パントン/日本流行色協会 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 -
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 -
ドーパミンカラー 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 -
ドーパミンカラー 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 -
モノトーン + 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 -
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 -
グラデーション+デュオトーン 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 -
多色ノイズグラデーション 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 -
多色ノイズグラデーション 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 -
文字 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 -
ダイナミックタイポグラフィ 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 -
ダイナミックタイポグラフィ 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 -
カスタムタイポグラフィ 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 -
キネティックタイポグラフィ 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 -
テクスチャとタイポグラフィの融合 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 -
引用: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 -
レトロなフォント 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 -
りょうゴシック 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 -
Ryo Gothic PlusN https://fonts.adobe.com/fonts/ryo-got hic-plusn りょうゴシック CAPTER 02 文字 2025年フォントランキング
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 -
スタイル 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 -
リキッドグラス 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 -
リキッドグラス 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 -
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 -
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 -
デジタルマテリアル 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 -
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 -
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 -
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 -
幾何学レイヤー 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 -
幾何学的重ね・レイヤード 狂 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 -
ニューナチュラリズム 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 -
ニューナチュラリズム 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 -
ミニマル+アクセント 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 -
ミニマル+アクセント 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 -
ソフトモダン 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 -
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 -
パララックスリバイバル 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 -
パララックスリバイバル 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 -
マイクロインタラクション 引用: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 -
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 -
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 -
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 -
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 -
ネオ・ブルータリズム 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 -
ダークモード 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 -
ダークモード 博報堂 リクルートサイト 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 -
音とデザインのかけあわせ 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 -
音とデザインのかけあわせ 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 -
サステナブルデザイン 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 -
全般/その他 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 -
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 -
生成 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 -
引用: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 -
バイブコーディング 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 -
インクルーシブデザイン 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 -
よいグラフィックデザインの定義変化 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 -
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 -
参考紹介 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 -
• 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 -
• 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 -
• 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 -
• 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 -
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 -
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 -
ソフトモダン 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 -
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 -
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