簡述：AI 并非接管用戶體驗設(shè)計，而是徹底改變我們的工作方式。本文將分享 AI 工具如何改變我的工作流程，讓我的工作更高效、更敏銳，以及為什么擁抱 AI 是當(dāng)今設(shè)計師最明智的選擇。

說實話——人工智能一開始讓我很害怕

當(dāng)人工智能工具開始充斥我的設(shè)計信息時，我感到恐慌。

“這會讓我的工作變得無關(guān)緊要嗎？”

這是我腦海深處平靜的聲音。

但我的經(jīng)驗是：人工智能并非用戶體驗設(shè)計師的替代品——它只是對我們工具包的升級。我們并非與人工智能競爭——而是與它合作。

現(xiàn)在，我把人工智能視為我的頭腦風(fēng)暴伙伴、文案助理、設(shè)計陪練伙伴和時間節(jié)省者。這種思維轉(zhuǎn)變開辟了我從未意識到自己需要的創(chuàng)意空間。

人工智能之前：我的用戶體驗流程是什么樣的

在我將人工智能引入其中之前，對我來說典型的用戶體驗流程是這樣的：

• 手動轉(zhuǎn)錄用戶訪談
• 用于親和力映射的便簽混亂
• 從零開始構(gòu)建用戶畫像
• 微文案的每一個字都是我自己寫的
• 多次反復(fù)的迭代和篩選
• 手動可用性測試和數(shù)小時的分析

是的，這確實很周到。但通常進展緩慢、重復(fù)性強，而且難以規(guī)模化。

進入人工智能：改變我的工作流程的轉(zhuǎn)變

然后是人工智能。起初，它只是用于快速內(nèi)容的 ChatGPT。但很快，我發(fā)現(xiàn)自己將更多工具融入到我的工作流程中——這些工具不僅節(jié)省了時間，而且實際上改善了我的工作方式。

以下是人工智能如何融入我當(dāng)前的用戶體驗階段：

研究與分析

• Notion AI：完美總結(jié)用戶訪談
• Dovetail AI：轉(zhuǎn)錄、標(biāo)記和分析研究模式
• ChatGPT：幫助生成假設(shè)或規(guī)劃關(guān)鍵主題

構(gòu)思與文案

• Magician（Figma 插件）：自動生成 UI 組件 + 微文案
• ChatGPT / Claude：編寫入門流程、按鈕文本、錯誤消息
• Jasper：針對不同用戶群體調(diào)整語氣

設(shè)計與原型制作

• Uizard：將手繪草圖轉(zhuǎn)換為可用的 UI
• Figma + AI 插件：加速重復(fù)性任務(wù)（例如，創(chuàng)建變體、自動布局幫助）
• Galileo AI：將文本提示轉(zhuǎn)換為模型（有時非常好?。?/li>

測試與反饋

• UXtweak和Maze：通過熱圖提供人工智能用戶測試
• Lookback + AI：通過記錄分析用戶行為

突然之間，數(shù)小時的體力勞動變成了幾分鐘的輔助創(chuàng)造力。

人工智能的優(yōu)勢（我并沒有抱怨）

以下是人工智能幫助我做得更好、更快、更少摩擦的事情：

• 加速重復(fù)性、低價值的任務(wù)
• 當(dāng)我陷入困境時，它能幫助我快速產(chǎn)生想法
• 以新視角增強頭腦風(fēng)暴
• 減少快節(jié)奏項目中的精神疲勞
• 讓我更專注于解決問題和講故事

人工智能仍然無法做到的事情

即使取得了所有進展，仍有一些東西是人工智能無法（或許也不應(yīng)該）取代的：

• 理解人類的情感、細微差別和未說出口的背景
• 做出符合道德的設(shè)計決策
• 用靈魂創(chuàng)造共情體驗
• 解讀模棱兩可的反饋
• 向利益相關(guān)者展示設(shè)計決策

這是件好事。因為這些正是用戶體驗的一部分，讓設(shè)計更具人性化。

我今天的工作流程：人機設(shè)計之舞

現(xiàn)在與人工智能合作感覺就像是一種創(chuàng)造性的伙伴關(guān)系——雙方都能帶來一些有價值的東西。

在研究過程中，我使用人工智能轉(zhuǎn)錄和標(biāo)記訪談內(nèi)容，但我也會介入解讀其中的情感細微差別并驗證模式。在構(gòu)思階段，人工智能會生成流程或占位文案，然后我會將其精煉成符合用戶目標(biāo)的精美體驗。在設(shè)計線框圖時，人工智能有助于加快布局建議的速度，但我也會運用用戶體驗啟發(fā)式方法、無障礙標(biāo)準(zhǔn)和敘事技巧。即使在測試階段，人工智能也會提供摘要和行為圖，但我仍然需要深入挖掘用戶行為背后的原因。

