譯者 | 劉濤

審校 | 重樓

2025年谷歌I/O開發(fā)者大會(huì)成果豐碩。會(huì)上，谷歌推出了 Stitch——一款由AI驅(qū)動(dòng)的用戶體驗(yàn)/用戶界面（UX/UI）設(shè)計(jì)工具。

什么是 Stitch

Stitch 是一個(gè)可依據(jù)簡單提示或一張圖片創(chuàng)建用戶界面（UI）的平臺(tái)。它誕生于“氛圍編程”逐漸興起的背景下。

什么是“氛圍編程”

“氛圍編程” 是一種借助AI模型，僅通過簡單提示就能生成代碼的開發(fā)過程。

Stitch 并非市場上唯一的AI驅(qū)動(dòng)的應(yīng)用程序設(shè)計(jì)工具。Cognition、Windsurf 和 Codex 是市場上頗受歡迎的同類工具。微軟還在 2025 年 Build 大會(huì)啟動(dòng)活動(dòng)中推出了 GitHub Copilot 代碼編寫輔助工具。

由此可見，AI在用戶體驗(yàn)/用戶界面設(shè)計(jì)領(lǐng)域正占據(jù)主導(dǎo)地位。

AI對(duì)設(shè)計(jì)師而言：是朋友還是敵人？

在《終結(jié)者》電影中，天網(wǎng)（Skynet）和泰坦（Titan）給人留下深刻印象。當(dāng)然，并非指AI會(huì)發(fā)展成類似的存在，但不可否認(rèn)，AI正給設(shè)計(jì)行業(yè)帶來變革。

AI是否會(huì)對(duì)設(shè)計(jì)師構(gòu)成威脅，答案并非簡單明了，存在兩種不同觀點(diǎn)。

AI是朋友

AI系統(tǒng)可幫助設(shè)計(jì)師更高效地了解受眾，從而打造出能在企業(yè)與目標(biāo)受眾之間建立更緊密聯(lián)系的數(shù)字產(chǎn)品。

其實(shí)現(xiàn)方式為：借助AI，設(shè)計(jì)師能夠快速收集并評(píng)估大量有關(guān)目標(biāo)受眾的數(shù)據(jù)，進(jìn)而打造出引發(fā)用戶共鳴的產(chǎn)品。

除上述重要優(yōu)勢外，AI還能提供：

• 創(chuàng)新洞見
• 個(gè)性化交互
• 關(guān)聯(lián)性
• 快速處理
• 直觀用戶體驗(yàn)

AI是敵人

部分行業(yè)專家認(rèn)為，AI會(huì)搶占設(shè)計(jì)師的工作崗位。然而，這一問題可從另一視角審視，AI并非設(shè)計(jì)師的對(duì)立面。

若要判斷AI是否具備足夠的創(chuàng)造力來理解用戶的情感，能否真正體察人類所處的復(fù)雜多樣情境，并據(jù)此創(chuàng)造出引發(fā)情感共鳴的設(shè)計(jì)成果，短期內(nèi)的答案顯然是否定的。

盡管AI能夠自動(dòng)化處理重復(fù)性任務(wù)，但其無法復(fù)制人類的創(chuàng)造力與同理心。因此，認(rèn)為AI會(huì)完全取代設(shè)計(jì)師的觀點(diǎn)缺乏現(xiàn)實(shí)依據(jù)。

相較于擔(dān)憂被AI取代，設(shè)計(jì)師更應(yīng)關(guān)注如何借助AI打造卓越設(shè)計(jì)。

當(dāng)下，多數(shù)設(shè)計(jì)師在用戶界面/用戶體驗(yàn)（UI/UX）設(shè)計(jì)流程中使用AI，該技術(shù)在設(shè)計(jì)師群體中頗受歡迎。諸如 Adobe 的 Firefly、Illustrator 和 Photoshop 等AI工具，正簡化著圖像編輯、色彩調(diào)整和生成等工作?；谶@些因素，預(yù)計(jì)到 2030 年，AI市場將為美國國內(nèi)生產(chǎn)總值帶來約 21% 的凈增長，設(shè)計(jì)市場在其中貢獻(xiàn)顯著。

由此引出當(dāng)下的關(guān)鍵問題：如何在 UI/UX 設(shè)計(jì)流程中應(yīng)用AI和機(jī)器學(xué)習(xí)？接下來將對(duì)此展開探討。

AI與機(jī)器學(xué)習(xí)如何助力 UI/UX 設(shè)計(jì)流程？

AI驅(qū)動(dòng)的用戶體驗(yàn)/用戶界面（UX/UI）設(shè)計(jì)有助于在用戶與品牌之間建立更緊密的聯(lián)系，其中涉及機(jī)器學(xué)習(xí)驅(qū)動(dòng)的策略以提升用戶體驗(yàn)。盡管部分設(shè)計(jì)師對(duì)采用這一方法尚存顧慮，但也認(rèn)識(shí)到其具有巨大潛力。

