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

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

當人工智能工具開始充斥我的設計信息時，我感到恐慌。

“這會讓我的工作變得無關緊要嗎？”

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

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

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

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

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

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

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

進入人工智能：改變我的工作流程的轉變

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

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

研究與分析

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

構思與文案

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

設計與原型制作

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

測試與反饋

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

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

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

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

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

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

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

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

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

我今天的工作流程：人機設計之舞

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

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

簡而言之，人工智能承擔了繁重的工作。我負責判斷、同理心和目標。

設計師使用 AI 工具的技巧

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

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

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

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

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

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

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

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

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

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

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

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

3. 設計與體驗亮點

結構清晰：落地頁布局明晰、信息層級分明，讓用戶輕松抓住核心內容。

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

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

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

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

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

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

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

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

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

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

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

我如何制作流程？

當然，我的應用和網站都是用 Sketch 設計的。我建議從第一個線框圖開始設計流程。之后再設計主頁和兩三個輔助頁面。

步驟1

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

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

步驟2

流程包括 5 個組件：

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

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

步驟3

流程的結構是從左到右組織的。頁面位置越靠右，層級就越低。我的習慣是把首頁之類的第一頁放在左側。設計流程如下：

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

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

問題

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

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

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

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

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

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

1. 項目背景 & 設計目標

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

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

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

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

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

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

3. 界面設計（UI/UX & Website）

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

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

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

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

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

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

總體評價與亮點

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