簡而言之，人工智能承擔(dān)了繁重的工作。我負責(zé)判斷、同理心和目標(biāo)。

設(shè)計師使用 AI 工具的技巧

如果您對人工智能感到好奇，但不知道從哪里開始，我推薦以下內(nèi)容：

• 從小事做起。使用人工智能進行內(nèi)容生成、摘要或快速提示。
• 使用適合你當(dāng)前技術(shù)棧的工具。Figma、Notion 和 ChatGPT 都是不錯的入門工具。
• 保持像設(shè)計師一樣思考。AI提供選項，但決策權(quán)仍在你手中。
• 保持好奇心。這個領(lǐng)域發(fā)展迅速。嘗試新工具，測試極限，經(jīng)常進行實驗。
• 不要把關(guān)。與你的團隊分享有用的工具和提示。我們一起進步。

最后的想法：人工智能不是敵人，而是進化

人工智能不會取代用戶體驗設(shè)計師。

但懂得如何使用人工智能的設(shè)計師可能會比不懂人工智能的設(shè)計師更成功。

用戶體驗的未來以人為本，并由人工智能加速發(fā)展。人工智能幫助我們更快、更智能地行動——但同理心、道德和創(chuàng)造力呢？這些仍然取決于我們。

讓人工智能處理自動化，你來掌控直覺。

蘭亭妙微(www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍小助微信ben_lanlan。

2025 年 6 月，法國設(shè)計師 Pierre Patrault 出品“lgm/”網(wǎng)頁設(shè)計項目。該作品以 Web UI/UX、品牌識別、落地頁面為設(shè)計主軸，旨在通過最簡結(jié)構(gòu)與視覺語言，打造清晰直觀的線上品牌窗口。

本項設(shè)計秉持“少即是多”的原則：簡潔的版式結(jié)構(gòu)、統(tǒng)一的視覺元素與留白設(shè)計，讓每一個視覺焦點都直指品牌核心；用戶在瀏覽中自然而然地獲得信息層級，引發(fā)情感共鳴。

項目由 Pierre Patrault 主導(dǎo)創(chuàng)意設(shè)計與用戶界面；Teddy Vermeulin 負責(zé)開發(fā)落地頁面，并與品牌與視頻代理 Advitam 合作完成整體傳播支持。三者協(xié)作默契，將創(chuàng)意、技術(shù)與品牌傳播融為一體。

“lgm/”的發(fā)布，不僅是一次視覺嘗試，更是一次品牌線上表達的新實踐：精準(zhǔn)、高效、富有引導(dǎo)性的設(shè)計語言，助力品牌與用戶間建立清晰、信任與溫度兼?zhèn)涞臄?shù)字連接。
創(chuàng)意理念
“基于簡潔現(xiàn)代的視覺語言，lgm/ 項目以極簡主義為核心，將品牌形象與用戶體驗無縫融合，致力于在首屏即傳達品牌精髓，賦予每一次交互以直觀引導(dǎo)。”

3. 設(shè)計與體驗亮點

結(jié)構(gòu)清晰：落地頁布局明晰、信息層級分明，讓用戶輕松抓住核心內(nèi)容。

極致簡約：利用充足留白、統(tǒng)一調(diào)性、統(tǒng)一視覺元素，降低視覺干擾，提升品牌溝通效率。

交互細節(jié)（若有）：如鼠標(biāo)懸停動畫、滾動觸發(fā)效果等，可寫出“精致微互動增強用戶參與感”。

