每個(gè)設(shè)計(jì)師都有自己獨(dú)特的設(shè)計(jì)呈現(xiàn)方式。根據(jù)項(xiàng)目的不同，設(shè)計(jì)師會(huì)使用不同的方式展示他們的設(shè)計(jì)。Clickdummy 原型是展示屏幕流程最常用的方式，方便簡(jiǎn)潔。通常情況下，設(shè)計(jì)師會(huì)以“編號(hào)+標(biāo)題”的格式為所有屏幕命名，并通過(guò)導(dǎo)出結(jié)果中 JPG 文件的順序來(lái)表達(dá)屏幕之間關(guān)系的邏輯。
我很高興能使用像 Invision App 這樣的工具來(lái)理清我的設(shè)計(jì)。然而，ClickDummy 原型在構(gòu)建大型復(fù)雜的軟件項(xiàng)目和功能性應(yīng)用程序時(shí)并不理想。有時(shí)，我們會(huì)將屏幕放在 Sketch 文件中的不同頁(yè)面中，以使結(jié)構(gòu)更清晰，但卻失去了整體的視覺(jué)效果。當(dāng)你向項(xiàng)目經(jīng)理、客戶和開(kāi)發(fā)人員展示你的設(shè)計(jì)時(shí)，你會(huì)發(fā)現(xiàn)這個(gè)過(guò)程效率低下。
我們需要一個(gè)高效、流暢的流程來(lái)優(yōu)化演示和交接。我的經(jīng)驗(yàn)是線框圖和UI的流程。這是一種非常新穎的方式，但效果很好。
我們知道 Behance 和 Dribbble 上有很多精美的線框和 UI 流程。其實(shí)很多設(shè)計(jì)師也在做同樣的事情。我在上海MINGLabs工作的時(shí)候，我的法國(guó)設(shè)計(jì)師同事 Lucas 教給我一個(gè)方法，它不僅易于理解，而且美觀高效，可以作為交接的 UI 呈現(xiàn)流程。后來(lái)，這個(gè)方法在我的遠(yuǎn)程自由職業(yè)中得到了運(yùn)用，并不斷改進(jìn)。這對(duì)降低溝通成本非常有幫助。
當(dāng)然，我的應(yīng)用和網(wǎng)站都是用 Sketch 設(shè)計(jì)的。我建議從第一個(gè)線框圖開(kāi)始設(shè)計(jì)流程。之后再設(shè)計(jì)主頁(yè)和兩三個(gè)輔助頁(yè)面。
您可以創(chuàng)建一個(gè)新的畫板。畫板大小要足夠大，能夠覆蓋所有屏幕。這樣做的目的是為了更容易添加線條和注釋，也方便在最后時(shí)刻導(dǎo)出完整流程圖的概覽。不過(guò)，現(xiàn)在沒(méi)必要添加屏幕數(shù)量。等您心中有了概覽之后，再添加也不遲。
流程包括 5 個(gè)組件：
流程的結(jié)構(gòu)是從左到右組織的。頁(yè)面位置越靠右，層級(jí)就越低。我的習(xí)慣是把首頁(yè)之類的第一頁(yè)放在左側(cè)。設(shè)計(jì)流程如下：
線框和 UI 流程改善了溝通。但它并不完美，實(shí)際上有時(shí)甚至有點(diǎn)令人毛骨悚然。
蘭亭妙微(www.monmeltingpot.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
基本原則
清晰、簡(jiǎn)潔、一致、可操作暗示以及隱喻（可供性）、反饋、容錯(cuò)、高效、易記憶易學(xué)習(xí)。
1. 清晰
內(nèi)容、結(jié)構(gòu)、界面效果都是清晰可見(jiàn)的，加強(qiáng)情感的修飾，注意只使用文字與排版來(lái)表達(dá)頁(yè)面，以字體、字號(hào)、顏色、版式，精妙動(dòng)畫效果來(lái)增加界面的精致性與設(shè)計(jì)不夠。盡量避免平滑、陰影。
2. 簡(jiǎn)潔
為了用戶聚焦，限制明確頁(yè)面唯一的或者最重要的目標(biāo)性，不讓用戶讓焦鈦的選擇感。
3.一致性
界面元素的標(biāo)準(zhǔn)控件化：?jiǎn)栴}使用系統(tǒng)交互元素，以及界面和用戶之間對(duì)話風(fēng)格的統(tǒng)一：標(biāo)準(zhǔn)文本風(fēng)格、口吻、語(yǔ)氣、統(tǒng)一話術(shù)。
4.可操作暗示隱以及喻意
讓用戶看到這個(gè)就是可以交互的，按鈕要像按鈕，與文本內(nèi)容以及其他界面元素有所區(qū)別。另外可增加操作引導(dǎo)，在操作時(shí)給予引導(dǎo)，而不是獨(dú)有的一股腦引發(fā)引導(dǎo)。隱喻本可以單獨(dú)做一個(gè)原則，但這里與可操作暗示大約類似，隱喻指的是虛擬界面可以做到讓用戶經(jīng)驗(yàn)類似的喻，確實(shí)是現(xiàn)實(shí)物理世界的隱喻還是虛擬數(shù)字世界。讓用戶無(wú)成本遷移感。5
. 反饋
任何操作都要給予可感知的操作反饋，當(dāng)點(diǎn)擊或者其他時(shí)，被操作交互的要素要給予短暫的強(qiáng)調(diào)，另外通過(guò)動(dòng)畫給予進(jìn)度提示，
6.容錯(cuò)與安全感
降低用戶犯錯(cuò)成本，做到高危操作可恢復(fù)。應(yīng)用應(yīng)該通過(guò)使用熟悉的、可預(yù)見(jiàn)的交互元素，確認(rèn)重要的操作、可回溯的取消手段等方式，來(lái)讓用戶覺(jué)得自己處于被保護(hù)的狀態(tài)中。此外還有防錯(cuò)原則，采用本質(zhì)的安全設(shè)計(jì)方式（固有）安全），比如表單未完成按鈕不可用...
7.高效
兩個(gè)方面，用戶高效使用的性以及高效開(kāi)發(fā)的性，要關(guān)注網(wǎng)頁(yè)技術(shù)新功能，快速迭代那些優(yōu)秀且通用改裝的新功能。
8.易學(xué)習(xí)易記憶
這是最后一條，在做到前面的原則之后，這條應(yīng)該是取締的，但是由于技術(shù)性平臺(tái)的特殊性，涉及專業(yè)性技術(shù)術(shù)語(yǔ)等等的東西，所以對(duì)于一些非技術(shù)人員或者不太懂行的技術(shù)人員，需要提供提醒文檔嵌入，方便用戶學(xué)習(xí)。
蘭亭妙微(www.monmeltingpot.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
項(xiàng)目名稱與內(nèi)容：這是為 ComplyControl——一個(gè)專注金融領(lǐng)域的前沿 AI 合規(guī)模塊（具備實(shí)時(shí)監(jiān)控、智能檢測(cè)與欺詐發(fā)現(xiàn)功能）的品牌形象與網(wǎng)站界面設(shè)計(jì)項(xiàng)目 Behance+1。
完成時(shí)間與平臺(tái)：發(fā)布于 2025 年 6 月 4 日，整合品牌設(shè)計(jì)、網(wǎng)站 UI/UX 及用戶界面，使用 Figma 與 Webflow 等工具進(jìn)行創(chuàng)作與實(shí)現(xiàn) Behance。
標(biāo)志設(shè)計(jì)：圖中展示了簡(jiǎn)潔現(xiàn)代的標(biāo)志（logo），結(jié)構(gòu)緊湊且具識(shí)別度，呈現(xiàn)強(qiáng)烈的科技感與專業(yè)感 。
配色策略：項(xiàng)目運(yùn)用了對(duì)比鮮明的暖色（如橙紅）與冷色（藍(lán)色），輔以深色底調(diào)，強(qiáng)化視覺(jué)沖擊力，同時(shí)展現(xiàn)了兼具活力與穩(wěn)重的品牌氣質(zhì) 。
字體風(fēng)格：在字體展示中可見(jiàn)清晰可讀的無(wú)襯線體，搭配簡(jiǎn)潔的數(shù)字表現(xiàn)，進(jìn)一步傳達(dá)專業(yè)且現(xiàn)代的品牌語(yǔ)言 。
移動(dòng)界面布局：圖中呈現(xiàn)了移動(dòng)設(shè)備上的 UI 布局，包括導(dǎo)航菜單與交互按鈕，采用扁平化設(shè)計(jì)，按鈕與圖標(biāo)配色清晰，對(duì)焦用戶操作體驗(yàn) 。
數(shù)據(jù)可視化：圖表或百分比數(shù)據(jù)顯示以清晰簡(jiǎn)練的方式呈現(xiàn)關(guān)鍵指標(biāo)（如 95%、40% 等），輔助用戶快速理解核心內(nèi)容 。
整體風(fēng)格語(yǔ)言：整體風(fēng)格簡(jiǎn)潔、科技感強(qiáng)烈，布局邏輯清晰，強(qiáng)調(diào)功能與信息可視化，有助于金融產(chǎn)品的信息傳遞與可信感建立。
設(shè)計(jì)工具：項(xiàng)目中使用了 Figma 進(jìn)行界面與原型設(shè)計(jì)，利用 Webflow 實(shí)現(xiàn)響應(yīng)式網(wǎng)頁(yè)開(kāi)發(fā)與交互效果。同時(shí)還運(yùn)用 After Effects、Photoshop 以豐富視覺(jué)表現(xiàn)與動(dòng)畫效果 。
多方協(xié)同：項(xiàng)目由 Embacy Design 領(lǐng)銜，聯(lián)合多位設(shè)計(jì)師及機(jī)構(gòu)參與，展現(xiàn)了團(tuán)隊(duì)協(xié)作的深度與創(chuàng)意整合能力 。
| 優(yōu)點(diǎn) | 描述 |
|---|---|
| 清晰品牌定位 | 通過(guò)色彩、字體與視覺(jué)元素的統(tǒng)一，傳達(dá)了“科技 + 合規(guī)”的品牌主旨。 |
| 現(xiàn)代化視覺(jué)表現(xiàn) | 配色對(duì)比強(qiáng)烈、界面干凈、排版有序，符合金融科技產(chǎn)品的使用場(chǎng)景。 |
| 信息表達(dá)精準(zhǔn) | 數(shù)據(jù)視覺(jué)化突出、界面交互明確，提升用戶理解與體驗(yàn)效率。 |
| 專業(yè)工具運(yùn)用 | Figma、Webflow、AE 等工具的融合使用提升了設(shè)計(jì)的實(shí)施效率與表現(xiàn)力。 |
蘭亭妙微(www.monmeltingpot.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
杰睿 大數(shù)據(jù)可視化設(shè)計(jì)文章及欣賞
蘭亭妙微(www.monmeltingpot.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
作為 Pennylane 的高級(jí)設(shè)計(jì)運(yùn)營(yíng)專家，我以為我們已經(jīng)破解了設(shè)計(jì)文檔的密碼。我們基于 Notion 的系統(tǒng)全面、條理清晰，理論上堪稱完美。
在我的文章《設(shè)計(jì)文檔：一致性和協(xié)作性 UI 開(kāi)發(fā)的關(guān)鍵支柱》中，我倡導(dǎo)基于 Notion 的方法作為設(shè)計(jì)系統(tǒng)文檔的黃金標(biāo)準(zhǔn)?；仡欉^(guò)去，那篇文章展現(xiàn)了我對(duì)文檔的熱情，但它也揭示了我對(duì)文檔實(shí)際使用人員應(yīng)該是什么樣子的盲點(diǎn)。
在我原本以為只是例行檢查設(shè)計(jì)和工程團(tuán)隊(duì)時(shí)，我突然意識(shí)到了這一點(diǎn)。結(jié)果，我聽(tīng)到的不是成功的故事，而是令人不安的事實(shí)：我們精心制作的文檔，對(duì)于最需要它的人來(lái)說(shuō)，基本上是隱形的。
一位前端工程師承認(rèn)： “我通常只是嘗試自己解決問(wèn)題，這比在多個(gè)平臺(tái)上搜索要快得多。”
“當(dāng)我找到正確的文檔時(shí)，我可能已經(jīng)構(gòu)建了該組件的三個(gè)版本，”另一位用戶分享道。
這并不是我們團(tuán)隊(duì)能力的失敗，而是我們的方法未能適應(yīng)人們的實(shí)際工作方式。
之前，先簡(jiǎn)單介紹一下背景。設(shè)計(jì)師為空狀態(tài)組件編寫的文檔是這樣的：
工程師需要的技術(shù)文檔是什么樣的：
我沒(méi)有為現(xiàn)有的文檔辯護(hù)，而是決定傾聽(tīng)。幾周來(lái)，我對(duì)設(shè)計(jì)和工程領(lǐng)域的20名團(tuán)隊(duì)成員進(jìn)行了深入訪談。訪談結(jié)果清晰地展現(xiàn)了以下幾個(gè)摩擦點(diǎn)：
來(lái)自設(shè)計(jì)師：
來(lái)自工程師：
根本原因是，我們創(chuàng)建了一個(gè)滿足組織需求但忽略了用戶自然工作流程的文檔系統(tǒng)。
解決方案不是編寫更好的文檔，而是從根本上重新思考文檔是什么。
我們不需要要求團(tuán)隊(duì)適應(yīng)我們的系統(tǒng)，如果我們的系統(tǒng)適應(yīng)他們呢？
愿景：將文檔從靜態(tài)參考轉(zhuǎn)變?yōu)闆Q策制定過(guò)程中的動(dòng)態(tài)、視覺(jué)伴侶。
干凈、簡(jiǎn)約、專注于基本要素、組件名稱、實(shí)時(shí)代碼的直接鏈接和完成狀態(tài)。
以最純凈的形式顯示的組件，其變體被清晰地標(biāo)記，并由復(fù)雜分子的分離資產(chǎn)層支持。
工藝技巧、行為文檔和使用指南以視覺(jué)方式與交互式示例一起呈現(xiàn)。
按照這里顯示的順序我們有：
一些多功能組件需要“注意事項(xiàng)”部分來(lái)說(shuō)明使用它們的限制和最佳實(shí)踐。
模板展示實(shí)際用例中的組件，彌合孤立組件和完整用戶體驗(yàn)之間的差距。
完整、全面的文檔，一目了然，沒(méi)有不必要的文本或過(guò)時(shí)的信息。
反饋具有變革性：
“終于有符合我語(yǔ)言的文檔了，”一位設(shè)計(jì)師分享道。 “我不用離開(kāi) Figma 就能看到我需要的一切。”
一位前端工程師表示： “這些可視化示例讓我省去了與設(shè)計(jì)團(tuán)隊(duì)反復(fù)溝通的時(shí)間。我可以立即看到預(yù)期的行為。”
但真正的成功標(biāo)準(zhǔn)并非贊譽(yù)，而是使用率。我們的新文檔正在被積極地查閱、在設(shè)計(jì)評(píng)審中被引用，并在工程討論中被引用。它已經(jīng)成為我們工作流程中不可或缺的一部分，而非事后才想到的。
這次旅程讓我明白，優(yōu)秀的文檔就是在人們所在的地方與他們會(huì)面并支持他們自然的工作方式。
我們的下一個(gè)挑戰(zhàn)是將這些相同的原則應(yīng)用到我們的 UI 工具包平臺(tái)，確保我們以工程為中心的工具像我們的設(shè)計(jì)文檔一樣直觀且工作流程集成。
這次轉(zhuǎn)型最重要的啟示在于人性。我們的利益相關(guān)者并不抗拒文檔，他們抗拒的是那些無(wú)法滿足他們需求的文檔。
通過(guò)從同理心出發(fā)，進(jìn)行真正的研究，并圍繞實(shí)際工作流程而不是理論理想設(shè)計(jì)我們的文檔系統(tǒng)，我們創(chuàng)造了一些不僅僅存在的東西：它蓬勃發(fā)展。
對(duì)其他設(shè)計(jì)團(tuán)隊(duì)的啟示：你的文檔的好壞取決于它的采用程度。在寫下任何文字之前，先問(wèn)問(wèn)你的用戶他們真正需要什么。答案可能會(huì)讓你大吃一驚，并激發(fā)你徹底重新思考如何分享設(shè)計(jì)知識(shí)。
蘭亭妙微(www.monmeltingpot.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
為設(shè)計(jì)作品集尋找靈感并非易事。作為設(shè)計(jì)師，我們常常面對(duì)空白畫布，不知從何入手，也不知道該包含哪些內(nèi)容。今天，我想分享五個(gè)以獨(dú)特方式脫穎而出的優(yōu)秀設(shè)計(jì)作品集，并探討它們的成功秘訣。
Diego - Rappi 應(yīng)用產(chǎn)品設(shè)計(jì)師
這個(gè)作品集之所以能上榜，是因?yàn)槲艺J(rèn)為它的主頁(yè)結(jié)構(gòu)良好，界面簡(jiǎn)潔?；旧希O(shè)計(jì)了一個(gè)簡(jiǎn)歷主頁(yè)，省去了老舊的 PDF 鏈接。
這個(gè)作品集的缺點(diǎn)是沒(méi)有任何社交鏈接，而且滾動(dòng)動(dòng)畫有點(diǎn)限制。可以去看看。
約翰·米勒投資組合
簡(jiǎn)潔實(shí)用的用戶界面讓這個(gè)作品集如此出色。案例研究足夠詳細(xì)，足以展現(xiàn)其價(jià)值，但篇幅太長(zhǎng)了。我個(gè)人非常喜歡。唯一不足的是，4K分辨率下，網(wǎng)站比例略有失調(diào)（太大了）。建議你去看看！
Liza 的作品集真是太棒了。我本來(lái)就喜歡處理復(fù)雜問(wèn)題，但 Liza 的作品集很好地展現(xiàn)了如何在不添加太多細(xì)節(jié)的情況下展現(xiàn)復(fù)雜問(wèn)題。
在 Yelp 和 GitLab 上展示項(xiàng)目展現(xiàn)了她的專業(yè)素養(yǎng)。她將復(fù)雜項(xiàng)目簡(jiǎn)潔的界面展現(xiàn)得淋漓盡致，這令我驚嘆不已。強(qiáng)烈推薦你去了解一下她，從她那里汲取一些靈感。
Jay 擁有簡(jiǎn)潔、專業(yè)的作品集，展示了他獨(dú)特的風(fēng)格和設(shè)計(jì)項(xiàng)目方法。案例研究全面而詳細(xì)，并配有展示其特點(diǎn)和設(shè)計(jì)的原型視頻。
太好了，現(xiàn)在我們已經(jīng)看到了我挑選的一些“最佳”投資組合，我可以給你一份簡(jiǎn)短的清單，列出我認(rèn)為你應(yīng)該在你的投資組合中做什么和不應(yīng)該做什么。
讓我們從應(yīng)該做的事情開(kāi)始
?最多展示 2-3 個(gè)案例研究。
? 準(zhǔn)備一些彼此相關(guān)、展現(xiàn)相同技能的用例組合。所以，如果你想去移動(dòng)公司，就展示移動(dòng)案例研究；如果你想去游戲公司，就展示游戲案例。你懂的。
?撰寫案例研究的元數(shù)據(jù)
?展現(xiàn)自我，談?wù)撟晕摇Ｈ藗児蛡虻氖侨?，而不是機(jī)器或文字。
?獲取產(chǎn)品設(shè)計(jì)師的反饋。甚至可以嘗試和朋友一起演練一個(gè)案例研究。
?有“聯(lián)系我們”和“關(guān)于我們”部分/頁(yè)面
?不要做設(shè)計(jì)文檔，做案例研究。簡(jiǎn)短而精彩地展示你的解決問(wèn)題的能力
? 別忘了網(wǎng)站設(shè)計(jì)和建設(shè)。在我看來(lái)，擁有一個(gè)以你的域名命名的專業(yè)網(wǎng)站能給你帶來(lái)一些榮譽(yù)，并展現(xiàn)你作為UX UI設(shè)計(jì)師的技能。
?不要使用低質(zhì)量的圖片。請(qǐng)使用高質(zhì)量的圖片。這樣才能展現(xiàn)你對(duì)細(xì)節(jié)的重視。
記住，最好的作品集不僅能讓你的作品說(shuō)話，還能展現(xiàn)你對(duì)優(yōu)秀設(shè)計(jì)原則的理解。別想太多——從極簡(jiǎn)主義入手，優(yōu)先展現(xiàn)你的案例研究，并加入一些個(gè)性元素，讓它獨(dú)一無(wú)二。
蘭亭妙微(www.monmeltingpot.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
我使用了 Make.com，一個(gè)類似于 Zapier 的無(wú)代碼自動(dòng)化平臺(tái)。
我添加了“Figma 的列表評(píng)論”組件來(lái)從我的 Figma 文件中提取評(píng)論。
然后我需要提供文件 ID，我可以輕松地從 URL 中復(fù)制和粘貼。
我還可以設(shè)置一次獲取評(píng)論數(shù)量的限制。就我而言，400 條就足夠了。
如果您不希望 Figma 文件收到很多評(píng)論，則可以將評(píng)論數(shù)量降低到 50-100 甚至更少，以使自動(dòng)化運(yùn)行得更快。
實(shí)際上，我一開(kāi)始并沒(méi)有包括這個(gè)步驟，但我意識(shí)到那是一個(gè)錯(cuò)誤。
當(dāng)我嘗試將數(shù)據(jù)直接發(fā)送到 Google Gemini AI（我將在第 3 步中介紹）時(shí)，它無(wú)法正常工作。
人工智能因?yàn)榻邮樟颂嗖槐匾男畔⒍械嚼Щ?。它不僅接收了評(píng)論文本，還混入了其他數(shù)據(jù)，例如時(shí)間戳、ID、文件密鑰、訂單位置、用戶反應(yīng)等等，如下所示：
這就是為什么這一步可以清理數(shù)據(jù)并確保 AI 只獲得實(shí)際的評(píng)論。
這是自動(dòng)化的核心——這是最重要的一步，也是我最喜歡的一步。
我選擇 Google Gemini AI 僅僅是因?yàn)樗?/span>幾乎免費(fèi)，并且提供了相當(dāng)寬松的速率限制。相比之下，使用 OpenAI 或 Claude 的 API 可能會(huì)很昂貴。
Gemini AI 包含許多模型，可能會(huì)令人困惑。
本次實(shí)驗(yàn)我選擇了老款的 Gemini 1.0 Pro，因?yàn)樗呀?jīng)足夠滿足我的需求了。如果你感興趣，可以試試 Gemini 2.0 Flash。
最后，我訪問(wèn)了https://ai.google.dev/獲取 API 密鑰。設(shè)置起來(lái)非常簡(jiǎn)單。
用戶文本是用戶要求 AI 執(zhí)行的操作。
這是我在文本框中輸入的內(nèi)容：
以下是來(lái)自設(shè)計(jì)文件的 Figma 評(píng)論列表。- 嚴(yán)格根據(jù)內(nèi)容將其分為最多 **4 個(gè)類別**。- 使用**Figma 評(píng)論中的確切措辭**，無(wú)需修改或編造內(nèi)容。- 每個(gè)類別應(yīng)包括： - 使用 `<h2>類別名稱</h2>` 的**標(biāo)題**。 - `<p><b>此處為摘要文本</b></p>` 內(nèi)的**加粗摘要**。 - `<ul><li>“實(shí)際 Figma 評(píng)論”</li></ul>` 內(nèi)的**真實(shí)示例列表**，列表前有空格。 - **每個(gè)類別最多限制 4 個(gè)要點(diǎn)**。- **請(qǐng)勿添加新示例。僅使用格式化注釋中提供的內(nèi)容。**- 如果評(píng)論不屬于這 3 個(gè)類別之一，請(qǐng)將其放在“其他”下。- **您只能以 HTML 格式回復(fù)**并且必須使用以下標(biāo)簽： `<h2>`、`<p>`、`<ul>`、`<li>`、`<b>` 和 `<a>`。---### **Figma 評(píng)論（從文件動(dòng)態(tài)提?。?*{{formatted_comments}}
它看起來(lái)很復(fù)雜，因?yàn)槲以噲D在一次提示中完成幾件事。
讓我一一解釋一下：
1）限制類別和要點(diǎn)的數(shù)量。
我傾向于設(shè)置額外的限制條件，以確保最終的摘要簡(jiǎn)潔易讀。將摘要限制在最多 4 個(gè)類別，每個(gè)類別下最多 4 個(gè)要點(diǎn)，可以確保 AI 的回復(fù)保持重點(diǎn)。
2）將其格式化為 HTML。
目標(biāo)是直接生成樣式合適的 Google 文檔，無(wú)需后續(xù)額外格式化。這樣可以使工作流程更加便捷。
3）使用 Figma 評(píng)論中的確切措辭。
雖然我對(duì)人工智能的總結(jié)能力很有信心，但我需要查看實(shí)際的引述以便更好地參考，并仔細(xì)檢查總結(jié)以確保其足夠準(zhǔn)確。
4）在末尾添加 {{formatted_comments}}
此標(biāo)簽確保 Gemini AI 組件每次自動(dòng)化運(yùn)行時(shí)動(dòng)態(tài)地從 Figma API 組件中提取最新評(píng)論。
我確實(shí)在 Google Gemini API 中進(jìn)行了兩項(xiàng)高級(jí)設(shè)置。
我將最大輸出標(biāo)記設(shè)置為 1000（1 個(gè)標(biāo)記 ≈ 3/4 個(gè)單詞，因此 1000 個(gè)標(biāo)記相當(dāng)于 750 個(gè)單詞），只是為了保持響應(yīng)簡(jiǎn)潔，而不是為我生成一篇長(zhǎng)篇文章。
我還將“溫度”設(shè)置為 0.1。值越低，響應(yīng)越真實(shí)。值越高，響應(yīng)越有創(chuàng)意/隨機(jī)。在這種情況下，我希望它盡可能可靠，以防止出現(xiàn)隨機(jī)摘要。
這是一個(gè)簡(jiǎn)單的步驟 - 只需指向您想要在其中創(chuàng)建文檔的文件夾。
就是這樣！如果我點(diǎn)擊“運(yùn)行一次”按鈕，我的 Google Drive 中的“test”文件夾中就會(huì)出現(xiàn)一個(gè)名為“test”的新文檔，其中包含所有 Figma 評(píng)論的摘要。
最初，我使用這個(gè) Text Parser 組件作為中間步驟。它可以將 Gemini AI 的 Markdown 響應(yīng)轉(zhuǎn)換為帶樣式的 HTML，這樣我就不用稍后在 Google Docs 中重新格式化了。它已經(jīng)幫我處理好了。
但我后來(lái)意識(shí)到，由于我可以直接要求 Gemini 在提示中格式化其響應(yīng)（如上面的步驟 3 中所述），因此這一步不再是必要的。
摘要中有一些隨機(jī)性，我仍然希望改進(jìn)。在運(yùn)行相同的測(cè)試時(shí)，有時(shí)它很好地遵循了 Figma 的注釋，而有時(shí)它又會(huì)自行編造。這提醒我們要始終仔細(xì)檢查 AI 的響應(yīng)，而不是盲目地遵循它們。
在我的實(shí)驗(yàn)中，我只需要手動(dòng)單擊一次“運(yùn)行”命令，但“計(jì)劃設(shè)置”功能會(huì)有所幫助。
例如，如果您有一個(gè) Figma 文件，人們每天都會(huì)積極地發(fā)表評(píng)論，那么您可以設(shè)置每日自動(dòng)化 - 例如每天早上 9 點(diǎn)，您都會(huì)收到一份更新的摘要文檔。
如果您更有野心，您甚至可以在最后連接到 Slack 組件 - 例如，每次生成文檔時(shí)，您都會(huì)在 Slack 中收到通知。
蘭亭妙微(www.monmeltingpot.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
前幾天在 Behance 上刷到一個(gè)《DUNE｜Personal Work》的 UI 概念項(xiàng)目，整體完成度很高。作為設(shè)計(jì)師，我覺(jué)得這類作品不僅是視覺(jué)享受，也能總結(jié)出一些值得借鑒的經(jīng)驗(yàn)點(diǎn)。這里就結(jié)合其中的陣營(yíng)選擇界面和整體展示，整理一些觀察和思考。
這類「陣營(yíng)選擇」場(chǎng)景，本質(zhì)上是一個(gè)決策界面。作者采用了很經(jīng)典的結(jié)構(gòu)：
中央突出：當(dāng)前選中的陣營(yíng)（走私者）放在正中間，卡片更大、更亮，帶有金色光暈。
對(duì)稱排布：左右陣營(yíng)呈對(duì)稱分布，層級(jí)自然清晰，符合玩家的瀏覽動(dòng)線。
信息分區(qū)：上半部分是角色立繪和陣營(yíng)徽記，下半部分是機(jī)制說(shuō)明和操作提示。模塊分明，不容易迷失。
經(jīng)驗(yàn)點(diǎn)：在決策型界面中，居中放大+光效高亮，是非常直接有效的焦點(diǎn)策略。
《沙丘》的世界觀強(qiáng)調(diào)沙漠、貴族與荒涼感，UI 也延續(xù)了這一氛圍：
材質(zhì)：背景有金屬與沙塵質(zhì)感，帶來(lái)厚重感。
色彩：每個(gè)陣營(yíng)配有主色（綠色、棕色、藍(lán)色、金色、紅色），既強(qiáng)化辨識(shí)，又有“品牌”味道。
徽記：幾何化的陣營(yíng)符號(hào)，簡(jiǎn)潔且容易記憶。
經(jīng)驗(yàn)點(diǎn)：大型世界觀游戲的 UI，最好在顏色、圖形符號(hào)和氛圍感上形成自洽體系。
在陣營(yíng)說(shuō)明區(qū)，信息拆解得很合理：
優(yōu)缺點(diǎn)：紅色 V 表示劣勢(shì)，綠色 ▲ 表示優(yōu)勢(shì)。非常直觀，不需要額外解釋。
敘事與機(jī)制結(jié)合：不僅給數(shù)值效果，還加了劇情描述（例如與弗瑞曼的沖突），讓選擇更有代入感。
經(jīng)驗(yàn)點(diǎn)：把理性信息（數(shù)值）和感性信息（劇情）結(jié)合，能讓玩家在選擇時(shí)既動(dòng)腦又動(dòng)情。
底部的操作提示很細(xì)致：
A 選擇 / B 詳情 / X 故事，分別對(duì)應(yīng)不同層級(jí)的操作需求。
玩家既可以直接做決定，也可以深入劇情，滿足不同類型的用戶。
經(jīng)驗(yàn)點(diǎn)：關(guān)鍵節(jié)點(diǎn)上提供“淺 → 深”不同層級(jí)的操作選項(xiàng)，能兼顧快進(jìn)型玩家和沉浸型玩家。
Behance 項(xiàng)目整體除了界面，還展示了：
不同場(chǎng)景的 UI（例如主菜單、HUD、資源界面）。
色彩與符號(hào)系統(tǒng)，確保整體一致性。
工具說(shuō)明（Photoshop / Midjourney / 后期合成），透明展示流程。
經(jīng)驗(yàn)點(diǎn)：在作品集展示中，不僅要秀界面，還要展示系統(tǒng)性思考和設(shè)計(jì)過(guò)程。
這份《DUNE》個(gè)人 UI 概念作品給我的幾點(diǎn)啟發(fā)：
決策型界面要突出焦點(diǎn)，用對(duì)稱和光效增強(qiáng)層級(jí)。
色彩與符號(hào)體系是陣營(yíng)/角色類 UI 的關(guān)鍵資產(chǎn)。
信息既要數(shù)值化，又要敘事化，提升代入感。
操作引導(dǎo)要考慮不同層級(jí)的玩家。
作品集展示不僅是炫圖，還要有系統(tǒng)設(shè)計(jì)思路。
如果你正在做游戲 UI 或作品集，這些經(jīng)驗(yàn)都值得借鑒。
蘭亭妙微(www.monmeltingpot.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
本指南非常適合：
沒(méi)有經(jīng)驗(yàn)？沒(méi)問(wèn)題。
您所需要的只是好奇心、學(xué)習(xí)興趣和額外的奉獻(xiàn)精神。
UI/UX 設(shè)計(jì)正在蓬勃發(fā)展，數(shù)據(jù)也印證了這一點(diǎn)。美國(guó)勞工統(tǒng)計(jì)局預(yù)測(cè)，從 2021 年到 2031 年，數(shù)字設(shè)計(jì)專業(yè)的需求將增長(zhǎng) 15%，領(lǐng)先于其他行業(yè)。
從 IT 公司到醫(yī)療保健初創(chuàng)企業(yè)，每個(gè)行業(yè)都需要設(shè)計(jì)師設(shè)計(jì)清晰且具有視覺(jué)吸引力的產(chǎn)品。
無(wú)論您想成為 UI 設(shè)計(jì)師、UX 研究員還是產(chǎn)品設(shè)計(jì)師，您跨工作和跨領(lǐng)域合作的機(jī)會(huì)都是無(wú)與倫比的。
另外，遠(yuǎn)程工作怎么樣？這是此字段的默認(rèn)設(shè)置。
您可以通過(guò)字體和調(diào)色板發(fā)揮您的創(chuàng)造力，解決用戶流程方面的挑戰(zhàn)，并精通原型設(shè)計(jì)等技術(shù)技能。
結(jié)果如何？一份有趣又令人滿意的工作。根據(jù) Glassdoor 的數(shù)據(jù)，UX 設(shè)計(jì)師的全球平均薪資在 8 萬(wàn)至 12 萬(wàn)美元之間，頂級(jí)職位的薪資甚至更高。
智能布局生成器等人工智能解決方案旨在提高生產(chǎn)力，而不是取代人類的技能。
UI/UX 設(shè)計(jì)除了賺錢之外，還旨在讓人們的生活更輕松。
想象一下您上次在線購(gòu)買披薩或預(yù)訂機(jī)票的情況。
良好的用戶體驗(yàn)讓這些任務(wù)變得毫不費(fèi)力，而糟糕的用戶體驗(yàn)會(huì)讓你對(duì)著屏幕尖叫。
作為一名設(shè)計(jì)師，你將通過(guò)構(gòu)建既簡(jiǎn)潔又鼓舞人心的數(shù)字體驗(yàn)來(lái)應(yīng)對(duì)現(xiàn)實(shí)世界的問(wèn)題。這種影響力會(huì)讓你欣喜地說(shuō)：“這是我設(shè)計(jì)的。”
第一個(gè)月的主要任務(wù)是奠定堅(jiān)實(shí)的基礎(chǔ)。
首先，區(qū)分 UI（視覺(jué)界面，例如按鈕、顏色和布局）和 UX（整體體驗(yàn)，例如易用性和滿意度）。
我花了數(shù)周時(shí)間平滑按鈕的漸變，卻發(fā)現(xiàn)用戶根本找不到它，這真是太慘了。
專業(yè)提示：不妨從日常事物入手，比如你的咖啡機(jī)、銀行應(yīng)用程序或自動(dòng)售貨機(jī)。“為什么要這樣設(shè)計(jì)？”“還有什么更好的選擇？”這種態(tài)度可以提升設(shè)計(jì)師的創(chuàng)造力。
現(xiàn)在是時(shí)候動(dòng)手實(shí)踐了。第二個(gè)月的重點(diǎn)是學(xué)習(xí)工具并將其應(yīng)用于實(shí)際場(chǎng)景。
設(shè)計(jì)軟件一開(kāi)始可能看起來(lái)很嚇人，但是一旦你掌握了它的感覺(jué)，它就像騎自行車一樣簡(jiǎn)單（而且膝蓋不會(huì)擦傷）。
資源：
我的第一次重新設(shè)計(jì)是為一個(gè)復(fù)雜的電商網(wǎng)站做的。我花了幾個(gè)小時(shí)修改按鈕的顏色，結(jié)果發(fā)現(xiàn)結(jié)賬流程簡(jiǎn)直像個(gè)迷宮。那時(shí)我才意識(shí)到，吸引人的設(shè)計(jì)固然好，但真正能讓你被雇傭的，是解決用戶問(wèn)題。
你已經(jīng)進(jìn)入最后沖刺階段了！第三個(gè)月，你將用實(shí)際項(xiàng)目證明你的技能，并打造一個(gè)讓你眼前一亮的作品集，讓你“快來(lái)雇傭我！”
正是在這里，我從“我認(rèn)為我能做到”轉(zhuǎn)變?yōu)?ldquo;我是一名 UI/UX 設(shè)計(jì)師”。
與他人合作：
投資組合開(kāi)發(fā)：
資源：
使用 AI 驅(qū)動(dòng)的 Figma 插件（例如智能布局工具和調(diào)色板生成器）提升您的工作效率。就像擁有一個(gè)永不休眠的設(shè)計(jì)助手。
我建議您開(kāi)始在工作流程中使用 AI，這樣您的工作速度就可以比其他設(shè)計(jì)師快 10 倍！
養(yǎng)成日常觀察的習(xí)慣。分析實(shí)體和數(shù)字事物，例如健身追蹤器、新聞應(yīng)用和餐廳菜單。
可用性怎么樣？為什么是這個(gè)顏色？如何改進(jìn)？
這可以幫助您像設(shè)計(jì)師一樣思考，并且您很快就會(huì)發(fā)現(xiàn)用戶體驗(yàn)（和解決方案）的問(wèn)題隨處可見(jiàn)。
雇主希望設(shè)計(jì)師能夠加快結(jié)賬流程或提高客戶參與度，而不僅僅是讓事情變得有趣。
成為一名 UI/UX 設(shè)計(jì)師只需要策略和奉獻(xiàn)精神，而不是設(shè)計(jì)學(xué)位或多年的經(jīng)驗(yàn)。
在三個(gè)月內(nèi)，您可以通過(guò)了解基礎(chǔ)知識(shí)、創(chuàng)建真實(shí)世界的項(xiàng)目并自信地展示您的工作，從初學(xué)者進(jìn)步到可以投入工作的水平。
現(xiàn)在邁出第一步：選擇一個(gè)應(yīng)用程序，重新設(shè)計(jì)一個(gè)屏幕，并與好友分享，并且不要忘記在社交媒體上分享它以獲得反饋。
設(shè)計(jì)行業(yè)正在尋找您獨(dú)特的見(jiàn)解。
感覺(jué)受到啟發(fā)了嗎？關(guān)注我的 Instagram (@rehan.designs)，獲取每日見(jiàn)解、作品集點(diǎn)評(píng)以及我的設(shè)計(jì)幕后花絮。
蘭亭妙微(www.monmeltingpot.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
想法簡(jiǎn)述
隨著人工智能 (AI) 越來(lái)越深入地融入產(chǎn)品，設(shè)計(jì)師必須了解這些系統(tǒng)真正能做什么。本文介紹了一個(gè)圍繞感知、推理、記憶和代理四大核心能力構(gòu)建的實(shí)用框架，旨在幫助用戶體驗(yàn) (UX) 專業(yè)人士設(shè)計(jì)更智能、更值得信賴的 AI 體驗(yàn)。本書包含真實(shí)案例和實(shí)用技巧，對(duì)于任何致力于塑造 AI 界面未來(lái)的人士來(lái)說(shuō)，都是必讀之作。
許多人認(rèn)為，人工智能代理已經(jīng)存在，只是分布不均。然而，目前很少有案例能夠展現(xiàn)與這種近未來(lái)人工智能的良好交互體驗(yàn)。幸運(yùn)的是，在最近的 AWS Re: Invent 大會(huì)上，我偶然發(fā)現(xiàn)了一個(gè)與人工智能代理交互的用戶體驗(yàn)的絕佳示例，我迫不及待地想在本文中與大家分享這一愿景。但首先，人工智能代理究竟是什么？
想象一下一個(gè)蟻群。在一個(gè)典型的蟻群中，有不同專長(zhǎng)的螞蟻：工蟻、兵蟻、雄蟻、蟻后等等。蟻群中的每只螞蟻都有不同的工作——它們獨(dú)立運(yùn)作，但又像一個(gè)緊密結(jié)合的整體。你可以“雇傭”一只螞蟻（代理）為你做一些簡(jiǎn)單的半自主工作，這本身就很酷。然而，試想一下，你可以雇傭整個(gè)蟻丘去做一些更復(fù)雜或更有趣的事情：找出你的系統(tǒng)出了什么問(wèn)題，預(yù)訂你的行程，或者……做幾乎所有人類在電腦前能做的事情。每只螞蟻本身并不非常聰明——它們高度專業(yè)化，專注于完成特定的工作。然而，不同專長(zhǎng)的螞蟻組合在一起，呈現(xiàn)出一種我們將其與高級(jí)動(dòng)物聯(lián)系起來(lái)的“集體智慧”。我們?cè)诓┛椭幸恢笔褂玫?ldquo;人工智能”（AI）與人工智能代理之間最顯著的區(qū)別在于自主性。您不需要向 AI 代理提供精確的指令或等待同步輸出 - 與一組 AI 代理的整個(gè)交互更加流暢和靈活，就像蟻丘解決問(wèn)題一樣。
代理型人工智能 (Agentic AI) 的工作方式多種多樣——這是一個(gè)內(nèi)容豐富的主題，值得專門寫一本書來(lái)探討（或許一兩年后）。在本文中，我們將以系統(tǒng)故障排除為例，闡述一個(gè)涉及主管代理（也稱為“推理代理”）和多個(gè)工作代理的復(fù)雜流程。該流程始于人類操作員收到問(wèn)題警報(bào)。他們啟動(dòng)調(diào)查，然后由主管代理領(lǐng)導(dǎo)的半自主 AI 代理團(tuán)隊(duì)幫助他們找到根本原因，并提出解決問(wèn)題的建議。讓我們用步驟圖來(lái)分解與 AI 代理交互的過(guò)程：
上圖所示的多階段代理工作流程包含以下步驟：
如同與典型的人類組織簽訂合同一樣，主管AI代理?yè)碛幸恢в蓪I(yè)AI代理組成的團(tuán)隊(duì)。主管可以將消息路由到其監(jiān)管下的任何AI工作代理，這些代理將執(zhí)行任務(wù)并反饋給主管。主管可以選擇將任務(wù)分配給特定代理，并在稍后獲得更多信息時(shí)發(fā)送附加指令。最后，任務(wù)完成后，輸出將反饋給用戶。然后，人類操作員可以選擇向主管AI代理提供反饋或附加任務(wù)，在這種情況下，整個(gè)流程將重新開(kāi)始。
人類無(wú)需擔(dān)心任何內(nèi)部事務(wù)——所有事務(wù)都由“主管”以半自主的方式處理。人類所做的只是提出一個(gè)通用請(qǐng)求，然后審查并響應(yīng)這個(gè)代理“組織”的輸出。如果你能做到這一點(diǎn)，這正是你與蟻群溝通的方式：你將工作分配給蟻后，讓她管理所有工蟻、兵蟻、雄蟻等等。與蟻群類似，單個(gè)專業(yè)代理不需要特別聰明，也不需要直接與人類操作員溝通——它們只需要能夠半自主地解決它們被設(shè)計(jì)執(zhí)行的專業(yè)任務(wù)，并將精確的輸出反饋給“主管”代理，僅此而已。“主管”代理的工作就是完成所有的推理和溝通。這種人工智能模型更高效、更經(jīng)濟(jì)，并且在許多任務(wù)中都非常實(shí)用。讓我們來(lái)看看交互流程，以便更好地感受這種體驗(yàn)在現(xiàn)實(shí)世界中的感受。
為簡(jiǎn)單起見(jiàn)，我們將遵循本文前面的工作流程圖，流程中的每個(gè)步驟都與圖中的步驟相對(duì)應(yīng)。此示例來(lái)自AWS Re: Invent 2024 — 不要停滯不前：互聯(lián)遙測(cè)如何助您前進(jìn) (COP322)，由 YouTube 上的 AWS Events 主持，從 53 分鐘開(kāi)始。
該流程始于用戶發(fā)現(xiàn)名為“bot-service”的服務(wù)（屏幕截圖左上角）故障急劇增加，并啟動(dòng)新的調(diào)查。然后，用戶將所有相關(guān)信息以及一些額外的指令傳遞給主管代理。
現(xiàn)在，在步驟 2 中，主管代理接收請(qǐng)求并生成一組工作 AI 代理，這些代理將半自主地查看系統(tǒng)的不同部分。該過(guò)程是異步的，這意味著右側(cè)的建議初始狀態(tài)為空：調(diào)查啟動(dòng)后不會(huì)立即顯示結(jié)果。
現(xiàn)在，工作代理返回了一些“建議的觀察結(jié)果”，這些結(jié)果由主管處理并添加到屏幕右側(cè)的建議中。請(qǐng)注意，屏幕右側(cè)現(xiàn)在更寬了，以便于閱讀代理建議。在下面的屏幕中，不同的代理提出了兩個(gè)截然不同的觀察結(jié)果，第一個(gè)代理專門負(fù)責(zé)服務(wù)指標(biāo)，第二個(gè)代理專門負(fù)責(zé)跟蹤。
這些“建議的觀察結(jié)果”構(gòu)成了調(diào)查中的“證據(jù)”，旨在找出問(wèn)題的根本原因。為了找出根本原因，此流程中的人類操作員會(huì)提供幫助：他們會(huì)向主管代理反饋哪些觀察結(jié)果最相關(guān)。因此，主管代理和人類操作員并肩協(xié)作，找出問(wèn)題的根本原因。
人工操作員會(huì)點(diǎn)擊“接受”按鈕，確認(rèn)他們認(rèn)為相關(guān)的觀察結(jié)果，這些結(jié)果會(huì)被添加到屏幕左側(cè)的調(diào)查“案例檔案”中?，F(xiàn)在，人工操作員已經(jīng)添加了反饋，表明他們認(rèn)為這些信息是相關(guān)的，代理流程將啟動(dòng)調(diào)查的下一階段。主管代理收到用戶反饋后，將不再發(fā)送“更多相同的信息”，而是會(huì)進(jìn)行更深入的挖掘，甚至可能調(diào)查系統(tǒng)的其他方面，以尋找根本原因。請(qǐng)注意，下圖中右側(cè)出現(xiàn)的新建議屬于另一種類型——它們現(xiàn)在正在查看日志以尋找根本原因。
最后，主管代理掌握了足夠的信息，開(kāi)始嘗試找出問(wèn)題的根本原因。因此，它從證據(jù)收集轉(zhuǎn)向推理根本原因。在步驟3和4中，主管代理提供了“建議性觀察”?，F(xiàn)在，在步驟5中，它準(zhǔn)備好進(jìn)行重大揭秘（也可以稱之為“結(jié)局場(chǎng)景”），因此，就像文學(xué)偵探一樣，主管代理提出了它的“假設(shè)建議”。（這讓人想起游戲“線索”，玩家輪流提出“建議”，然后，當(dāng)他們準(zhǔn)備好發(fā)起攻擊時(shí)，他們就會(huì)提出“指控”。主管代理在這里也做了同樣的事情?。?/span>
建議的假設(shè)是正確的，當(dāng)用戶點(diǎn)擊“接受”時(shí)，主管代理會(huì)提供后續(xù)步驟來(lái)解決問(wèn)題，并防止將來(lái)再次出現(xiàn)類似問(wèn)題。代理似乎在對(duì)人類指手畫腳，建議他們“實(shí)施適當(dāng)?shù)淖兏芾沓绦?rdquo;——這是任何良好系統(tǒng)衛(wèi)生的基礎(chǔ)！
代理流如此引人注目，并成為當(dāng)今眾多人工智能開(kāi)發(fā)工作的焦點(diǎn)，原因有很多。代理引人注目、經(jīng)濟(jì)實(shí)惠，并且能夠?qū)崿F(xiàn)更加自然靈活的人機(jī)界面。代理能夠填補(bǔ)人類與機(jī)器之間溝通的空白，真正實(shí)現(xiàn)人機(jī)思維的融合，形成超越人類的“增強(qiáng)智能”，其價(jià)值遠(yuǎn)超其各部分之和。然而，要從與代理的交互中獲得最大價(jià)值，也需要我們徹底改變對(duì)人工智能的理解方式，以及設(shè)計(jì)支持代理交互的用戶界面的方式：
無(wú)論你對(duì)人工智能代理有何看法，它們無(wú)疑會(huì)與人類同行共同發(fā)展，并持續(xù)存在。因此，我們必須了解代理人工智能的工作原理，以及如何設(shè)計(jì)能夠讓我們安全高效地與它們協(xié)同工作的系統(tǒng)，充分發(fā)揮人類和機(jī)器各自的優(yōu)勢(shì)。
蘭亭妙微(www.monmeltingpot.net )是一家專注而深入的界面設(shè)計(jì)公司，為期望卓越的國(guó)內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計(jì)、B端界面設(shè)計(jì)、桌面端界面設(shè)計(jì)、APP界面設(shè)計(jì)、圖標(biāo)定制、用戶體驗(yàn)設(shè)計(jì)、交互設(shè)計(jì)、UI咨詢、高端網(wǎng)站設(shè)計(jì)、平面設(shè)計(jì)，以及相關(guān)的軟件開(kāi)發(fā)服務(wù)，咨詢電話：01063334945。我們建立了一個(gè)微信群，每天分享國(guó)內(nèi)外優(yōu)秀的設(shè)計(jì)，有興趣請(qǐng)加入一起學(xué)習(xí)成長(zhǎng)，咨詢及進(jìn)群請(qǐng)加藍(lán)小助微信ben_lanlan。
藍(lán)藍(lán)設(shè)計(jì)的小編 http://www.monmeltingpot.net