🔧 阿川の電商水電行
想知道2026年的UI設計趨勢嗎？
2026年的UI設計趨勢會是什麼！？
各個網站提到的共同點已經整理好了！![:pencil:]
參考的網站會在文章的最後列出。
希望能詳加閱讀！![:thumbsup:]
不完全性 · 類比 · 人性化
隨著AI技術的進步，精緻的視覺變得容易創造，這使得人性化和觸感變得更加重要！![:eyes:]
Canva的報告稱這為「設計中的不完全性（Designed Imperfection）」，強調一種恢復不完美「波動」和「個性」的趨勢。
- DIY或拼貼、剪貼簿風格
- 貼紙、撕裂紙的質感、手寫文字等
- 手作感
- 不整齊的佈局（反格網）
- 打破機械化的整齊
- 將照片或文字稍微傾斜或重疊
- 感受自然的氛圍和質感
![:mag:] 在Dribbble等網站上，搜索以下關鍵詞可能會找到靈感！![:eyes:]
UI不一定能完全參考，但融入一些題材似乎是不錯的選擇！
Designed Imperfection
Collage UI
Handcrafted Web Design
Scrapbook Aesthetic
觸感質感 · 沉浸感
在屏幕之間強調出「看起來可以觸及」的真實質感，以及讓人感受到深度的空間感。
- 噪音 · 粗糙的質感
- 豐滿的質感
- 由滾動動畫帶來的沉浸體驗
- 與滾動操作聯動，或是有如在深度的3D空間中移動的演出等
![:mag:] 在Dribbble等網站上，搜索以下關鍵詞可能會找到靈感！![:eyes:]
Tactile Maximalism
3D Web Design
Scrollytelling
Claymorphism
Grainy Gradient
進化的神經形設計 · 玻璃形設計
曾經的流行風格重新出現，提升了可接觸性和表現力！
特別是「新玻璃形設計」和「神經形設計 2.0」引人注目！![:eyes:]
- 神經形設計 2.0
- 解決了早期神經形設計中對比度不足的問題
- 以柔和的影子和光線表現出「看起來可以按壓」的觸感現實
- 真實的玻璃和液體表現（新玻璃形設計）
- 在傳統的霧面玻璃效果上，真實地重現「光的折射、反射、液體的波動」
- 更加感受到物理性的深度
- 柔和的陰影和浮動感
- 不是完全平坦，而是為元素添加淡淡的影子，給予浮動感
![:mag:] 在Dribbble等網站上，搜索以下關鍵詞可能會找到靈感！![:eyes:]
Neumorphism 2.0
Glassmorphism UI
Frosted Glass Effect
Liquid UI
動態排版
以文字為主角的設計似乎正在增加！![:eyes:]
作為「觀察・感受」的對象，具有動態和互動的排版非常受歡迎。
- 動態文字
- 文字隨著滾動或鼠標的動作而移動
- 彈性、波浪、變形等動畫
- 粗體 · 自定義字體的大膽配置
- 像要從畫面上突出的巨大字體
- 強烈的傳遞訊息性配置
- 與空間融合的文字
- 將文本置於3D空間中或與質感融合
![:mag:] 在Dribbble等網站上，搜索以下關鍵詞可能會找到靈感！![:eyes:]
大膽使用排版的網站，在對比度高且色彩鮮明的配色上相當契合！
Kinetic Typography
Big Bold Typography
Motion Type
Variable Fonts
復古與未來
融合對過去設計風格的懷舊與現代最新技術（如3D）的「復古未來」風格（我個人喜歡）。
- 點陣圖（像素藝術）、接近原色的霓虹色、初期Windows的UI元件等
- 復古未來主義
- 金屬質感、未來主義色彩、故障噪音等
- 以現代的3D技術表現
- 懷舊與現代化佈局的融合
- 80至90年代的流行色彩和主題與現代化的佈局和動作的結合
![:mag:] 在Dribbble等網站上，搜索以下關鍵詞可能會找到靈感！![:eyes:]
Retrofuturism
Y2K UI
Pixelart website
90s Nostalgia UI
Vaporwave UI
最後
這次調查了2026年可能成為趨勢的UI設計！
雖然很難全部融入，但希望能加入一些精髓，打造出有趨勢感的設計！![:thumbsup:]
參考
1) --- 會變成分隔線（上一行必須是空白）
2) # 會變成一級標題
3) ## 會變成二級標題
4) ### 會變成三級標題
5) **粗體文字**會顯示粗體文字
6) ```當第一行與最後一行會顯示程式碼
7) 請搜尋 Markdown 語法，了解各種格式