蘭亭妙微(www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍小助微信ben_lanlan。

每個設(shè)計師都有自己獨特的設(shè)計呈現(xiàn)方式。根據(jù)項目的不同，設(shè)計師會使用不同的方式展示他們的設(shè)計。Clickdummy 原型是展示屏幕流程最常用的方式，方便簡潔。通常情況下，設(shè)計師會以“編號+標(biāo)題”的格式為所有屏幕命名，并通過導(dǎo)出結(jié)果中 JPG 文件的順序來表達屏幕之間關(guān)系的邏輯。

我很高興能使用像 Invision App 這樣的工具來理清我的設(shè)計。然而，ClickDummy 原型在構(gòu)建大型復(fù)雜的軟件項目和功能性應(yīng)用程序時并不理想。有時，我們會將屏幕放在 Sketch 文件中的不同頁面中，以使結(jié)構(gòu)更清晰，但卻失去了整體的視覺效果。當(dāng)你向項目經(jīng)理、客戶和開發(fā)人員展示你的設(shè)計時，你會發(fā)現(xiàn)這個過程效率低下。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

我們需要一個高效、流暢的流程來優(yōu)化演示和交接。我的經(jīng)驗是線框圖和UI的流程。這是一種非常新穎的方式，但效果很好。

我們知道 Behance 和 Dribbble 上有很多精美的線框和 UI 流程。其實很多設(shè)計師也在做同樣的事情。我在上海MINGLabs工作的時候，我的法國設(shè)計師同事 Lucas 教給我一個方法，它不僅易于理解，而且美觀高效，可以作為交接的 UI 呈現(xiàn)流程。后來，這個方法在我的遠程自由職業(yè)中得到了運用，并不斷改進。這對降低溝通成本非常有幫助。

為什么我更喜歡線框和 UI 設(shè)計流程？

1. 幫助設(shè)計師鞏固他們的想法
2. 顯示屏幕之間關(guān)系的邏輯
3. 使與客戶的溝通更加輕松，呈現(xiàn)的內(nèi)容更加清晰可見
4. 使與開發(fā)者的溝通更加便捷，降低溝通成本。
5. 有利于與其他設(shè)計師合作

按 Enter 鍵或單擊即可查看完整尺寸的圖像

我如何制作流程？

當(dāng)然，我的應(yīng)用和網(wǎng)站都是用 Sketch 設(shè)計的。我建議從第一個線框圖開始設(shè)計流程。之后再設(shè)計主頁和兩三個輔助頁面。

步驟1

您可以創(chuàng)建一個新的畫板。畫板大小要足夠大，能夠覆蓋所有屏幕。這樣做的目的是為了更容易添加線條和注釋，也方便在最后時刻導(dǎo)出完整流程圖的概覽。不過，現(xiàn)在沒必要添加屏幕數(shù)量。等您心中有了概覽之后，再添加也不遲。

按 Enter 鍵或單擊即可查看完整尺寸的圖像

步驟2

流程包括 5 個組件：

1. 屏幕
2. 畫面名稱，格式為“ 數(shù)字＋字母+標(biāo)題”或者“ 數(shù)字+標(biāo)題”
3. 動作和位置（紅點）
4. 線
5. 筆記

按 Enter 鍵或單擊即可查看完整尺寸的圖像

步驟3

流程的結(jié)構(gòu)是從左到右組織的。頁面位置越靠右，層級就越低。我的習(xí)慣是把首頁之類的第一頁放在左側(cè)。設(shè)計流程如下：

按 Enter 鍵或單擊即可查看完整尺寸的圖像

按 Enter 鍵或單擊即可查看完整尺寸的圖像

問題

線框和 UI 流程改善了溝通。但它并不完美，實際上有時甚至有點令人毛骨悚然。

1. 每次增加屏幕，數(shù)字就會亂。我的命名方法可以避免這種混亂，但不是最佳方法。
2. 一旦移動了屏幕，連接的線就必須重新繪制。
3. 導(dǎo)出的概覽 pdf 無法顯示每個屏幕的名稱。

蘭亭妙微(www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍小助微信ben_lanlan。

基本原則
清晰、簡潔、一致、可操作暗示以及隱喻（可供性）、反饋、容錯、高效、易記憶易學(xué)習(xí)。

1. 清晰
內(nèi)容、結(jié)構(gòu)、界面效果都是清晰可見的，加強情感的修飾，注意只使用文字與排版來表達頁面，以字體、字號、顏色、版式，精妙動畫效果來增加界面的精致性與設(shè)計不夠。盡量避免平滑、陰影。
2. 簡潔
為了用戶聚焦，限制明確頁面唯一的或者最重要的目標(biāo)性，不讓用戶讓焦鈦的選擇感。
3.一致性
界面元素的標(biāo)準(zhǔn)控件化：問題使用系統(tǒng)交互元素，以及界面和用戶之間對話風(fēng)格的統(tǒng)一：標(biāo)準(zhǔn)文本風(fēng)格、口吻、語氣、統(tǒng)一話術(shù)。
4.可操作暗示隱以及喻意
讓用戶看到這個就是可以交互的，按鈕要像按鈕，與文本內(nèi)容以及其他界面元素有所區(qū)別。另外可增加操作引導(dǎo)，在操作時給予引導(dǎo)，而不是獨有的一股腦引發(fā)引導(dǎo)。隱喻本可以單獨做一個原則，但這里與可操作暗示大約類似，隱喻指的是虛擬界面可以做到讓用戶經(jīng)驗類似的喻，確實是現(xiàn)實物理世界的隱喻還是虛擬數(shù)字世界。讓用戶無成本遷移感。5
. 反饋
任何操作都要給予可感知的操作反饋，當(dāng)點擊或者其他時，被操作交互的要素要給予短暫的強調(diào)，另外通過動畫給予進度提示，
6.容錯與安全感
降低用戶犯錯成本，做到高危操作可恢復(fù)。應(yīng)用應(yīng)該通過使用熟悉的、可預(yù)見的交互元素，確認(rèn)重要的操作、可回溯的取消手段等方式，來讓用戶覺得自己處于被保護的狀態(tài)中。此外還有防錯原則，采用本質(zhì)的安全設(shè)計方式（固有）安全），比如表單未完成按鈕不可用...
7.高效
兩個方面，用戶高效使用的性以及高效開發(fā)的性，要關(guān)注網(wǎng)頁技術(shù)新功能，快速迭代那些優(yōu)秀且通用改裝的新功能。
8.易學(xué)習(xí)易記憶
這是最后一條，在做到前面的原則之后，這條應(yīng)該是取締的，但是由于技術(shù)性平臺的特殊性，涉及專業(yè)性技術(shù)術(shù)語等等的東西，所以對于一些非技術(shù)人員或者不太懂行的技術(shù)人員，需要提供提醒文檔嵌入，方便用戶學(xué)習(xí)。

蘭亭妙微(www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍小助微信ben_lanlan。

1. 項目背景 & 設(shè)計目標(biāo)

• 項目名稱與內(nèi)容：這是為 ComplyControl——一個專注金融領(lǐng)域的前沿 AI 合規(guī)模塊（具備實時監(jiān)控、智能檢測與欺詐發(fā)現(xiàn)功能）的品牌形象與網(wǎng)站界面設(shè)計項目 Behance+1。

• 完成時間與平臺：發(fā)布于 2025 年 6 月 4 日，整合品牌設(shè)計、網(wǎng)站 UI/UX 及用戶界面，使用 Figma 與 Webflow 等工具進行創(chuàng)作與實現(xiàn) Behance。

2. 品牌視覺識別（Brand Identity）

• 標(biāo)志設(shè)計：圖中展示了簡潔現(xiàn)代的標(biāo)志（logo），結(jié)構(gòu)緊湊且具識別度，呈現(xiàn)強烈的科技感與專業(yè)感 。

• 配色策略：項目運用了對比鮮明的暖色（如橙紅）與冷色（藍色），輔以深色底調(diào)，強化視覺沖擊力，同時展現(xiàn)了兼具活力與穩(wěn)重的品牌氣質(zhì) 。

• 字體風(fēng)格：在字體展示中可見清晰可讀的無襯線體，搭配簡潔的數(shù)字表現(xiàn)，進一步傳達專業(yè)且現(xiàn)代的品牌語言 。

3. 界面設(shè)計（UI/UX & Website）

• 移動界面布局：圖中呈現(xiàn)了移動設(shè)備上的 UI 布局，包括導(dǎo)航菜單與交互按鈕，采用扁平化設(shè)計，按鈕與圖標(biāo)配色清晰，對焦用戶操作體驗 。

• 數(shù)據(jù)可視化：圖表或百分比數(shù)據(jù)顯示以清晰簡練的方式呈現(xiàn)關(guān)鍵指標(biāo)（如 95%、40% 等），輔助用戶快速理解核心內(nèi)容 。

• 整體風(fēng)格語言：整體風(fēng)格簡潔、科技感強烈，布局邏輯清晰，強調(diào)功能與信息可視化，有助于金融產(chǎn)品的信息傳遞與可信感建立。

4. 工具與創(chuàng)作流程

• 設(shè)計工具：項目中使用了 Figma 進行界面與原型設(shè)計，利用 Webflow 實現(xiàn)響應(yīng)式網(wǎng)頁開發(fā)與交互效果。同時還運用 After Effects、Photoshop 以豐富視覺表現(xiàn)與動畫效果 。

• 多方協(xié)同：項目由 Embacy Design 領(lǐng)銜，聯(lián)合多位設(shè)計師及機構(gòu)參與，展現(xiàn)了團隊協(xié)作的深度與創(chuàng)意整合能力 。

總體評價與亮點

蘭亭妙微(www.ieapo.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進群請加藍小助微信ben_lanlan。