2026年のUIデザイントレンドを知りたい
2026年のUIデザイントレンドは、何なのか!?
各サイトで言及されていたもので共通していたことをまとめました ![]()
参考にしたサイトは、記事の最後に記載しています。
ぜひ詳しく読んでみてください ![]()
不完全さ・アナログ・人間味
AI技術が進化し、洗練されたビジュアルが容易に作れるようになった反動として、人間らしさや手触り感を重視する傾向が強まっているよう ![]()
Canvaのレポートではこれを「デザインされた不完全(Designed Imperfection)」と呼び、完璧すぎない「揺らぎ」や「個性」を取り戻す動きであるとしています。
- DIYやコラージュ、スクラップブック風のスタイル
- ステッカー、破れた紙のテクスチャ、手書き文字など
- 手作り感
- きっちり並べないレイアウト(アンチグリッド)
- 機械的な整然さを崩す
- 写真やテキストを少し斜めに配置したり、重ねたりする
- 自然を感じる雰囲気や質感
Dribbbleなどで、以下のキーワードで検索すると、参考がありそうです ![]()
UIまるまる参考にはならないかもですが、モチーフを取り入れてみるのは良さそうです!
Designed Imperfection
Collage UI
Handcrafted Web Design
Scrapbook Aesthetic
触覚的な質感・没入感
画面越しでも「触れられそう」なリアルな質感や、空間を感じさせる奥行きが重視されています。
- ノイズ・ざらっとした質感
- ぷっくり質感
- スクロールアニメーションによる没入体験
- スクロール操作に連動したり、奥行きのある3D空間を移動するような演出など
Dribbbleなどで、以下のキーワードで検索すると、参考がありそうです ![]()
Tactile Maximalism
3D Web Design
Scrollytelling
Claymorphism
Grainy Gradient
進化したニューモーフィズム・グラスモーフィズム
かつての流行スタイルが、アクセシビリティや表現力を向上させて再登場しているようです!
特に「ネオグラスモーフィズム」や「ニューモーフィズム 2.0」は注目 ![]()
- ニューモーフィズム 2.0
- 初期のニューモーフィズムで課題だったコントラスト比不足を解消
- 柔らかい影と光で「押せそう」な触覚的リアリティを表現
- リアルなガラス・液体表現(ネオグラスモーフィズム)
- 従来のすりガラス効果に+「光の屈折、反射、液体の揺らぎ」をリアルに再現
- より物理的な奥行きを感じさせる
- ソフトシャドウと浮遊感
- 完全なフラットではなく、要素に淡い影をつけて浮遊感を持たせる
Dribbbleなどで、以下のキーワードで検索すると、参考がありそうです ![]()
Neumorphism 2.0
Glassmorphism UI
Frosted Glass Effect
Liquid UI
ダイナミックなタイポグラフィ
文字を主役にしたデザインが増えているよう ![]()
「見る・感じる」対象として、動きやインタラクションを伴うタイポグラフィがアツい。
- 動く文字
- スクロールやマウスの動きに合わせて文字が動く
- 伸縮、波打つ、変形などのアニメーション
- スクロールやマウスの動きに合わせて文字が動く
- 極太・カスタムフォントの大胆な配置
- 画面からはみ出すくらいの巨大な文字
- 力強いメッセージ性を感じる配置
- 空間に溶け込む文字
- 3D空間の中にテキストを配置したり、テクスチャと融合させたりする
Dribbbleなどで、以下のキーワードで検索すると、参考がありそうです ![]()
タイポグラフィを大胆に使うサイトは、コントラスト比が高くパキッとした配色が相性良いみたい!
Kinetic Typography
Big Bold Typography
Motion Type
Variable Fonts
レトロ×未来
過去のデザインスタイルへのノスタルジーと、現代の最新技術(3Dなど)を融合させた「レトロフューチャー」なスタイル(個人的に好き)
- ドット絵(ピクセルアート)、原色に近いネオンカラー、初期のWindowsのようなUIパーツなど
- レトロフューチャリズム
- 金属の質感、サイバーパンクな色彩、グリッチノイズなど
- 現代の3D技術で表現
- ノスタルジーと現代的レイアウトの融合
- 80〜90年代のポップな色使いやモチーフ×現代的なレイアウトや動き
Dribbbleなどで、以下のキーワードで検索すると、参考がありそうです ![]()
Retrofuturism
Y2K UI
Pixelart website
90s Nostalgia UI
Vaporwave UI
最後に
今回は2026年トレンドになりそうなUIデザインについて、調べてみました!
全て取り入れることは難しいですが、エッセンスを取り入れてトレンド感のあるデザインを作っていきたいです ![]()
参考





















