---
title: "Neural Expressive 是什麼？Google 為 Gemini 推出的 AI 介面新語言完整解析"
slug: neural-expressive-gemini-design-language
url: https://rar.design/posts/neural-expressive-gemini-design-language
published_at: 2026-05-20
modified_at: 2026-05-20
author: "設計師 Riven"
category: "AI 設計"
tags: ["設計趨勢", "UI 設計", "I/O 2026", "Design Language", "AI 介面設計", "Google", "Gemini", "Neural Expressive"]
access: public_access
---

# Neural Expressive 是什麼？Google 為 Gemini 推出的 AI 介面新語言完整解析

> 從文字牆到生成式雜誌版面，9 億用戶級的設計範式正式轉換

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

AI · DESIGN LANGUAGE · 2026 ▲ Neural Expressive 一張圖看懂——左標題、右側五張介面卡片展示玻璃質感與情境氛圍，下方並列五大設計元素與五個應用場景 QUICK ANSWER Neural Expressive 是 Google 在 I/O 2026 為 Gemini 推出的全新設計語言，5 月 19 日同步上線 Android、iOS、Web。它把流動動畫、鮮明色彩、新字體系統與觸覺回饋整合成一套介面語法，但真正的關鍵不在「換皮」，而是 Gemini 回應不再是一面文字牆，而是會即時生成圖、影片、時間軸、互動視覺的雜誌式版面。這是過去四年「prompt + chat log」介面範式的第一次正式告別。 昨晚 Google I/O 2026 keynote 結束後，矽谷設計圈幾乎是同一時間在傳同一張截圖——不是 Gemini 3.5 Flash 的 benchmark，不是 Gemini Spark 那個 24／7 agent，是一張看起來像雜誌內頁的回應畫面。羅馬水道系統的查詢，吐回來的不是九百字文字牆，是插圖、標籤、引文、時間軸混排的版面。 那一刻有點像 2007 年第一次看到 iPhone 滑動解鎖的瞬間——你會立刻知道，前面四年大家在用的那套東西，要被重新定義了。 Google 把這套新的視覺與互動語法命名為「Neural Expressive」。Gemini 全球 9 億月活用戶，從今天起會陸續看到一個截然不同的 AI 介面。對設計師而言，這篇值得仔細看完——不只是因為它好看，更因為它預告了未來兩年「AI 工具的介面範式」會往哪走。 CONTENTS 01Neural Expressive 到底是什麼 02為什麼這次不只是「換皮」 03拆解四個關鍵設計元素 04Chat log 範式的告別 05對設計師意味著什麼 06三個值得保留的懷疑 CHAPTER 01 · WHAT IS IT Neural Expressive 到底是什麼 Neural Expressive 是 Gemini 的新設計語言，由 Google Labs VP Josh Woodward 在 I/O 2026 keynote 上發表。Gemini UI／UX lead Jenny Blackburn 帶領團隊重寫整套視覺與互動規範，從歡迎畫面、輸入框、回應排版、語音介面到觸覺回饋全部重來。 Blackburn 在訪談裡用了一個很精確的詞描述舊版介面：「the giant wall of text」——一面巨大的文字牆。這四年 ChatGPT、Claude、Gemini、Copilot 全部在用同一套：使用者打字進去，AI 吐一大段文字出來，捲動、再 prompt、再吐。介面是固定的，內容塞進去。 Neural Expressive 把這件事翻過來：介面跟著內容走。同一個 Gemini，問「羅馬水道怎麼運作」會吐雜誌排版的圖文混排；問「今天的天氣」會吐動態天氣卡；問「幫我比較三個方案」會吐 grid 對照表。Blackburn 自己的說法是：「不再像是滑無止盡的對話記錄，而像介面有機地圍繞被生成的資訊在重組。」 名字的選擇也透露意圖。Material Expressive 是 Google 去年 I/O 25 為 Android 推出的設計語言進化版，主打更有情感、更動態。Neural Expressive 等於把「Expressive」的精神，從 Android 系統層往 AI 介面層推一階。Engadget 在 keynote 直播中就直接點明這是「a play on Material Expressive」，這個命名不是隨便取的。 ▲ 同一套設計語言在歡迎語、語音對話、回應排版、文件列表中的一致表現（圖片來源：Google） CHAPTER 02 · WHY IT MATTERS 為什麼這次不只是「換皮」 Engadget 的直播主持人在 keynote 當下說了一句酸話：「它⋯⋯看起來就是加了一些新的漸層？」這句話部分有道理——如果只看靜態截圖，Neural Expressive 確實只是換了個更柔的暗藍漸層、把字體調圓一點、輸入框變膠囊狀。 但這次的重點不在像素，在邏輯。差別有三層： 900M月活用戶 230國家／地區 70+支援語言 第一層，規模。9 億月活、230 國、70 種語言——這已經不是一個產品的視覺刷新，是大眾級 AI 介面範式被重寫。Gemini 一去年 I/O 還是 4 億月活，一年翻 2.25 倍，這個量體足以倒推設計圈接下來兩年的工作方向。 第二層，邏輯。過去的 AI 介面是「prescriptive」——模板先寫好，內容塞進去。Neural Expressive 是「generative」——回應的版面，由 Gemini 自己即時生成。當查詢需要圖示，Nano Banana 就在線上生圖；當需要時間軸，就直接渲染時間軸元件。介面不再是設計師事先畫好的容器，是 AI 即時組裝的輸出。 第三層，預設。Blackburn 講了一句話我反覆讀了三次：「我們相信，當這項技術變得更強大，介面反而應該變得更簡單。」這是反直覺的。過去十年軟體設計的主流是「能力越強，工具越多」——Photoshop 工具列越塞越滿就是例子。Neural Expressive 是反過來：能力強到一個程度，介面該隱形，讓內容自己長出來。 「我們相信，當這項技術變得更強大，介面反而應該變得更簡單。」 JENNY BLACKBURN · GEMINI UI／UX LEAD CHAPTER 03 · HOW IT WORKS 拆解四個關鍵設計元素 Google 官方文件把 Neural Expressive 拆成四個主要元素。我按設計師會關心的順序排： 1Fluid animations（流動動畫）Blackburn 說這套動畫的設計概念是「神經元點火（the feeling of seeing neurons fire）」——背景的程序動畫、選單的響應動態，都在暗示底層模型正在思考。動畫不是裝飾，是 status indicator。 2Vibrant colors（鮮明色彩）Dezeen 的觀察很準：主視覺維持深淺雙模式，但底層疊上藍色漸層；字距與字色用 ombre 漸層做強調。色彩不再是固定的品牌色板，而是會根據查詢內容微調氛圍——Blackburn 稱這是 context-aware color palettes。 3New typography（新字體系統）Sans-serif 主體，但對「重點資訊」做粗體強調並上移到回應頂部。回應的視覺階層從「一段一段同等重要」變成「先重點、再展開」——這是雜誌排版的核心邏輯，現在被搬進 AI 對話。 4Haptic feedback（觸覺回饋）行動端在語音切換、回應送達、確認動作時加入細微震動。這是 Apple Watch 系列強項的橫向移植——讓無聲的互動「有感」。對 Android 設計師而言，這意味著之後 UI 設計交付要含 haptic spec。 四個元素本身都不算新。蘋果 2024 年的 Apple Intelligence 也用流動動畫表達思考狀態，Material 3 Expressive 早就講 vibrant color，雜誌排版字體系統存在了一百年，haptic feedback 是 iPhone 6s 就有的事。Neural Expressive 的價值不在發明新元素，是把這四件事整合進一套「AI 介面該怎麼長」的明確主張。 CHAPTER 04 · THE BIG SHIFT Chat log 範式的告別 ▲ 同一個 Gemini，回答「羅馬水道」的版面像翻一本雜誌——這張圖昨晚被矽谷設計圈大量轉發（圖片來源：Google） 這是整套設計語言裡，最值得設計師花時間看的部分。 過去四年所有主流 AI 工具——ChatGPT、Claude、Perplexity、Gemini 舊版——都長同一個樣子：上面是訊息流，下面是輸入框，回應一律文字段落由上往下排。設計師早就知道這個 UX 有問題：閱讀疲勞、資訊密度低、難以掃描、不適合視覺型內容。但大家都沒動，因為 prompt-response 是一個容易理解的隱喻。 Neural Expressive 是第一個 9 億用戶級的產品，明確宣布要拆掉這個隱喻。 面向Chat Log 範式Neural Expressive 介面形態固定容器生成式版面 回應結構線性文字段落階層 + 雜誌排版 視覺元素使用者要求才出現系統判斷情境插入 圖像來源無真實圖 + Nano Banana 即時生成 輸入模式手動切換打字 / 語音 / 相機無縫切換 Live 對話全螢幕獨立介面內嵌膠囊，不離開主畫面 細節值得停一下：回應裡的圖，可能是真實照片（譬如購物查詢吐出的商品圖），也可能是 Nano Banana 即時生成的科學示意圖。Blackburn 在訪談裡特別強調一句：「我那時候想的是，這不能比較慢。」團隊花了大量測試確保新回應不會比舊版慢，因為「如果讓用戶等，那就是非常糟的取捨」。 這個堅持對設計師是個訊號——AI 工具的視覺升級，不能用「我們在優化體驗」當效能下降的擋箭牌。速度本身就是體驗。 OFFICIAL VIDEO 想看 Neural Expressive 在 keynote 現場的完整呈現，可以直接看 Google 官方的 I/O '26 Recap： ▲ I/O '26 Recap，Google 官方頻道 CHAPTER 05 · FOR DESIGNERS 對設計師意味著什麼 我想說三件具體的事，是這一兩年 UI／UX 設計師會看到的工作變化。 SHIFT 01 UI 設計從「畫螢幕」變成「定義語法」 過去畫一個 App，會交付幾十個 Figma 介面截圖。在 Neural Expressive 模式下，AI 會即時生成版面，設計師要交付的不再是「這個畫面長什麼樣」，是「這個畫面在什麼條件下該長什麼樣」。也就是說，design system 的權重會從元件庫往生成規則移動——card 在什麼語境下用、何時要插入時間軸、字級階層的判斷條件，這些原本由設計師逐畫面決定的事，要變成可被 AI 讀懂的規則。 SHIFT 02 編輯排版能力的重新升值 過去十年大家在學 Figma、學 component-based design，編輯排版（雜誌、書籍、長文）被當成偏文藝的小眾技能。Neural Expressive 把雜誌排版搬進 AI 介面之後，「會排雜誌」這件事就變成 UI 設計師的高價值技能。掌握資訊階層、知道一張圖怎麼穿插段落間、懂引文與 pull quote 的節奏——這些原本只有編輯總監會的事，現在會出現在 UI 規範文件裡。 SHIFT 03 設計師的判斷力，比工具更值錢 Neural Expressive 證明了一件事——AI 介面的視覺品質，最終卡在「人」的判斷上：什麼時候該用圖、什麼時候不該、字級階層怎麼定、什麼語境配什麼動畫節奏。這些不能 prompt 出來。9 億用戶等級的產品要做這套設計語言，需要的不是更厲害的 AI，是更有判斷力的設計團隊。這對台灣的設計師反而是好消息——進場門檻變高的同時，價值也變高。 延伸閱讀：Google Stitch 是什麼 · Figma Make 完整介紹 · Claude Cowork 設計師工作流 CHAPTER 06 · LIMITS 三個值得保留的懷疑 上面講了很多優點，這裡刻意潑點冷水。Neural Expressive 不是沒問題，有三件事接下來幾個月會被檢驗。 一、生成式版面的品質一致性。當每個回應的版面都是 AI 即時組裝，意味著每個版面都可能出包——錯位、奇怪的字體混搭、Nano Banana 生出來的圖跟文字主題對不上。Apple 過去十年靠「精緻一致」建立信任，Google 現在賭一個「生成式但堪用」的方向，這條路滑得多。 二、無障礙與資訊密度。視障使用者怎麼讀一個有雜誌排版、動態插圖、時間軸的回應？高齡使用者面對動畫流動的介面會不會更難？Blackburn 的訪談沒談這部分，這是 9 億用戶級產品必須處理但 keynote 沒講的事。 三、設計師的學習成本。Google 還沒釋出公開的 Neural Expressive 設計規範（Material Expressive 過了快一年才有完整 spec 文件）。第三方應用要遵循這套語言至少還要等半年。在這之前，每個產品設計師都會收到老闆問「我們要不要也來個 Neural Expressive 風格？」——這時候沒參考文件可看，只能拿截圖逆推。 CHAPTER 07 · TAKEAWAYS 範式換的時候，要看的是邏輯不是像素 2007 年第一支 iPhone 發表的時候，最常見的反應是「啊不就是把 iPod 加上電話和瀏覽器」。從像素看，沒錯；從邏輯看，整個手機產業重新洗牌。 Neural Expressive 也會被一群人說「啊不就是把 Gemini 加了漸層動畫」。從像素看，也對；從邏輯看，AI 介面正式從「對話日誌時代」進入「生成式版面時代」。 接下來幾個月會有兩種設計師。一種會在 Threads 上酸「不就是換個皮」，繼續用舊範式畫 chat UI；另一種會打開 Gemini app，認真捲十次回應，把每個版面的判斷邏輯拆給自己看。半年之後，第二種人會在 Figma 上長出新的設計詞彙。 這就是設計圈最迷人的地方——範式換得很安靜，但只獎勵那些彎下腰仔細看的人。 三句話帶走 →Neural Expressive 是 Google 在 I/O 2026 為 Gemini 推出的新設計語言，5 月 19 日同步上線 Android、iOS、Web，覆蓋 9 億月活用戶。 →真正的轉變不在動畫與漸層，而在回應從「文字牆」變成「即時生成的雜誌式版面」——chat log 範式正式被告別。 →對設計師而言，UI 工作從「畫螢幕」往「定義語法」推進，雜誌排版與判斷力會比工具熟練度更值錢。 FAQ · 常見問題 常見問題 Q：Neural Expressive 什麼時候可以用？ A：2026 年 5 月 19 日 I/O keynote 當天起，全球同步推送到 Android、iOS、Web 三端。需要把 Gemini app 更新到最新版本，或直接到 gemini.google.com 看 Web 版。 Q：要付費才能用嗎？ A：免費版 Gemini 也會收到 Neural Expressive 更新。但 Gemini Omni 影片生成、Gemini Spark agent、Daily Brief 等同場發表的功能，需要訂閱 Google AI Plus／Pro／Ultra（Ultra 已調降至每月 $99.99 USD）才能完整使用。 Q：跟 Material Expressive 是什麼關係？ A：Material Expressive 是 Google 2025 年為 Android 系統推出的設計語言進化版，主打動態與情感表達。Neural Expressive 是同一精神往 AI 介面層延伸——名字裡的「Expressive」承繼，但「Neural」強調這是專為 AI 對話與生成式回應設計的視覺語法。 Q：跟 Apple Intelligence、ChatGPT 的介面差別在哪？ A：Apple Intelligence 走的是「介面隱形、整合系統」路線，AI 散布在原生 App 裡。ChatGPT 現階段仍維持 chat log 範式。Neural Expressive 是第一個明確主張「AI 對話本身就要重新長」的大眾級產品設計語言，把 chat 介面從容器升級成生成式版面。 Q：設計師現在該做什麼？ A：先打開 Gemini app 用十次，捲十個不同類型的查詢（資料查詢、學習、購物、規劃），記下每個版面的差異。再回頭看自己手上的產品，問一個問題：如果這套產品的回應介面要 generative 化，現在 design system 哪些元件是缺的？這個練習比讀十篇分析文章值錢。 Q：Google 有公開 Neural Expressive 設計規範嗎？ A：截至 2026 年 5 月 20 日，Google 還沒釋出公開的設計規範文件。參考 Material Expressive 過往節奏，完整 spec 預估要等半年到一年。目前能參考的是 I/O 2026 keynote 影片、Gemini app 實機介面，以及 Google 官方部落格的 blog.google／innovation-and-ai／products／gemini-app／next-evolution-gemini-app 一文。 RELATED · I/O 2026 系列 HUB · 完整回顧 Google I/O 2026 重點整理：Gemini Omni、3.5 Flash、Universal Cart 一次看懂 → 這篇是 I/O 2026 第一天 keynote 的全景概覽——Gemini Omni、3.5 Flash、Universal Cart、Android XR 一次看完，搭配其他 4 篇深度拆解一起讀，就能拼出整場發表的全貌。 SUBSCRIPTION · AIWAKEN AI 覺醒設計應用攻略 AI 工具每週都在更新，我幫你過濾雜訊，只整理對設計師真正有用的應用。 ✦ AI 工具實測與工作流 ✦ 設計師角度 Prompt 技巧 ✦ 每週 AI × 設計新知 了解訂閱方案 →