AI與機(jī)器學(xué)習(xí)究竟如何在 UI/UX 設(shè)計(jì)流程中發(fā)揮作用，以下將進(jìn)行詳細(xì)探討。

AI在打造卓越用戶體驗(yàn)設(shè)計(jì)中的關(guān)鍵作用

約62%的設(shè)計(jì)師認(rèn)為，AI對(duì)設(shè)計(jì)流程具有積極的推動(dòng)作用。AI能夠通過智能感知用戶行為與其產(chǎn)生交互，并作出自動(dòng)化響應(yīng)，有效改善用戶體驗(yàn)；同時(shí)，它還能在短時(shí)間內(nèi)生成多樣化的設(shè)計(jì)方案，大幅提升設(shè)計(jì)效率與創(chuàng)新可能性，從而進(jìn)一步增強(qiáng)產(chǎn)品的用戶吸引力與使用滿意度。

此外，AI算法能夠通過深度分析用戶行為模式與交互習(xí)慣，精準(zhǔn)識(shí)別用戶需求，從而簡化操作流程，提升用戶體驗(yàn)。將AI融入智能用戶界面設(shè)計(jì)，不僅可實(shí)現(xiàn)交互過程的智能化與個(gè)性化，還能有效優(yōu)化用戶旅程，減少使用中的摩擦與挫敗感，讓用戶更加高效、便捷地獲取所需信息，真正實(shí)現(xiàn)以用戶為中心的設(shè)計(jì)理念。

機(jī)器學(xué)習(xí)在打造智能的AI驅(qū)動(dòng)型 UX/UI 設(shè)計(jì)中的作用

在設(shè)計(jì)過程中，傳統(tǒng)方式評(píng)估大量數(shù)據(jù)集以了解受眾既耗時(shí)又繁瑣。雖然評(píng)估用戶行為在個(gè)性化設(shè)計(jì)中至關(guān)重要，但機(jī)器學(xué)習(xí)算法能夠快速完成這一評(píng)估，甚至能實(shí)時(shí)發(fā)現(xiàn)人眼難以察覺的模式。

因此，AI驅(qū)動(dòng)的UX/UI設(shè)計(jì)流程能夠幫助設(shè)計(jì)師打造出更貼合用戶需求的用戶界面。

借助AI驅(qū)動(dòng)的 UX/UI 設(shè)計(jì)提升用戶體驗(yàn)的 5 種方法

在了解了AI和機(jī)器學(xué)習(xí)（ML）在AI驅(qū)動(dòng)的 UX/UI 設(shè)計(jì)流程中的作用后，接下來探討提升用戶體驗(yàn)的 5 種方法。

優(yōu)化設(shè)計(jì)測試與原型制作

此前已探討過AI和機(jī)器學(xué)習(xí)在用戶研究方面的助力。用戶行為研究是有效 UX/UI 設(shè)計(jì)流程的基礎(chǔ)，而設(shè)計(jì)測試與原型制作同樣關(guān)鍵。

AI正借助先進(jìn)的用戶交互模擬改變原型制作和測試過程，使設(shè)計(jì)原型和測試流程能更有效地反映現(xiàn)實(shí)世界中用戶的偏好和行為。

提高設(shè)計(jì)的可訪問性

在設(shè)計(jì)用戶界面（UI）時(shí)，產(chǎn)品對(duì)殘障人士的可訪問性往往容易被忽視。一項(xiàng)研究表明，在 100 萬個(gè)網(wǎng)頁中，共報(bào)告了 50,960,288 個(gè)可訪問性錯(cuò)誤，平均每頁 51 個(gè)錯(cuò)誤。

通過整合AI，可以提升產(chǎn)品的可訪問性。在AI驅(qū)動(dòng)的 UX/UI 設(shè)計(jì)中融入語音指令、文本大小調(diào)整、圖像替代文本以及顏色調(diào)整等功能，不僅體現(xiàn)了道德與同理心，還能讓用戶感受到被理解和重視。

個(gè)性化客戶旅程

定制化且響應(yīng)迅速的設(shè)計(jì)具有顯著優(yōu)勢。自適應(yīng)的用戶界面和精心規(guī)劃的內(nèi)容交付對(duì)于吸引潛在客戶和留住現(xiàn)有客戶至關(guān)重要，尤其在設(shè)計(jì)面向更廣泛受眾的數(shù)字產(chǎn)品時(shí)。

AI驅(qū)動(dòng)的 UX/UI 設(shè)計(jì)工具可助力優(yōu)化這一過程，使設(shè)計(jì)師能夠輕松識(shí)別并規(guī)劃定制化的客戶旅程。個(gè)性化的旅程有助于提高用戶參與度并增加收益。

