---
title: "2026 UI/UX 設計趨勢全解析：10 個正在改寫介面的方向"
slug: ui-ux-design-trends-2026
url: https://rar.design/posts/ui-ux-design-trends-2026
published_at: 2026-04-14
modified_at: 2026-04-15
author: "設計師 Riven"
category: "UI/UX 設計"
access: public_access
---

# 2026 UI/UX 設計趨勢全解析：10 個正在改寫介面的方向

> 從 Generative UI 到 Liquid Glass，介面開始學會替使用者「想下一步」

By **設計師 Riven** - 資深數位產品設計師｜知名線上課程講師 | 2026-04-14

▲ 2026 的介面設計，正在被兩股相反的力量同時拉扯（圖：Apple Newsroom）DESIGN TRENDS · 20262026 UI/UX 設計趨勢全解析為什麼所有趨勢都在把介面拉往兩個相反的方向2026 年的 UI/UX 趨勢報告我看了十幾份。每一份都在重複同樣的名詞——Agentic UX、Generative UI、Liquid Glass、Resolution Velocity、Semantic Design Systems。聽起來像一份共識清單，整個產業都同意這些事情重要。但沒有人講出背後真正的故事：這些趨勢正在把介面往兩個完全相反的方向拉扯。一邊的人在說介面應該消失。AI 代理會替使用者跑完整段流程，UI 只在「需要你確認」的那一刻冒出來。另一邊的人在說介面應該更實體化——Apple 的 Liquid Glass 把光線折射變成設計語言、觸覺主義把厚度與紋理重新帶回螢幕、連懷舊的類物理元件都在 Figma 社群裡復活。這不是兩個陣營打架。這是同一個設計產業在回答同一個問題——當使用者的注意力變得越來越稀缺，介面該怎麼辦——只是給出了兩個完全不同的答案。這篇文章會拆五件事：這場分裂的真正樣貌、正在被重寫的設計度量衡、設計師工作內容的根本性轉變、Liquid Glass 推出十個月後要面對的無障礙帳單，以及——我認為 2026 真正決勝的設計能力是什麼。寫這篇的立場是我自己經營 RAR 設計攻略這幾年追完幾乎每一個 AI 工具發表後的觀察，不是哪一份報告的翻譯。CONTENTS01 分裂：八個趨勢分成兩派02 度量衡在換：從注意力經濟到意圖經濟03 設計師在 2026 畫的像素會變少，不是變多04 Liquid Glass 的無障礙結帳日05 2026 真正的設計力是什麼CHAPTER 01 / THE SPLIT分裂：八個趨勢分成兩派先把八個關鍵趨勢攤開看。如果你按「介面的存在感」這條軸線排列，會清楚看到分成兩派——左邊是想讓介面消失的，右邊是想讓介面更實體化的。中間沒人。▸ agent running✓ checked calendar✓ found 8 flights✓ filtered by budget⏵ awaiting approvalLESS UI · 01Agentic UXAI 代理替你跑完整段流程，UI 只在需要確認時冒出來○ time to stretch// running quietly in backgroundLESS UI · 02Ambient AI系統在背景默默處理常規需求，必要時才浮上前台layout v3LESS UI · 03Generative UI介面不是預先設計的，是 AI 根據當下任務即時組裝▸ recommendedFlight · Hotel · Tourapprove →LESS UI · 04Proposal Cards不再列搜尋結果，直接給整套打包好的方案Liquid GlassMORE UI · 05Liquid Glass半透明、會折射、會隨內容變色的玻璃材質語言TAP HEREMORE UI · 06Tactile Maximalism厚度、紋理、可變形元件——對扁平極簡的反動MORE UI · 07Skeuomorphic Revival3D 質感、實體比擬重新被當成可接受的設計選項MORE UI · 08Motion-as-Material動效不是裝飾，是溝通工具與層級系統▲ 八個趨勢的概念示意圖：左欄是介面消失派、右欄是介面實體化派介面消失派的主張：最好的 UI 是使用者不用看到的 UI。你告訴 AI「幫我訂下週去京都的機票」，AI 自己跑完比價、查行事曆、處理會員點數，最後只丟一張「我選這個，你確認嗎」的卡片給你。中間那些畫面——搜尋框、篩選器、比較表——全部消失。這派背後是 Anthropic、OpenAI、Google 這些做 agent 的公司，還有像 Perplexity 把搜尋結果直接改成「方案卡」的應用。他們相信介面是中間層，中間層越少越好。介面實體化派的主張剛好相反：既然你難得要讓使用者看到 UI，那這個 UI 就得值得被看。它要有光線、有厚度、有反應，要讓使用者第一眼就記得它。Liquid Glass 不是隨便一個視覺潮流，它是 Apple 在告訴你「我們的系統元件從此每一個都會發光」。▲ 介面實體化派的真實實作：iOS 26 把每個 icon 與 widget 都設計成「值得被看」的物件（圖：Apple Newsroom）兩派聽起來在打架，但你仔細看會發現它們處理的是同一個問題：使用者的注意力被搶得很兇，介面如果不想被忽略，要嘛乾脆消失、要嘛變得不可忽視。中庸路線——也就是過去十年主流的扁平極簡——反而是最沒出路的那條。“中庸的扁平極簡，是 2026 最沒有出路的那條路線。CHAPTER 02 / THE METRIC SHIFT度量衡在換：從注意力經濟到意圖經濟分裂的表面底下還有一個更深的變化——我們用來判斷一個設計好不好的 KPI 正在被整個換掉。過去十年，產品團隊追求的是停留時間、頁面瀏覽數、每次 session 長度。這些指標背後是同一個假設：使用者花越多時間在你的產品上，你的產品就越有價值。這套邏輯是社群媒體給整個科技業的遺產。但 agentic 介面一出現，這套假設就崩了。如果 AI 幫你兩秒解決完本來要花你十分鐘的事，你花在介面上的時間變成兩秒。按舊的 KPI，這是失敗；按新的 KPI，這叫成功。PAST · 2015–2024Time on SitePage ViewsSession LengthDaily Active Users2026 →Resolution VelocityTasks CompletedTime SavedTrust Earned產業在 2026 給這個新指標一個名字：Resolution Velocity——解決速度。使用者的意圖抵達「完成」的速度，才是你設計的真正成績。這個轉變對設計師來說是顛覆性的。你不再設計「讓人想停下來的畫面」，你設計「讓人可以最快離開的流程」。一個完美的 2026 產品，可能是一個使用者幾乎沒看過的產品。CHAPTER 03 / THE NEW JOB設計師在 2026 畫的像素會變少，不是變多這一章是我想講的重點。大部分設計師對 AI 的焦慮是「它會把我的工作搶走」。這個框架是錯的。2026 的真相不是設計師會變少，而是設計師做的事情本質上會換一種樣貌。你還在工作，只是你在畫的東西變了。三件具體的事情正在發生：SHIFT 01從畫版面到寫規則Generative UI 的世界裡，同一個功能可能被 AI 根據使用者當下的任務生成成十種不同樣貌。你不可能預先把十種都畫出來——你能做的是定義「這個元件在什麼條件下應該出現、大小怎麼變、優先順序怎麼排」。設計稿從「畫面」變成「規則集」。Figma 檔案裡的靜態畫面會越來越少，有條件邏輯的 component variant 會越來越多。你花在 Auto Layout 和 variant property 上的時間會超過花在排版上的時間。SHIFT 02從視覺層到語意層這是 2026 最被低估的改變。Figma 在去年底開始推「semantic design systems」的概念——每一個元件、每一個 token，都要帶有它的「意義」而不只是它的「長相」。為什麼？因為 AI 要能正確使用你的設計系統來生成介面，它不能只看到「這個按鈕是藍色的」。它必須知道「這個按鈕是主要動作、會送出表單、通常用在成功流程的結尾」。Token 從 blue-500 變成 button-primary-background。元件必須有 description、必須寫清楚 intended use case。▲ Apple 在 Xcode 26 推出的 Icon Composer——設計師的新工具不再是「畫出 icon」，而是「定義 icon 的多層結構與系統行為」（圖：Apple Newsroom）這件事的深遠影響是：設計師在 2026 的產出越來越像設計文件，而不是設計作品。你寫下的「這個按鈕為什麼存在」會比你畫的「這個按鈕長什麼樣」更有價值，因為前者是 AI 看得懂的、後者是 AI 可以自動生成的。SHIFT 03從「使用者怎麼操作」到「什麼時候該把使用者請回來」Agentic UX 的設計議題是「哪一步該問使用者，哪一步不用」。這聽起來很小，但它是整個 agent 產品成敗的關鍵。問太多，使用者覺得「那我乾脆自己做」；問太少，使用者覺得「我沒辦法信任這個東西」。這個判斷過去不是 UX 設計師的主要工作——過去我們設計的是「使用者下一步會怎麼走」。現在我們設計的是信任的節奏。使用者什麼時候該看到 AI 在做什麼、什麼時候可以安心放手、哪一個動作必須停下來等確認、出錯了要怎麼回滾——這些原本是工程議題的事情，全部變成 UX 議題。把這三件事加起來，你會發現 2026 設計師的工作重心往上游移了一層。你畫的畫面變少，但你做的判斷變重。這不是威脅，這是這份工作難度的重新分配——沒辦法被 AI 取代的部分變得更重要。“你畫的畫面變少，但你做的判斷變重。CHAPTER 04 / THE RECKONINGLiquid Glass 的無障礙結帳日▲ Apple 在 WWDC 2025 發表的 Liquid Glass 設計語言（圖：Apple Newsroom）Apple 去年 6 月發表 Liquid Glass 的時候，整個設計圈的第一反應是興奮。半透明、折射、會隨內容變色的動態材質，這是十年來介面語言最大的一次翻新。十個月過去了，這波興奮後面的帳單開始浮現：可讀性。▲ Liquid Glass 的「Clear Look」完全透明模式——夢幻歸夢幻，但對視力不完美的使用者、低階機型、強光下的螢幕，這就是一張可讀性挑戰書（圖：Apple Newsroom）Liquid Glass 靠光線與模糊建立層次，而不是靠對比度。這在設計師的高解析螢幕上看起來夢幻，但對視力不完美的使用者、對陽光下的手機螢幕、對低階機型的 GPU、對跨年齡層的產品，它是一個災難。Apple 自己已經在 iOS 26 的後續更新中多次調整透明度，就是因為第一版收到太多可讀性回饋。這對 2026 要借用這套視覺語言的產品來說是一個重要的警告：Reduce Transparency 不能是 fallback，它必須是第一天就設計進去的選項。你不能先把玻璃做漂亮，再回頭補無障礙版本。兩個版本必須同時存在、同時被測試、同時被簽核。這件事的更大含意是：2026 的設計美學不能再拿無障礙性當代價。過去「漂亮優先，無障礙性之後再說」這種做法在 Liquid Glass 之後已經破產。任何把視覺效果做到極致的設計語言，都必須同時把降級版本做到一樣用心。這不是道德要求，這是產品存活的要求。CHAPTER 05 / MY TAKE2026 真正的設計力是什麼寫到這裡，我自己的結論是這樣的。2026 不是哪一派贏了。不是 agentic 壓過 glass，也不是 glass 壓過 agentic。它們會在同一個產品裡共存——登入頁可能走實體化路線，自動化工作區走消失派路線，一個 dashboard 的主框架走 Window Grids 2.0，但裡面某個特定的分析卡走 Generative UI。這意味著 2026 設計師真正要練的能力不是「我會用哪個趨勢」，而是我能判斷這個畫面、這個任務、這個使用者當下的情境，應該屬於哪一派。這個判斷力是資深設計師跟新手在 2026 之後最主要的差距——不是誰 Figma 按得比較熟，而是誰的系統感比較準。▲ 同一套介面，可以是極致的視覺、也可以是降級的可讀模式——2026 的設計，差別不在哪一種對，而在你知不知道什麼時候該用哪一種（圖：Apple Newsroom）過去設計的差異化是「我做得多漂亮」。2026 開始，差異化會變成「我有沒有挑對該做漂亮的地方、以及該讓使用者感覺不到的地方」。同一份設計工具、同一套 AI 模型、同一批元件庫，十個設計師會做出十種結果，而差距不在手感，在判斷。這也是為什麼「設計師會被 AI 取代嗎」這個問題在 2026 已經沒什麼討論價值。AI 可以幫你生十個版面、調二十種光線、寫三十種 copy。但「這個畫面應該屬於哪一派」的決定，是設計這份工作真正剩下的核心，而它需要對使用者場景的同理、對技術邊界的理解、對品牌個性的拿捏。這三件事不會被自動化，至少在可預見的未來不會。如果你今年只記住這篇文章的一句話，我會希望是這一句：2026 真正的設計力不是把所有趨勢都用上，而是知道什麼時候不該用。ONE-MINUTE CHEATSHEET一分鐘懶人包01 2026 八個關鍵趨勢分成兩派：介面消失派（Agentic UX、Ambient AI、Generative UI、Proposal Cards）和介面實體化派（Liquid Glass、Tactile Maximalism、Skeuomorphic Revival、Motion-as-Material）。02 兩派在回答同一個問題：注意力太稀缺，介面要嘛消失、要嘛不可忽視。中間路線最沒前途。03 產業的 KPI 正在從 attention 換成 Resolution Velocity——使用者意圖抵達完成的速度。好產品是讓人快點離開的產品。04 設計師在 2026 畫的像素變少，做的判斷變重。工作從畫版面轉成寫規則、從視覺層轉成語意層、從操作流程轉成信任節奏。05 Liquid Glass 十個月後的帳單是可讀性。Reduce Transparency 不是 fallback，是第一天就該設計的選項。06 2026 真正的設計力不是用上所有趨勢，而是知道什麼時候不該用。訂閱制 ✦ AI × 設計趨勢AI 覺醒設計應用攻略AI 工具跟設計趨勢每週都在變，我幫你濾掉雜訊，只留下會真正影響工作流的那些。每週一份精選，省下你自己追的時間。✦ AI 工具實測與工作流分享✦ 設計師角度的 Prompt 技巧✦ 每週精選 AI × 設計新知了解訂閱方案 →