減少設(shè)計(jì)偏差

設(shè)計(jì)偏差可能隨時(shí)出現(xiàn)，設(shè)計(jì)師甚至可能并未察覺。然而，設(shè)計(jì)偏差會(huì)扭曲設(shè)計(jì)產(chǎn)品的可用性和吸引力，甚至可能延續(xù)刻板印象。

例如，設(shè)計(jì)師可能在無意識(shí)的情況下設(shè)計(jì)出僅吸引某一目標(biāo)群體的產(chǎn)品，從而錯(cuò)過其他受眾，導(dǎo)致產(chǎn)品對(duì)部分人有吸引力，而對(duì)另一部分人毫無用處。

AI驅(qū)動(dòng)的 UX/UI 設(shè)計(jì)系統(tǒng)能夠精準(zhǔn)定位這些傾向，識(shí)別選擇和交互中的偏差設(shè)計(jì)模式，從而解決問題，設(shè)計(jì)出平衡且包容的數(shù)字產(chǎn)品。

增強(qiáng)界面設(shè)計(jì)

用戶體驗(yàn)依賴于數(shù)字產(chǎn)品的 UI 設(shè)計(jì)，界面需兼具功能性與美觀性，才能持續(xù)給用戶留下深刻印象并使其滿意。

AI工具可根據(jù)用戶數(shù)據(jù)洞察創(chuàng)建用戶界面，幫助設(shè)計(jì)師更高效地工作，使其能夠創(chuàng)建流暢且吸引人的用戶界面。

這種由AI驅(qū)動(dòng)的 UI 設(shè)計(jì)能夠打造出既符合品牌形象，又能提供卓越AI驅(qū)動(dòng)用戶體驗(yàn)的界面。

AI驅(qū)動(dòng)的UX/UI設(shè)計(jì)中值得關(guān)注的現(xiàn)代 UX/UI 趨勢

AI驅(qū)動(dòng)的 UX/UI 設(shè)計(jì)正給設(shè)計(jì)行業(yè)帶來革命性變革，因此，及時(shí)跟進(jìn)最新趨勢尤為重要。

設(shè)計(jì)師緊跟這些前沿趨勢，有助于在設(shè)計(jì)中為用戶提供卓越、人性化的體驗(yàn)。當(dāng)下值得關(guān)注的部分趨勢如下：

超個(gè)性化

AI通過深度分析個(gè)體用戶的偏好、行為路徑與使用情境，能夠動(dòng)態(tài)構(gòu)建實(shí)時(shí)自適應(yīng)的界面體驗(yàn)。這種高度定制化的設(shè)計(jì)不僅精準(zhǔn)契合用戶需求，更能預(yù)判用戶意圖，在滿足期望的同時(shí)超越預(yù)期，帶來更具沉浸感與吸引力的交互體驗(yàn)。

情感智能設(shè)計(jì)

隨著AI技術(shù)的進(jìn)步，具備情感感知能力的AI驅(qū)動(dòng)型UX/UI設(shè)計(jì)正逐步興起。通過識(shí)別用戶的情緒狀態(tài)（如語音語調(diào)、面部表情或交互節(jié)奏），AI可預(yù)測用戶心理與行為傾向，并實(shí)時(shí)調(diào)整界面反饋、內(nèi)容推薦或交互流程，實(shí)現(xiàn)更自然、共情且響應(yīng)靈敏的用戶體驗(yàn)。

AI強(qiáng)化的可訪問性

AI正在推動(dòng)包容性設(shè)計(jì)邁向新高度。它能自動(dòng)檢測并修正視覺對(duì)比度不足、文本可讀性差、操作邏輯混亂等常被忽視的設(shè)計(jì)偏差，同時(shí)提供語音導(dǎo)航、圖像描述生成、認(rèn)知輔助等功能，幫助殘障用戶或特殊情境下的用戶更平等、便捷地使用數(shù)字產(chǎn)品，真正踐行“人人可用”的設(shè)計(jì)理念。

語音用戶界面（VUI）

語音交互（VUI）雖非全新概念，但AI的深度融合使其迎來革命性升級(jí)。AI賦能的VUI不僅能理解自然語言、上下文語義和多輪對(duì)話，還顯著提升了語音識(shí)別的準(zhǔn)確性與響應(yīng)智能化水平。這一趨勢不僅優(yōu)化了人機(jī)溝通效率，也極大增強(qiáng)了移動(dòng)場景與無障礙環(huán)境中的操作便利性，持續(xù)提升整體用戶體驗(yàn)。例如，蘋果公司已將Siri與OpenAI技術(shù)進(jìn)行整合，標(biāo)志著語音助手向更智能、更人性化的方向邁進(jìn)。

AI驅(qū)動(dòng)的設(shè)計(jì)系統(tǒng)

設(shè)計(jì)系統(tǒng)作為提升設(shè)計(jì)流程的工具，在融入AI后，顯著增強(qiáng)了跨平臺(tái)的可擴(kuò)展性與一致性。通過智能化的組件生成、規(guī)則匹配與狀態(tài)管理，AI賦能的設(shè)計(jì)系統(tǒng)有助于設(shè)計(jì)與開發(fā)團(tuán)隊(duì)高效協(xié)作，確保設(shè)計(jì)語言與交互體驗(yàn)的高度統(tǒng)一。

適用工具推薦

在AI驅(qū)動(dòng)的 UX/UI 設(shè)計(jì)流程中，選擇合適的工具仍是一個(gè)備受關(guān)注的問題。

以下是目前市場上部分廣受認(rèn)可的AI工具，它們通過 AI 技術(shù)有效支持 UI/UX 設(shè)計(jì)流程：

• Uizard：利用機(jī)器學(xué)習(xí)技術(shù)，根據(jù)用戶行為模式與設(shè)計(jì)趨勢，將手繪草圖快速轉(zhuǎn)化為功能原型。
• Fronty：通過AI將靜態(tài)圖像自動(dòng)轉(zhuǎn)換為 HTML 和 CSS 代碼，實(shí)現(xiàn)從靜態(tài)模型轉(zhuǎn)化為交互式網(wǎng)站。
• AccessiBe：基于AI優(yōu)化網(wǎng)頁可訪問性，確保內(nèi)容兼容屏幕閱讀器并便于導(dǎo)航，提升包容性用戶體驗(yàn)。
• Khroma：利用算法生成符合可讀性標(biāo)準(zhǔn)的配色方案，幫助視障用戶更便捷地使用數(shù)字產(chǎn)品。
• Pendo AI：通過機(jī)器學(xué)習(xí)分析用戶行為，為不同用戶群體提供個(gè)性化的產(chǎn)品引導(dǎo)與支持設(shè)計(jì)。
• Dynamic Yield：根據(jù)用戶偏好動(dòng)態(tài)調(diào)整菜單、按鈕布局和內(nèi)容排列，實(shí)現(xiàn)界面的個(gè)性化呈現(xiàn)。
• Fairness Indicator：谷歌推出的 AI 工具，用于檢測機(jī)器學(xué)習(xí)算法在設(shè)計(jì)應(yīng)用中可能存在的偏差。
• Acrolinx：由AI驅(qū)動(dòng)的內(nèi)容檢查工具，可檢測設(shè)計(jì)、文案或內(nèi)容中的設(shè)計(jì)偏差。
• Adobe Sensei：基于AI預(yù)測，從海量字體、圖標(biāo)和標(biāo)志中智能推薦匹配品牌風(fēng)格的設(shè)計(jì)元素。
• Colormind：通過分析用戶數(shù)據(jù)與行為模式，可選擇與目標(biāo)受眾相匹配且能提高用戶參與度的調(diào)色板。
• Figma Make：支持“從提示生成應(yīng)用”，用戶只需輸入自然語言描述，即可自動(dòng)生成交互式原型和應(yīng)用程序。

這些工具正逐步融入現(xiàn)代設(shè)計(jì)工作流，助力設(shè)計(jì)師提升效率、增強(qiáng)一致性，并推動(dòng)更具個(gè)性與包容性的用戶體驗(yàn)設(shè)計(jì)。

AI：引領(lǐng)卓越設(shè)計(jì)新時(shí)代的伙伴

世間無完美之物，AI也不例外。然而，通過成熟的AI驅(qū)動(dòng)的 UX/UI 設(shè)計(jì)流程，能夠打造出用戶體驗(yàn)流暢、響應(yīng)智能的高品質(zhì)強(qiáng)大產(chǎn)品。

關(guān)鍵在于，AI不僅優(yōu)化了用戶旅程，還幫助設(shè)計(jì)師更深入地理解目標(biāo)受眾。借助數(shù)據(jù)洞察與行為預(yù)測，設(shè)計(jì)師可實(shí)現(xiàn)設(shè)計(jì)的實(shí)時(shí)調(diào)整，創(chuàng)造出能預(yù)見并滿足用戶未來需求的數(shù)字產(chǎn)品。

若仍在質(zhì)疑AI對(duì)設(shè)計(jì)師而言是威脅還是助力，答案已然清晰：只要合理運(yùn)用，它便是提升效率、激發(fā)創(chuàng)意、實(shí)現(xiàn)以用戶為中心設(shè)計(jì)的得力伙伴。

譯者介紹

劉濤，51CTO社區(qū)編輯，某大型央企系統(tǒng)上線檢測管控負(fù)責(zé)人。

原文標(biāo)題：AI-Powered UX/UI Design: A Breakthrough in Modern App Design，作者：Atanu Sarkar