<address id="ttjl9"></address>

      <noframes id="ttjl9"><address id="ttjl9"><nobr id="ttjl9"></nobr></address>
      <form id="ttjl9"></form>
        <em id="ttjl9"><span id="ttjl9"></span></em>
        <address id="ttjl9"></address>

          <noframes id="ttjl9"><form id="ttjl9"></form>

          首頁

          為 AI 工程師設計:你需要了解的 UI 模式

          杰睿 行業趨勢

          指導 UI 原則:

          1. 歡迎精簡信息。與數據科學和金融科技等 B2B 行業類似,這些角色歡迎密集數據——而且數據設計具有強大的層次結構。所以,請縮小這些邊界!
          2. 解析后的元數據最清晰。提取元數據并使其可搜索/過濾/排序非常重要。表格、側邊欄、標簽系統——這些是需要改進的主要設計系統元素。
          3. 記住雅各布定律——用戶在其他網站上花費的時間比你網站上的多。人工智能領域有很多強大的領導者,比如 HuggingFace 和 OpenAI。如果他們已經建立了一種模式,并且沒有強有力的理由去改變,那就順其自然。我知道,我知道,這違背了第一原則,但第一原則有其適用的時機和地點。至于如何為你的團隊和路線圖做出決定,就留給你自己決定吧。

          Github 的設計系統是開發者設計的絕佳資源。以下是一些明確針對開發者角色定制的原則

          • 直到快了才算完全發貨
          • 添加任何東西都會稀釋其他一切
          • 實用性勝過純粹性
          • 平易近人勝過簡單
          • 半途而廢和不采取任何措施一樣糟糕
          • 鼓勵流動
          • 更注重功能

          因此,秉承這些原則,以下是我團隊今年發布的一些關鍵界面。需要注意的是,我的團隊只有 4 個人(2 名設計師和 2 名開發人員),我們是一家節奏飛快的初創公司。我們的設計最初都是以 MVP 的形式發布的,上線后會進行迭代,并且經?;诂F有系統進行構建,從 0 到 1,并盡快獲得真正的外部驗證。本文中的所有設計均由我和Will Rust共同創作。設計是一項團隊運動。

          我將介紹的屏幕:

          將顯示縮放圖像
          聊天界面、游樂場、開發控制臺、文檔和食譜的 UI 線框

          產品一:與法學碩士聊天(簡易營銷頁面版本)

          聊天屏幕的線框

          作為終端用戶,我們現在對聊天界面非常熟悉。作為開發者,使用 LLM(大型語言模型)進行聊天,與Chat GPT、Duck AssistPerplexity等 AI 平臺上的終端用戶體驗幾乎完全相同。關鍵在于盡可能簡潔明了,并提供快速簡潔的答案。

          主要區別在于,人工智能開發人員還會根據模型的速度、構建的簡易性、兼容性和部署性來評估模型。

          保持與傳統搜索引擎一樣簡潔,但提供更細致的第二層信息,展現其底層運作,包括文檔鏈接、展示模型速度的基準數據,以及每個令牌成本等其他數據。以下是我們在 Modular 中解決這個問題的方法。

          我們使用UI 框架:https : //www.gradio.app/、Mantine、Tailwind

          屏幕 1 — 簡單的“開始聊天”介紹屏幕,向用戶展示它的型號、運行的硬件以及處理的流量。

          將顯示縮放圖像
          聊天界面模擬

          當然,所有內容都兼容明暗模式。以下是暗黑模式版本,我們將聊天功能嵌入到了開發者控制臺中。

          將顯示縮放圖像
          暗黑模式下聊天的 UI 模擬

          屏幕 2 — 聊天結果,顯示基準數據,以及教程、代碼和部署此模型的后續步驟的鏈接。

          將顯示縮放圖像
          將顯示縮放圖像
          左圖:擴展基準測試結果;右圖:合并基準測試

          截圖 3 — 嵌入式版本。為了實現此版本,我們使用 RAG 專門針對我們的文檔對 MAX 進行了訓練。此實驗目前僅面向內部用戶,并有望盡快發布。

          將顯示縮放圖像
          文檔網站中聊天的 UI 模擬

          一些精選參考:

          將顯示縮放圖像
          將顯示縮放圖像
          Chatgpt ;困惑
          將顯示縮放圖像
          將顯示縮放圖像
          Groq,HuggingFace 聊天

          產品2:模型庫

          模型庫網站線框的縮略圖

          AI 開發者需要做的最重要的事情之一就是評估 GenAI 模型。首先,你需要搜索模型庫——也稱為“模型花園”、“模型庫”或“模型中心”。出于市場營銷/SEO 的原因,這通常需要用戶注銷登錄,主要目的是向用戶展示你的平臺兼容的所有模型,并鼓勵他們登錄后再進行更深入的模型測試。我們的模型庫位于builds.modular.com。

          這里最重要的功能本質上是搜索和過濾。你要確保用戶能夠從包含數百甚至數千個模型的龐大數據集中找到他們想要的內容。

          將顯示縮放圖像
          我們的模型庫的 UI 模擬
          將顯示縮放圖像

          屏幕 2 — 模型詳情頁。此頁面會告訴用戶每個模型有多少個變體,如何在本地快速運行模型,以及如何根據需要將其部署到云端的 GPU。

          將顯示縮放圖像
          模型詳細信息頁面的 UI 模擬

          有一些有趣的技術細節與模型參數大小、量化、硬件兼容性等有關。但最終一切都歸結為格式塔聚類和創建正確的層次結構。

          將顯示縮放圖像
          各種 UI 模型拼貼在一起
          設計由 Eve Weinberg(我)和Will Rust創作

          我在這里最常參考的是 Huggingface(因為他們是這個領域的領導者)、Kaggle(因為他們擁有蓬勃發展的社區)、Together AI(因為他們是企業級的)和 Replicate(因為每天 8 萬次點擊量已經很多了):

          將顯示縮放圖像
          將顯示縮放圖像
          Together.ai
          將顯示縮放圖像
          將顯示縮放圖像

          與所有成功的 UI 一樣,設計時務必牢記用戶思維。AI 開發者在設計模型時,會考慮模型能夠完成哪些任務、模型的大小、性能以及開發者是誰。

          產品3:游樂場

          游樂場的縮略圖線框

          游樂場是指專為實驗、測試和學習而設計的環境,不會影響現有系統或生產環境。對于 AI 開發者來說,更具體地說,它包括試用 AI 模型、測試提示以及微調參數等功能,無需大量的基礎設施。

          我們現在才剛剛開始運行,所以我只會談論主要功能并展示一些參考。

          主要特點:

          1. 已登錄并連接賬單。這只是一個小提示,但用戶通常需要連接信用卡,因為您現在正式運行 AI 計算。
          2. 滑塊控制模型的參數,完全改變模型。
          3. 按使用量付費定價
          將顯示縮放圖像
          將顯示縮放圖像
          將顯示縮放圖像
          將顯示縮放圖像
          左圖:Vercel;右圖:谷歌

          這與整個控制臺體驗完美銜接。

          產品4:開發者控制臺

          開發控制臺的縮略圖線框

          從布局和信息架構的角度來看,這與其他桌面控制臺類似。我們使用 Tailwind、Mantine 和 ChartJS 來制作。

          將顯示縮放圖像
          開發人員控制臺分析屏幕 dashobard 的 UI 模擬
          將顯示縮放圖像
          開發者控制臺主屏幕的 UI 模擬
          我們有點沉迷于定制編號

          這里最有趣的 UI 功能是數據監控儀表盤。如果你曾經設計過企業儀表盤,那么其余部分其實都差不多——基于角色的訪問控制、計費、組織層級結構(內部成員可以邀請其他成員)、通知、設置等等。

          產品 5:文檔

          好吧,讓我們開始討論最重要的部分——文檔!每個人都喜歡設計文檔 ;)這就是我們的文檔。這實際上是我第一次完全自主設計一個文檔網站。我們使用DocusuarusAlgolia搜索,它的用戶界面非常棒,開箱即用!

          將顯示縮放圖像
          文檔用戶界面
          https://docs.modular.com/max

          就信息架構而言,我們在這里討論了幾種方法,并歸納為兩個總體概念:

          1. 遵循用戶的待辦事項 (JTBD)——他們按照什么順序完成這些任務。對我們來說,順序是:本地測試、服務、部署到云端、監控、擴展。
          2. 遵循產品的架構。我們擁有一個完整的平臺,從底層 GPU 編程到云端的自動擴展,因此以這種方式進行分類對我們來說也很有吸引力。

          無論您選擇哪種方式,重申這一點的登錄頁面都至關重要。

          我們訪問量最大的頁面是“快速入門”(這并不奇怪?。?。我們正在持續優化此頁面,以加快競爭速度并提高完成率。

          將顯示縮放圖像
          文檔快速啟動頁面的 UI

          一些參考:

          將顯示縮放圖像
          streamlet 應用程序屏幕截圖
          Streamlit Docs(當產品表面較小時更容易)

          正如我之前提到的,Algolia 搜索功能非常強大。它的效果如下:

          將顯示縮放圖像
          Algolia UI 截圖
          搜索燈箱
          將顯示縮放圖像
          Algolia搜索結果頁面
          搜索頁面允許搜索所有產品和版本

          產品 6:食譜和代碼

          食譜頁面的縮略圖線框

          食譜(或烹飪書)是一種簡單卻標準化的分步說明。它們最具交互性的形式是筆記本,每個部分都是可執行代碼。最簡單的形式是一系列包含可復制/粘貼代碼片段的說明。

          正如我提到的,我們的構建過程極其迭代,所以我們的 MVP 實際上只是渲染一個 GitHub 代碼示例,并在右側標注元數據。我發現,對于這類受眾來說,越簡潔明了越好。內容本身非常密集,設計不應該過于引人注目。

          將顯示縮放圖像
          菜譜頁面的 UI 模型

          這些文章的設計系統很大一部分在于如何渲染代碼,因此,擁有一個井然有序的明暗模式系統至關重要。我們使用mantine 系統來實現這一點,并在其中設置自定義顏色。您也可以參考 CLI 配色方案的最佳實踐,例如本文所示:https ://hamvocke.com/blog/lets-create-a-terminal-color-scheme/

          將顯示縮放圖像
          我們的代碼塊設計系統的 UI 模擬
          樣式代碼的設計系統

          別忘了體驗一下命令行界面 (CLI)、ASCII 字體和清晰的進度條!至于命令行界面的用戶體驗,我試著教我的工程團隊成員 10 條基本的 NNG 原則,其中最重要的一條就是“系統狀態可見性”。

          將顯示縮放圖像
          將顯示縮放圖像
          終端中的進度條
          將顯示縮放圖像
          將顯示縮放圖像
          使用 ascii art 生成器工具:https://convertcase.net/ascii-art-generator/

          下一步是什么?

          我非常高興能夠構建更多工作流程并分享它們。我希望接下來專注于代理工作流程和云監控儀表板。

          將顯示縮放圖像
          將顯示縮放圖像
          來自工具n8n 的兩個“低代碼”代理工作流圖像。

          獎勵圖片——AI 工程師角色

          作為參考,以下是我為 Modular 創建的通用角色模型。目前我們的目標人物是“解決方案構建者”。

          將顯示縮放圖像
          3 個人物的圖像。

          敬請關注,感謝您的閱讀

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

          2026 年值得關注的頂級 UI/UX 趨勢

          杰睿 行業趨勢

          1. AI優先設計

          將顯示縮放圖像
          展示 AI 應用設計的應用程序

          多年來,我們一直在聽說人工智能在設計領域的應用。2024 年,它生成的布局看起來像是醉酒實習生做的。2025 年,它的表現有所改善,但仍然感覺像是作弊。

          現在已經2026年了?人工智能不再只是個助手。它基本上是你的設計伙伴,不會再抱怨反饋了。Galileo、Uizard 以及 Figma 上周剛剛收購的那些工具,生成的界面不僅可用,而且效果驚人。設計師現在花更多時間進行改進和制定策略,而不是無休止地擺弄自動布局框。

          趨勢:

          • 諸如“讓這個流程對 alpha 版本更加友好 20%”之類的設計提示現在已經成為一種流行趨勢。
          • UX文案由AI撰寫一半稿子,然后由人類進行潤色。
          • 評判設計師的標準是他們提示得有多好,而不是他們推動像素得有多好。

          設計提示:開始像對待初級設計師一樣對待 AI 工具。引導它們,糾正它們。不要讓它們肆意妄為,否則它們會為計算器設計一套 6 步入門指南。

          2.“零 UI”的興起

          將顯示縮放圖像
          ChatGPT 界面

          從零開始設計?那就2025年吧。我們正進入一個最好的界面就是沒有界面,或者至少沒有傳統界面的時代。

          想想語音、手勢、存在檢測、情境感知界面。設備和體驗在你開口之前就能猜測你想要什么。

          恐怖?是的,有點兒。
          方便?絕對方便。

          現實世界的例子:

          • 智能冰箱無需詢問即可重新訂購牛奶。
          • 汽車通過掃描你的臉部來調整你的座椅。
          • 只需思考布局就能設計界面的 VR 頭顯。(好吧,這個功能還在測試階段。)

          趨勢:

          • 為“隱形”交互而設計。
          • 優先考慮音頻、觸覺或行為的反饋循環。
          • 徹底重新思考屏幕的作用,尤其是在消費技術領域。

          設計提示:從體驗開始設計原型,而不是屏幕。并在現實世界中測試它。

          3. 高度個性化,但有界限

          將顯示縮放圖像
          健康追蹤應用程序

          到了2026年,用戶不再需要千篇一律的體驗。他們想要一款能夠了解他們的睡眠模式、喜歡的顏色以及童年創傷的應用,但又不能讓人覺得毛骨悚然。

          個性化日益升級,但隱私問題也日益凸顯。這意味著智能默認設置、基于行為的界面以及專為用戶打造的儀表盤。

          趨勢:

          • 根據上下文進行調整的界面:夜間使用黑暗模式,大腦疲勞時使用簡化的用戶界面等。
          • 高度集中的入職流程根據您的氛圍量身定制:為專業人士提供簡約服務,為新手提供指導。
          • 為高級用戶提供“選擇您自己的 UX 冒險”設置。

          設計提示:讓用戶自主決定個性化程度。讓個性化變得有趣。不要將功能鎖定在數據共享墻后面。

          4. 滾動已死。滾動萬歲。

          多年來,我們一直熱愛滾動。無限滾動、水平滾動、視差滾動。

          現在?滾動正在進化。2026 年,一切都圍繞著滾動敘事展開。流暢的過渡,智能的捕捉,以及微妙的交互,讓用戶不會感覺自己一直在喝紅牛。

          趨勢:

          • 卷軸作為敘事手段
          • 配對的動畫和微交互創造了一種旅程,而不僅僅是滾動到頁腳的情況。
          • 基于滾動的 UI,根據速度或意圖而變化。

          設計提示:在所有設備上測試滾動行為。在 MacBook Pro 上看起來流暢的滾動效果,在售價 99 美元的 Android 平板電腦上可能感覺像做夢一樣。

          5.語音界面成為主流

          將顯示縮放圖像
          語音界面應用程序

          過去,除非你像機器人一樣說話,否則 Alexa 總是會誤解一切。但到了 2026 年,語音界面終于成熟了。

          得益于更先進的 NLP 模型,語音正在成為導航應用的標準方式,尤其是在可穿戴設備、汽車和智能家居領域。設計師面臨的關鍵挑戰是什么?超越視覺 UI 的思考。

          趨勢:

          • 語音和視覺反饋接口同步工作。
          • 適用于多任務場景(例如烹飪、駕駛、育兒)的純語音用戶流程。
          • 個性豐富的語音助手讓生活變得輕松。

          設計提示:不要讓每個應用都顯得吵鬧。有意識地設計安靜的語音交互。并且,務必為用戶提供“關閉”按鈕。

          6. 設計要考慮神經多樣性,而不僅僅是可及性

          將顯示縮放圖像
          患有神經多樣性的兒童

          無障礙功能不再只是一張清單。2026 年,我們將為認知包容性而設計,服務于患有多動癥、自閉癥、閱讀障礙以及介于兩者之間的各種疾病的用戶。

          這不再僅僅關乎顏色對比度或屏幕閱讀器,而是關乎信息的結構、通知的工作方式以及如何減輕精神負擔。

          趨勢:

          • 可選的極簡模式,可消除噪音。
          • 帶有“運動靈敏度”切換的動畫。
          • 尊重焦點的界面;是的,我們正在談論您的 7 個彈出窗口。

          設計提示:開始用真正的神經多樣性用戶測試你的設計。不要只是“添加一個模式”。要將包容性設計融入核心用戶體驗。

          7.反設計2.0

          來看看反設計 2.0 吧。它丑陋、混亂、怪異得令人難以接受。它無處不在,尤其是在那些努力避免看起來像 Webflow 模板的作品集網站上。

          這種趨勢的核心在于打破常規,但又不失其有意為之。想想那些刺眼的色彩、夸張的元素、重疊的文字,但不知何故,它卻奏效了。

          趨勢:

          • 設計師將不完美視為一種風格。
          • 用戶界面接近“糟糕”,但在千篇一律的界面中卻脫穎而出。
          • 更注重真實性而非完美性。

          設計提示:謹慎使用此趨勢。如果你正在設計銀行應用程序,最好不要使用 Comic Sans 字體和搖擺按鈕。

          8. 具有幽默感

          將顯示縮放圖像
          企鵝在雪地里看著 404 標志

          2026年,就連你的信用卡應用也開始嘗試搞笑了。你知道嗎?它真的有效。

          人性化的界面,巧妙的微文案、精妙的動畫和令人驚喜的瞬間,讓產品更令人難忘。用戶不再僅僅追求“直觀”,他們更追求樂趣。

          趨勢:

          • 用個性化的祝酒詞。“哎呀。這招不行。不過,嘿,你上一段感情也沒用。”
          • 錯誤屏幕會讓你笑,而不是哭。

          喜悅與無聊的東西(比如空狀態和確認消息)融合在一起。

          設計提示:不要過度。并非所有內容都需要單口相聲。只需營造一種讓你的產品感覺不那么機械、更具親和力的氛圍即可。

          9. VR之外的3D和空間設計

          得益于 Apple Vision Pro、Meta Quest 以及三星的各項研發成果,空間設計已不再是小眾領域。但你無需VR 頭顯進行設計即可擁抱 3D 空間。

          2026 年,扁平化的 UI 將會變得更加立體。不再是虛假的陰影,而是真實的、可交互的深度。

          趨勢:

          • 響應光標移動的 3D 卡。
          • 電子商務和設計工具中的 AR 預覽。
          • 界面感覺更像是物理空間而不是平面布局。

          設計提示:像建筑師一樣思考。關注用戶如何在空間中移動,而不僅僅是屏幕。但不要讓性能受到影響。流暢的 2D 流程總比混亂不堪的 3D 流程好。

          10. 設計時考慮地球

          將顯示縮放圖像
          UI 中的 Eco 模式

          可持續設計終于不再只是你產品宣傳單上的一張幻燈片了。到了2026年,用戶開始關心你的應用有多“環保”,沒錯,這已經是千真萬確的事情了。

          你的應用消耗的資源越少越好。輕量級 UI、低帶寬模式和智能緩存不僅僅是技術性的功能,更是用心良苦的功能。

          趨勢:

          • 應用程序中的生態模式設置可降低數據/功耗。
          • 碳中和設計實踐。
          • 應用程序加載速度快、操作輕便,并且不會在三次滑動中耗盡電池電量。

          設計提示:別粉飾太平。務必打造高效的 UI。額外福利:用戶本來就喜歡快速的應用,所以這是雙贏的。

          最后的想法:2026 年的設計不再注重炫酷,而更注重感覺

          設計不再僅僅關乎“好看”。它關乎智能、同理心和真正實用。2026 年最好的界面不僅要美觀,還要個性化、包容性、趣味性,甚至可能是隱形的。

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

          未來的設計形態

          杰睿 行業趨勢

          有些想法已經醞釀了好幾周。其他想法則是在談話中,或者在觀看某人發起一個零散的無代碼實驗時浮現出來的(我們最近經常這樣做)。

          他們或許會老得漂亮,也或許不會。這不是重點。

          重點在于:變化正在發生。我們越了解它,就越能更好地塑造未來。

          1. 團隊規模更小,重點更明確

          我們正在進入一個團隊規模更小、更專注的時代——這適用于所有學科,而不僅僅是設計。

          正如 Marty Cagan 在最近為硅谷產品集團撰寫的文章中指出的那樣,產品團隊正在變得更加精簡,但效率也更高。這并不是說要用更少的資源做更多的事情,而是要消除噪音、開銷和不必要的交接。

          工具化正在飛速發展。十年前,一天內構建一個原型可能需要跳過關鍵步驟或加班加點。但現在,有了 Figma、一些無代碼工具(下文將詳細介紹 )以及 ChatGPT/Claude,一位設計師可以在早上探索五個方向,并在午餐前測試其中三個。

          人工智能并非取代我們,而是讓我們有機會進行更周全的設計。裝備精良的產品設計師——或者產品經理——現在可以更快地從問題到原型,再到經過驗證的解決方案,這并不是因為他們更加努力,而是因為環境最終讓他們能夠更智能地工作。裝備精良的產品設計師(或產品經理)現在可以更快地從問題轉向原型,再轉向經過驗證的解決方案,這并不是因為他們更加努力地工作,而是因為環境最終允許他們更聰明地工作。

          在設計領域(以及其他領域),這意味著更少的人員,但更明確的職責。更少的專業化,更多的責任。

          說實話,我迫不及待地想看到這個。我一直都很喜歡小團隊、快團隊。他們行動清晰,能快速建立信任,而且在協調上也更省力。

          說實話,如果你是一位領導者,認為員工人數翻番就能自動改善現狀,那么當經濟形勢發生變化或公司未能實現目標時,你可能會陷入困境。我們都見過這樣的情況:快速招聘,然后是恐慌性裁員,之后又是同樣的關于專注和問責的討論。

          單人團隊不再只是初創企業的神話。它正在成為一種可行的結構——尤其是在小型公司和早期團隊中。隨著人工智能和無代碼工具的不斷發展,甚至可能在大型公司中也是如此。

          是的——這意味著“設計師”的定義也在發生變化。

          2. 全棧設計師的再次崛起全棧設計師的再次崛起

          高度專業化的時代正在消逝。這并不意味著專家已經過時——遠非如此。只是現代產品設計師的工具包正在不斷擴展,人們期望他們能夠更好地利用這些工具包。

          研究、文案寫作、視覺設計、系統思維,甚至組件庫的實際工作——一切都融合在一起。人們越來越期望設計師能夠獨立掌控更多產品周期。這并不是為了取代其他角色,而是為了減少摩擦并保持發展勢頭。

          這種轉變反映在職位描述中。產品設計師(UX/UI 設計師等)現在需要定期撰寫微文案、進行可用性測試、參與設計系統、構建原型、分析數據、招募用戶并與客戶溝通。預計撰寫微文案、運行可用性測試、參與設計系統、構建原型、處理數據、招募用戶以及與客戶交流— 定期。

          說實話,為什么不呢?有了合適的工具,很多任務都會變得比以往更容易,而且可以做出更好、更快的決策。

          從許多方面來看,我們都回到了數字設計的早期階段,當時同一個人會進行構思、設計和構建。

          但這一次,我們采用了更好的工具、更智能的系統以及(希望)更強的判斷力。

          3. 設計系統民主化

          隨著設計工具的發展和無代碼采用的增加,設計系統變得更加開放、可用和重要。

          我們正在看到從嚴格控制的庫向模塊化、即插即用的生態系統的轉變,這種轉變不僅使設計師能夠,而且使產品經理、營銷人員甚至客戶成功角色能夠構建實驗,而無需等待開發資源。

          我希望我們的產品經理能夠使用我們的設計系統快速構建原型——只需幾分鐘,而不是幾天——這樣他們就能快速測試各種想法。正因如此,我才致力于幾乎完全開放我們的靈魂設計系統。

          這令人興奮,但也提高了標準。開放式設計系統需要清晰的文檔、強大的組件和智能的治理。它們迫使我們像產品構建者一樣思考,而不僅僅是設計師。

          與此同時,我們的系統越容易上手,我們就越有可能出現千篇一律的結果。當每個人都使用相同的組件和模式時,千篇一律就會迅速蔓延。這并不是什么新鮮事,它一直存在。想想有多少網站與 Linear 的設計相似,又有多少新應用模仿 Notion 的導航。正因如此,創造力、視覺識別和精湛工藝將變得更加重要,而不是更不重要。需要 (或想要)脫穎而出的公司需要投資于獨特的視覺/UI 設計、引人入勝的故事敘述,以及人工智能或模板無法復制的精妙之處。

          4. 工具正在改變一切(如果你允許的話)

          設計師從未擁有過如此強大的力量。我們能夠以一年前難以想象的速度進行測試、構建和學習。

          在我的團隊中,我們正在探索一波全新的工具:可愛,V0 復制, 和Bolt.new。

          我們仍在決定將哪一個(安全性、法律等)完全集成到我們的設計堆棧中,其中 Loveable 和 V0 目前處于領先地位。

          我們中的一些人也一直在研究Cursor。毫無疑問,它功能強大,但對于日常設計工作流程來說,它仍然感覺有點“更高層次” (2025 年春季——你可以打賭,幾個月后,這種情況將不再存在)。

          附注:隨著工具越來越開放,團隊界限越來越模糊,安全問題也變得越來越重要——即使對設計師而言也是如此。在討論過風險之后,我請求我們的AI/創新團隊幫助我們搭建自己的MCP服務器。他們現在正在著手開發——即使在早期階段,我們也非常謹慎。

          Vibe 編碼很有趣……直到它會讓你的系統暴露一些不該暴露的東西。

          這些工具不僅能節省時間,還能改變文化和思維方式。

          他們正瘋狂地奔跑。我完全相信,如果一年后我再回顧這件事,一定會發現三個功能強大的新工具??纯瓷蓤D像模型的飛躍——不到12個月,它就從八指的噩夢變成了擁有清晰副本的視覺效果。

          為了跟上步伐,我們開始舉辦內部培訓,讓工程師指導設計師如何在本地環境中運行項目、如何運用變體進行思考以及理解系統邏輯。這并不是要把設計師變成開發者(好吧……也許有一點)。而是要減少恐懼,增加背景知識,并在流程早期做出更好的決策。

          要點是什么?最好的工具不僅能幫助你更快地行動,還能幫助你的整個團隊使用同一種語言,共同創造更好的產品。

          提示我一直建議設計師嘗試構建 Figma 插件(你可以使用 ChatGPT 指導)、個人網站,或者——更好的是——一個可以解決你實際問題的小工具。我們的一位設計師構建了一個徒步旅行計劃器。另一位設計師為他的業余項目創建了一個烹飪伴侶。還有一位設計師創建了一個在線圖像壓縮網站。你將學到比預期更多的東西。

          5. 設計工程師的回歸

          隨著工具的發展和界限的模糊,一個新舊角色正在悄然回歸:設計工程師

          這并不是什么新鮮事——用戶體驗工程師在谷歌和其他科技巨頭中已經存在了十多年。但得益于人工智能、無代碼開發和更強大的工具,這個曾經只存在于科技巨頭獨角獸中的職位,如今正出現在 SaaS 團隊、初創公司和設計系統團隊中。

          我們團隊一直在探索這條道路。我設定了一個個人目標:到今年年底,我們產品設計團隊的某個人將為產品發布一個小更新——無需開發人員參與。即使是像更新工具提示中的文本這樣簡單的事情。在我們的 UI 團隊中,挑戰甚至更大:在沒有開發人員參與的情況下更新組件。

          為什么?因為前端現在應該更快了。可以更快。在一個設計師可以與代碼對話(或者至少可以溫柔地引導代碼)的世界里,等待兩周的文本修改感覺很不對勁。

          這并不意味著團隊中的每個人都需要成為一名程序員。但這確實意味著我們需要更加適應我們參與塑造的系統——并且不要再把 Figma 和生產環境之間的空間視為黑匣子。

          設計工程師(或任何行業賦予的頭銜)可能并不適合所有團隊。但我相信,他們會自然而然地成為更多團隊的一員。

          它會順利嗎?一點也不。開發人員會注意到那些混亂的部分——語法、結構、風險。這很正常。原型開發也是如此,任何初次踏入陌生領域的人都會遇到同樣的情況。

          但如果這種方法建立在好奇心和合作之上——而不是控制——它就會開始奏效。早期的摩擦是值得的。

          接下來是更快的迭代、更好的協調和共同的尊重。

          6.專家將比以往任何時候都更重要

          這里有一個悖論:隨著角色的融合和工具變得越來越容易使用,對真正的專業知識的需求實際上正在增長。

          人工智能是一個強大的放大器,但它也可能掩蓋經驗的不足。我見過一些初級設計師嚴重依賴人工智能生成的結果,結果卻創作出缺乏深度、連貫性或意圖的作品。工程領域也存在同樣的問題:人工智能可以自動完成代碼,但卻無法調試業務邏輯。至少目前還不行。

          在這種新環境下,普通人和杰出人才之間的差距將會擴大。這令人不安,尤其是對于那些職業生涯早期的人來說。

          但它也是一個行動號召——呼吁前輩們進行指導,呼吁團隊投資軟技能和系統思維,呼吁每個人超越僅僅推動像素或生成提示。

          成為專家。如果你還不是專家,沒關系——但不要停滯不前。不斷拓展,不斷磨練。這就是與眾不同之處。

          7. 品味、創造力和商業思維是差異化因素

          那么,在這個人工智能增強工作流程和像素級完美模板的時代,什么才能真正讓設計師脫穎而出呢?嗯,那些成就偉大設計的要素始終如一:品味。創造力。商業頭腦。溝通能力。

          隨著工具的改進,我們已經看到了千篇一律的風險。環顧四周:幾乎每個新應用都像 Notion,每個新網站都沿用 Linear 的簡潔極簡主義。這些模式并非糟糕——而是非常棒。但當所有人都遵循相同的公式時,產品之間的界限就會變得模糊。體驗開始變得千篇一律。

          這時,視覺品味和創造力就比以往任何時候都更加重要。

          隨著人工智能和無代碼工具的不斷發展,執行力不再是瓶頸——決策才是。我們的責任是像戰略家一樣思考,并運用具有影響力的語言。

          最終,只有那些能夠清晰表達意圖、發揮創造力并具備戰略思維的設計師才能脫穎而出。他們不僅能夠解答如何構建并使其外觀精美,還能解釋其背后的原因以及為誰而 做。在我上一篇為本博客撰寫的文章中,我談到了設計師領導者需要身兼數職才能產生影響力。在生成式人工智能時代,這一點比以往任何時候都更加重要,只有能夠將用戶需求與業務目標相結合、清晰地提出創意并引導團隊取得有意義成果的設計師才能獲得發展空間。

          其他人都將被困在追求快速工程技巧的道路上。

          8. 你現在可以做什么

          那么,我們該如何應對這一切?該如何為這個快速逼近的未來做好準備?

          我們在團隊中親眼目睹了這一點。

          幾個月前,我們的一位內容設計師聯系了UI團隊,尋求指導。她主動開始提升自己的技術技能,這并非她正式的成長計劃——這對她來說很有意義。之后,她創建了她的第一個組件——一個顏色選擇器——現在,我們真心相信她可以成為一名優秀的產品設計師。

          我們在用戶體驗研究領域也看到了類似的轉變。如今,我們有三位高技能的研究員——說實話,我認為未來我們不需要六位或十二位研究員。這并不是因為研究不那么重要,而是因為產品設計師越來越擅長掌控產品發現的各個環節——驗證想法、進行訪談,并更早地做出更明智的決策。

          這為我們經驗豐富的研究人員提供了發展空間,使他們能夠成為戰略合作伙伴,而不僅僅是可用性測試人員。他們作為深思熟慮、高杠桿的合作伙伴,為我們的產品設計師提供支持,我們的一位研究人員也已經開始探索UI設計。

          就像內容設計一樣,研究仍然是一門至關重要的技藝,而且通常情況下,它仍將是一個專業化的角色。但這樣的時刻提醒我,保持領先地位不僅僅是學習新工具或追逐潮流,更在于拓展視野。那些蓬勃發展的人,將是那些充滿好奇心、積極進取、無所畏懼超越工作職責的人——不是因為他們被要求這樣做,而是因為他們想要按照自己的方式迎接未來。

          那么,為了應對這一新現實,你能做些什么呢?以下是我給設計師(不僅僅是設計師)的建議:

          • 投資軟技能。同理心、講故事的能力、引導能力、領導力——這些永遠不會過時。事實上,它們比以往任何時候都更重要。
          • 親手實踐無代碼。構建一些東西。打破它。了解它能做什么和不能做什么。
          • 對人工智能保持好奇心。把它當作陪練伙伴,而不是拐杖。
          • 像產品人一樣思考。設計不再僅僅關乎形式,而更關乎結果——這本該一直如此。人工智能和無代碼工具正在加速這種轉變,讓設計師有更多空間專注于戰略和業務。
          • 分享你的知識。指導、寫作、教學——你將在這個過程中學到更多。
          • 鼓勵團隊中的其他人進行嘗試。這包括產品經理、營銷人員,甚至客戶成功團隊。使用你的設計系統和無代碼工具構建的簡單原型,有時比冗長的 PRD 能帶來更好的反饋。

          未來不在于做得更多,而在于做得更好——更清晰、更有目的、更快速。

          給未來的我的一封信

          如果您明年讀到這篇文章,我希望其中一些想法能夠得到認可。

          也許有些事情被證明是錯誤的——也許更大的事情發生了,再次改變了一切。沒關系。

          我希望不變的是:我們不斷適應。我們不斷學習。我們以好奇心而非恐懼引領。

          因為適應力是我們的超能力。而設計——在最佳狀態下——始終在于對未來的暢想。

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

          超越旅程地圖:AI UX 中的控制設計

          杰睿 行業趨勢

          UX AI 設計工具包圖示
          羅布·查佩爾(Rob Chappell)插畫

          多年來,用戶體驗團隊一直依賴用戶旅程地圖(一種標準的設計思維工具)來可視化和傳達用戶的意圖、行為和流程。我們繪制了用戶在各個界面步驟中的目標和情感,追蹤了從發現到轉化或任務完成的路徑。這些地圖假設用戶旅程的進展基本呈線性:一系列可見的屏幕、結構化的任務以及用戶做出的深思熟慮的選擇。

          但在人工智能驅動的系統中,這些假設開始瓦解。步驟變得不可見。目標在過程中不斷演變。系統不再等待命令——它會推斷、提出建議,甚至采取行動。隨著人工智能承擔起更多責任,我們熟悉的用戶流程架構開始瓦解。我們曾經稱之為“旅程”的東西開始變得更像一場對話,或者更準確地說,一場談判。

          傳統的旅程地圖假設流程固定——逐步完成的任務、靜態屏幕和清晰的用戶意圖。但在由人工智能驅動的體驗中,例如 ChatGPT、Google Gemini 或 GitHub Copilot:座席會主動完成任務(有時是隱形的),并且控制權會來回傳遞??紤]以下人工智能操作:

          • 寫作助手會在您輸入時完成您的句子。
          • 設計工具根據定義不明確的指令應用更改。
          • 瀏覽器助手可以總結網頁、建議下一步行動并跨域采取行動。

          在每種情況下,系統都會參與意義建構和決策。這些體驗構成了一個相互影響的循環。針對這種新現實進行設計需要新的框架——用戶體驗模型,它超越了用戶逐步完成任務的模式,而是考慮了人機之間動態的、共享的控制。

          隨著人工智能系統功能日益強大,我們作為體驗設計師的工作也發生了變化。這不僅僅關乎流程、組件或優化。這意味著我們需要根據控制感知用戶體驗的原則進行設計:

          1. 意圖框架:如何建議行動?幫助用戶設定模糊的目標。
          2. 清晰地預覽AI計劃: AI正在做什么?為什么?在行動之前展示系統將做什么
          3. 可操控性:我可以改變路徑嗎?讓用戶在任務中調整AI行為。
          4. 可逆性:我可以撤銷剛剛發生的事情嗎?提供清晰的撤銷和覆蓋選項。
          5. 透明度和一致性:這個系統會尊重我的時間、我的目標和我的監督嗎?分享系統推理。

          這關乎塑造人與自主運作系統之間的關系。這種關系只有在清晰易懂、可操控且以人為本的基礎上才能有效運作。

          管理控制平衡

          自主性滑塊的圖示
          Andrej Karpathy 的“自主滑塊”概念——Rob Chappell 的插圖

          在 Y Combinator 的 AI 創業學校的演講軟件正在(再次)改變中,特斯拉前 AI 主管、應用 AI 領域最具影響力的人物之一 Andrej Karpathy 將軟件設計的這種轉變描述為從確定性、代碼驅動系統向新范式的過渡:界面是自然語言,程序就是提示本身。

          正如 Karpathy 所說,“你的提示現在是編寫 LLM 的程序。”但與命令或表單輸入不同,提示會啟動一個概率性的解釋過程,其中模型推斷意圖和上下文,而不是執行固定的操作。

          Andrej Karpathy 主題演講截圖
          Andrej Karpathy 在舊金山 AI 創業學校發表主題演講 — youtu.be/LCEmiRjPEtQ

          Karpathy 提出了“自主性滑塊”的概念——一種交互范圍,從完全用戶控制到完全 AI 自主。它并非簡單的開關,而是一個動態、流暢的尺度,會在整個會話過程中不斷變化。有時由用戶主導,有時由 AI 模型提出建議或采取行動。通常情況下,它們會反復切換角色。這是一種時時刻刻的控制權權衡。

          Karpathy 闡述了人類與人工智能之間互動的兩種基本模式:

          1. 人機交互(指令模式)

          • 人類給出詳細、明確的命令
          • AI 模型根據這些指令執行
          • 思考:快速工程、表單填寫、手動配置
          • 用戶體驗重點:輸入清晰度和腳手架、結構化指導

          2. 模型即駕駛員(自動駕駛模式)

          • 人類給出了一個高層次的目標
          • 該模型計劃、決定、迭代和選擇
          • 思考:“寫一份簡介草稿”、“為我開發一個應用程序”、“我還缺少什么?”
          • 用戶體驗重點:可解釋性、監督和覆蓋控制、信任信號

          這兩種模式存在于動態張力之中,而非二元對立。用戶和AI代理流暢地來回切換控制權。Karpathy的框架向我們展示了真正的用戶體驗挑戰并非對話與界面的對立,而是為共同代理而設計。

          你肯定不想只用文本與操作系統(LLM)對話。文本閱讀、解讀和理解起來非常困難……圖形用戶界面 (GUI) 可以幫助人類審核這些易出錯的系統的工作,并提高運行速度。—— Andrej Karpathy,軟件正在(再次)改變

          看完 Karpathy 的演講后,我一直在思考“自主滑塊”——用戶選擇將多少控制權交給 AI 的想法。但這并不總是指完全自主,比如 AI 編寫代碼和提交拉取請求。有時,它涉及一些更微妙的事情:你給系統多大的空間來解讀你的意圖。

          我從Adobe Firefly測試版就開始用了,主要用來構思視覺概念和探索風格方向。Firefly 的滑塊控件并非虛構的,而是內置在界面中的。

          Adobe Firefly 視覺強度滑塊運行截圖
          Adobe Firefly 實際操作示例——用戶調整模型的創意控制,調整視覺強度水平

          Firefly 為我提供了調節控制的工具,而不僅僅是提交輸入。提示字段并非整個界面,它只是更大控制界面的一部分。它周圍有一些滑塊——例如“視覺強度”“風格強度”——它們充當實時刻度盤,用于控制我賦予模型的自主權。當我降低強度時,我在發出信號:緊跟提示,保持文字表達。當我提高強度時,我在邀請讀者進行解讀,讓模型自由發揮創意。

          實際上,我選擇賦予AI多少自主權。這關乎塑造作者身份的平衡。系統成為了合作者,而滑塊則成為一種看得見摸得著的管理合作關系的方式。

          用戶體驗也在再次發生變化

          交互的未來不僅僅是引導用戶順利地從A點到達B點,更是設計人與模型之間的關系。這種轉變需要一種全新的用戶體驗思維,將人機交互狀態視為核心設計維度,而非邊緣情況。這種變化已引起廣泛關注。業內的用戶體驗領導者正在提出以人為本的全新方法,利用智能系統進行設計,并圍繞智能系統進行設計。

          在 UX Matters 的文章超越炒作:以人為本的 AI 走向現實中,設計加速器 Punchcut 的聯合創始人 Ken Olewiler 對當前的 AI 格局提出了尖銳的批評,警告稱不應在缺乏實際用戶價值的情況下倉促采用生成式 AI。盡管許多組織正在進行試驗,但他指出,很少有組織能夠從概念驗證階段邁向可衡量的投資回報率——他將這一差距歸因于炒作驅動的決策和缺乏以人為本的框架。

          避免試圖在客戶生命周期的每個階段都全面集成人工智能自動化。要更有選擇性,在人工智能能夠帶來最大價值的地方進行集成。提供能夠實現協作式用戶控制的人工智能功能,為用戶保留有意義的自主權。——Punchcut 聯合創始人 Ken Olewiler

          Olewiler 呼吁重新思考自主性。盡管人工智能領域的主流敘事傾向于推崇完全自動化,但他團隊的用戶研究發現,用戶更喜歡共享控制。他建議創建自主性地圖,以可視化的方式展現人機交互在整個體驗中的轉換點——類似于服務藍圖等系統設計工具,但更側重于控制。這些地圖可以幫助團隊在設計時實現協同自主,而不是交接或黑箱自動化。

          BCG 的 Matt Scharpnick 的文章“生成式人工智能的用戶體驗設計:平衡用戶控制和自動化”呼應了 Olewiler 強調的平衡用戶代理和人工智能自動化,強調了用戶體驗需要在靈感和精確之間找到平衡。

          用模型引導用戶得出精確結果可能會令人沮喪。我們仍處于 GenAI 的早期階段,還有很大的創新空間——尤其是在設計允許用戶精準輸入偏好的界面方面。—— BCG 副總監 Matt Scharpnick

          Scharpnick 認為,生成式用戶體驗的未來在于設計出一種界面,讓用戶能夠精準地“操控”他們想要的價值和控制,同時又不扼殺生成式模型的創造潛力。這與 Olewiler 對自主地圖和共享能動性的呼吁相呼應,凸顯了用戶體驗的更廣泛轉變:我們必須設計出既能激發驚喜,又能支持專業級精準度的系統。

          繪制控制流:我們可以從 OESD 中學到什么

          操作員事件序列圖 (OESD)是一種形式化模型,用于直觀地展現控制權在人類操作員和自動化系統之間隨時間推移的切換。OESD 是在航空航天、自動駕駛汽車和工業機器人等安全關鍵領域開發的,它可以幫助工程師定義每個操作的負責人、觸發控制權交接的因素以及系統在出現問題時如何響應。

          這些圖表通常包含兩條或多條“泳道”——一條供人使用,一條供機器使用——并繪制出一系列動作、決策和交接點。它們不僅旨在捕捉行為,還旨在在復雜、高風險的環境中強制執行明確的責任制和可恢復性。

          OESD示例:

          在自動駕駛汽車的遠程操作中,研究人員使用 OESD 來模擬遠程人類何時應該介入——從被動監控到主動駕駛——這取決于車輛的信心和環境。

          操作符事件序列圖示例
          Stanton NA 等人,(2021)。使用操作員事件序列圖建模自動化與人類駕駛員的交接。未來交通,1 (2),351–369。https ://doi.org/10.3390/futuretransp1020020(開放獲取)

          在農業機器人領域,OESD 幫助研究人員編排共享控制任務,例如讓人類標記要收獲的水果,而機器人負責物理切割。

          操作符事件序列圖示例
          Salzer Y 等人,(2023)。集成功能分配和操作事件序列圖以支持人機協作:機器人數據細化系統案例研究。《認知工程與決策雜志》,18 (1),52–68。https ://doi.org/10.1177/15553434231199727(開放獲取)

          這些模型為我們提供了一種語言,將控制描述為人與系統之間的時間序列。它們已被證明在需要明確權限和故障保護的領域非常有效。作為用戶體驗設計師,我們可以在面對新挑戰時改進控制序列圖:設計不僅要考慮控制權的交接,還要考慮人與人工智能系統之間流暢的協同作用。作為用戶體驗設計師,我們可以在面臨新挑戰時改進控制序列圖:不僅要設計控制交接,還要設計人與人工智能系統之間的流暢協作。

          從旅程地圖到控制地圖

          人工智能系統正在改變數字交互的結構。傳統軟件需要等待用戶輸入,而現代人工智能工具則能夠推斷、建議并采取行動。這徹底改變了用戶體驗或產品的控制方式,并挑戰了當代用戶體驗方法中的許多假設。

          在用戶體驗旅程圖中,核心問題是:

          “用戶想要做什么?”

          對于控制映射人工智能系統,核心問題變成:

          “此刻誰在掌控局勢?局勢將如何轉變?”

          設計師需要更好的方法來追蹤控制權是如何發起、共享和交還的——不僅關注用戶看到什么或做了什么,還要關注人類和人工智能系統之間如何實時協商代理。

          我們可以將類似 OESD 的思維方式應用于更廣泛的 AI 用戶體驗。用戶-AI 控制映射可能更多地關乎一種思維模式,而非靜態圖表——設計一個既能行動又能傾聽的系統。關鍵考慮因素:

          • 誰在控制——用戶、AI 或兩者
          • 控制權何時以及為何發生轉移——作為時刻或循環
          • 界面如何支持這些轉換——遵循控制感知用戶體驗原則所需的可供性

          為了評估這些動力是否有效,我們需要新的指標——能夠捕捉合作質量而不僅僅是完成度的指標。

          用戶人工智能控制和質量指標概念圖
          用戶-AI 控制和質量指標概念 — 插圖:Rob Chappell

          轉彎效率和意圖準確度等質量指標不僅僅是診斷依據,更是在人工智能設計中實現信任、協調和控制的一種方式。其目標是確保清晰性、適應性和以人為本的成果,即使控制權隨時都在轉移。

          環境人工智能系統提高了風險

          環境智能 (AmI) 指的是配備嵌入式傳感器的環境,這些傳感器能夠主動且不引人注目地為用戶提供支持——適應環境、識別行為模式,并在無需明確指令的情況下預測需求。這一愿景涵蓋了從調節燈光的智能房間到能夠理解語音提示的語音助手,以及如今嵌入在我們數字產品中的環境人工智能服務。

          • 無需提示即可閱讀上下文
          • 提出行動而不是等待
          • 自主行動,然后退卻

          環境人工智能為數字體驗設計開辟了新領域。

          在2025 年 Google I/O 開發者大會上,環境 AI 的轉型以 Project Astra 的形式展現。該項目的多模態助手被嵌入到配備攝像頭和音頻輸入的智能手機中。Google 的 AI 助手將實時感知環境、識別物體并解讀口語。它代表著我們邁向情境感知、具身化 AI 的未來:這些系統無需等待提示,而是主動觀察、解讀并提供幫助,并嵌入到我們現有的空間和工具中。

          值得注意的是,谷歌宣布Gemini 將直接集成到 Chrome 瀏覽器中,這意味著谷歌正在將 AI 從一項獨立的功能轉變為一個無處不在的層。從這個意義上講,瀏覽器曾經只是網站的被動容器,如今卻成為了一個主動的協作者:讀取上下文、建議操作并跨領域解釋任務。AI 助手無需等待用戶打開——它就在那里,感知用戶的實時上下文并隨時準備參與。

          谷歌的立場越來越明確:擁有跨域 AI 層。這不是一個小眾的邊緣案例,而是一個主流的競爭態勢,因為 Chrome 不僅僅是一個瀏覽器。它是全球用戶的默認界面,控制著超過 60% 的瀏覽器市場。它的優勢——“護城河”——不僅在于模型性能,還在于跨標簽、應用和會話的上下文連續性。瀏覽器向對話式發展的這種演變,為在自己的平臺內構建 AI 助手的產品和用戶體驗團隊提出了一系列緊迫的問題。如果 Gemini 已經存在于 Chrome 中,那么特定領域的助手還會扮演什么角色?用戶會更喜歡針對單個品牌或任務量身定制的網站嵌入式 AI 代理嗎?或者,主流的網絡模式是否會Gemini 而構建——確保兼容性、清晰度和信任度,而 AI 已經在瀏覽器級別與用戶并肩作戰?

          Gemini 在 Chrome 中的截圖
          Google I/O 2025 大會上宣布 Chrome 瀏覽器 Gemini 將通過人工智能助手重塑瀏覽器 — 截圖來自https://www.google.com/chrome/ai-innovations/

          這不僅僅是一種新的交互模式,更是一種新的存在模式,人工智能系統將占據用戶數字環境的整個界面。這種演變不僅重塑了交互模式,也重塑了我們對數字產品的期望。它重新提出了一些遠遠超出技術用戶體驗范疇的根本性問題。正是在這里,像喬納森·艾維這樣一位蘋果最具標志性產品背后的極具影響力的設計師,也加入了討論。

          Stripe Sessions 2025上,Jony Ive 罕見地就設計工藝以及我們作為創造者的責任進行了一次對話。他強調,偉大的產品并非僅僅基于新穎性或巧妙性——它們源于深切的關懷、清晰的意圖和克制。Ive 強調,我們有責任創造出一種不需要更多關注,而是回饋部分關注的技術。他呼吁產品能夠認識到用戶“能夠感知關懷”——這種理念與將 AI 設計為一種新型協作者而非生產力工具的理念相呼應。

          設計師 Jony Ive 爵士與 Stripe 首席執行官 Patrick Collison 在 Stripe Sessions 上進行爐邊談話:https://youtu.be/wLb9g_8r-mE

          未來的工作:精心設計人工智能系統

          在人工智能驅動的體驗世界中,用戶和模型共同創造成果。正如喬納森·艾維提醒我們的那樣,我們需要從根本上建立信任和關懷,而不僅僅是停留在表面。這些體驗的成功將不再取決于系統的速度或智能程度,而更多地取決于它如何有效地共享控制權。隨著人工智能工具的演進,控制設計將成為信任設計。

          信任并非通過隱藏復雜性來贏得,而是通過使復雜性易于駕馭而建立。行動的系統也必須解釋。提出建議的系統必須接受批評。記憶的系統必須披露記憶的內容及其原因。

          動態控制設計意味著將界面視為一種關系,而不是一種工具。人際關系需要清晰的思路、積極的響應以及說“不”的能力。我們構建的系統將越來越多地為我們采取行動。問題在于,我們設計這些系統時,是否做到了在行動的同時認真傾聽。

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

          UI設計 | 您的團隊準備好進行人工智能增強設計了嗎?

          杰睿 行業趨勢

          快速通道:人工智能已實現的成果

          了解人工智能設計格局

          將顯示縮放圖像
          表 1:對比反映了 AI 設計工具平臺整合的趨勢。由于 Figma 的原生 AI 功能現在與第三方解決方案直接競爭,評估標準已不再局限于簡單的功能比較,而是涵蓋了架構兼容性和企業級就緒性。圖片由Jim Gulsen提供

          人工智能輔助設計工具:從早期測試到發現商業價值

          當前的限制:仍然存在摩擦

          重新思考人工智能在設計生命周期中的作用

          從小處著手,低風險

          補充:提示如何發揮作用(以及為什么它是一項技能)

          清單:如何評估用于設計的人工智能工具

          未來 6-24 個月我們可能會看到什么

          多種集成方法正在涌現

          這對規劃意味著什么

          總體情況

          最后的想法:不要等待完美——現在就開始

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

          用戶體驗設計人工智能

          杰睿 行業趨勢

          Google NotebookLM 的抽象圖形截圖,展示了源加載、學習指南、音頻轉錄和源驗證等功能。方框以深色背景上明亮的顏色展示了交互式工具。

          一個人工智能已經融入了用戶體驗/用戶界面設計師的日常生活。但我們究竟在使用哪些工具?它們對我們有多大幫助?最重要的是:作為人類,我們還能做什么?
          本文將通過具體的案例研究,進行清晰且最新的分析。

          工作 50% 的時間(并獲得更多)。

          人工智能工具正在改變我們作為用戶體驗/用戶界面設計師的職業。這不僅關乎速度,更關乎流程的質量。過去需要一整天才能完成的任務,現在只需幾小時就能解決。以下是一些例子:

          • 發現(訪談、用戶和競爭對手研究):2-3 天到半天
          • 線框和初始布局:4-5 天到 2-3 天
          • 復制、圖像和原型: 2天到1天
          • 交接和開發手冊: 2天到半天

          借助有針對性的工具,我們可以通過專注于思考、愿景和驗證來減少 50% 以上的運營工作。

          將顯示縮放圖像
          NotebookLM 徽標

          NotebookLM是 Google 推出的一款免費 AI 工具,可以分析和合成各種類型的字體:PDF、鏈接、文檔、音頻和視頻。加載的來源越多,輸出效果就越好。您可以向它詢問痛點、鏈接來源之間的模式,以及生成摘要或表格。

          局限性:不太適合生成創意內容,如文案、視覺效果和創意生成,需要結構化輸入,如果沒有來源,它就無法發揮其 100% 的潛力,它只能解釋所提供的數據,而不會創造出新的東西。

          案例研究:“EVENTFINDER”——城市免費活動應用程序為
          想要發現其所在城市免費活動和場地的用戶創建網絡應用程序(桌面和移動)的初稿。

          在 NotebookLM 上上傳的內容:

          2 篇關于免費疫情后活動趨勢的文章
          1 個包含用戶訪談的 PDF 文件(或一份虛擬文檔)
          關于 Eventbrite、Meetup、Facebook Events 等競爭對手的說明

          提示使用示例:

          從上傳的訪談中總結出重復的用戶需求

          通過分析這三個競爭對手,可以得出哪些基本功能?請用表格總結一下。

          尋找和參與免費本地活動時可能出現的痛點

          將顯示縮放圖像
          Google NotebookLM 的屏幕截圖,其中顯示了用戶搜索免費活動時根據需求生成的回復。左側是選定的 PDF 源,中間是包含答案的聊天內容,右側是學習工具。
          將顯示縮放圖像
          Google NotebookLM 屏幕顯示了根據提示生成的概念圖
          將顯示縮放圖像
          ChatGPT 徽標

          ChatGPT就像一個靈活的助手:它可以解釋用戶流程、生成微文案、定義站點地圖、提供基準和策略。需要注意的是,它必須經過訓練,并且查詢越詳細,結果就越好。

          局限性:如果問題缺乏背景,答案將是通用的,它可以編造看似合理的信息,不適合復雜的結構化輸出。

          案例研究:“EVENTFINDER”——城市免費活動應用程序
          使用 GPT 將 NotebookLM 上收集的數據轉化為具體的用戶體驗。

          提示使用示例:

          擔任用戶體驗設計,特別是信息架構方面的專家。

          目標:
          為健康網絡應用程序定義兩種替代信息架構方案。

          輸入:
          分析我將以鏈接或 PDF 形式提供的內容。識別重復需求、所需功能、典型流程和基本信息。同時,還要考慮行業趨勢和健康應用中的已知模式。

          輸出要求:
          制定兩份完整且獨特的信息架構方案,包括:
          1.1 頁面地圖(站點地圖),包含層級結構和各部分之間的關系。1.2
          每個頁面或部分提供的主要功能。1.3
          每個頁面預期包含的內容和信息數據。1.4
          主要流程描述(例如注冊、用戶數據收集等)。1.5
          每份方案的設計原理(適用原因、采用的模式等)。

          簡要比較這兩個提案,突出其優點和不同之處。

          限制:
          應用程序必須響應迅速。體驗基調必須令人安心、個性化且以健康為導向。只有當外部數據來源與我提供的數據一致時,您才能依賴它們。

          等我把材料發給你之后你再開始加工。

          將顯示縮放圖像
          ChatGPT 屏幕截圖,其中包含根據提示和 NotebookLM 的數據生成的響應
          將顯示縮放圖像
          Figma 制作徽標

          Figma Make 集成于 Figma 中,它可以根據文本提示、來自您的設計系統或可附加的參考資料創建 UI。您可以使用它來創建包含簡單或復雜提示的快速草稿。目前,它僅集成在 Figma 的付費計劃中。此外,您還可以使用Google 的開源工具Stitch

          局限性:響應式并不總是有效,因此需要手動干預來調整布局,它不能保證元素定位或大小的絕對精確,它更喜歡現代的“外觀和感覺”,但通常不考慮可訪問性、層次結構或可供性的原則。

          案例研究:“EVENTFINDER”——城市免費活動應用程序
          根據研究和分析獲得的數據,使用提示創建第一個視覺草稿。

          提示使用示例:

          為名為“EventFinder”的網絡應用創建桌面主頁,幫助用戶查找城市中的免費活動。風格現代、簡潔、易用。必須包含:搜索欄、推薦活動、按地點和日期篩選的篩選條件。

          生成一個移動屏幕以顯示事件詳情:圖像、名稱、位置、地圖、“添加到日歷”按鈕

          為“用戶資料”頁面提出兩種布局方案,其中包含已保存的事件和通知設置

          將顯示縮放圖像
          EventFinder 桌面主頁在 Figma 上的樣機,包含中央搜索欄、高級篩選器以及包含活動地圖和推薦部分的雙列布局。現代設計,易于訪問,并針對桌面應用進行了優化。
          將顯示縮放圖像
          上面繪制的相同模型用代碼行翻譯
           

          人工智能的未來不僅僅在辦公室,還在工作現場

          杰睿 行業趨勢

          人工智能可以為重要的一線工人創造經濟流動性——以下是產品制造商如何轉變我們的思維以涵蓋這些體驗

          作者:喬恩·弗里德曼

          關于人工智能的討論通常集中在其對白領工作(知識型工作、辦公室生產力、創造性工作)的顛覆性潛力上,但很少有人討論人工智能將如何徹底重塑技術工人和一線工作。作為設計師,以人為本的視角意味著不斷探索新領域,不僅從技術層面,也從人性的角度。

          如今,我們在賦能信息工作者方面擁有卓越的成就,在邁入人工智能時代之際,我們正積極發揚這一傳統。展望未來,我也看到了人工智能優先體驗的巨大潛力,這些體驗有助于為支持社會最基本系統的人們創造經濟增長和流動性。構建和維護我們物理系統的是電工、鋼鐵工人、管道工、運輸工人等等。支持我們人類系統的是教育工作者、兒童保育人員和護士等至關重要的工作者。至關重要的是,幾乎所有這些職業都面臨著嚴重的人員短缺,求職者數量也在不斷減少。

          精心設計的人工智能體驗或許有助于有效解決這個問題,尤其是在融入整體方案時。隨著我們拓展產品方面的思維,Microsoft Elevate 和人工智能經濟研究所——我們企業慈善事業的下一個篇章——正在幫助確保人們在人工智能改變世界的過程中不會被遺忘。他們致力于為人們提供技能、知識和工具,讓他們能夠與人工智能共同發展,這體現了微軟的信念:人工智能應該服務于每個人,包容性設計與包容性機遇相輔相成。

          人工智能發展的驚人未來:一線工人

          有表格可以幫你!減少官僚主義的復雜性

          人工智能系統需要龐大的物理基礎設施,而隨著我們構建越來越大的人工智能系統和數據中心,能源需求也隨之飆升。誰來滿足這一需求呢?技術工人:負責布線的電工、建造冷卻系統的管道工、以及建造承載人們數字夢想的鋼鐵工人。

          然而矛盾的是,正當美國對專業電工的需求達到前所未有的高度時,美國卻面臨著熟練電工的短缺。

          迫切需要吸引高中畢業生直接參與帶薪學徒項目——承諾穩定、高薪的職業,且無需承擔學生貸款的負擔。這一需求為人工智能設計提供了一個清晰而強大的用例:簡化從學校到學徒再到熟練工的復雜路徑。人工智能解決方案可以簡化流程、時間表、表格和認證,從而加速職業發展并促進經濟流動性,惠及個人、家庭乃至整個經濟。

          人工智能是積極的合作伙伴,而不僅僅是另一個被動工具

          想象一下,你是一名剛入行的電工學徒,踏入第一個復雜的工地。熟練工們辛勤工作,確保項目順利推進,但工作節奏之快,讓你很難停下來,實時解答每個問題。這時,人工智能就派上用場了——它并非取代經驗豐富的電工的指導,而是為其提供支持。使用你的智能手機,人工智能助手可以直觀地識別問題,并根據經驗豐富的熟練工處理過的數千個實際場景,提供即時實用的建議。這就像在你的口袋里多了一個額外的支持——人工智能就像一個親自動手的助手,可以強化你的學習,并增強你的工作信心。

          這不是理論上的未來主義。而是實用且可擴展的人工智能設計,能夠直接提升一線員工的生產力,加速學習,提升效率,并更好地保障安全。一線工人的工作通常需要體力勞動,有時甚至很危險,并且可能需要在不可預測的環境中連續工作10到12個小時——僅在美國,每年就有近100萬起制造業傷害和卡車事故。這不僅會影響工作效率,背部受傷或手指缺失還會給整個家庭帶來持續的經濟困境。

          在這種情況下,知道自己并不孤單不僅能增強信心、幫助你在工作中表現出色,還能讓你相信下班后能安全回家。

          通過以人為本的人工智能設計重建信任

          除了人身安全之外,信任也是一線工作另一個方面的關鍵因素:科技的優勢和前景。例如,護士基于過去的經驗,對數字技術持懷疑態度,這是可以理解的。二十年前,他們被承諾電子病歷 (EMR) 將積極改變他們的工作流程。然而,EMR 主要惠及的是管理人員、保險公司和技術供應商,卻讓護士承擔了額外的繁瑣工作,減少了與患者的面對面互動,并降低了他們對技術承諾的信任。

          如今,這種懷疑依然揮之不去,其根源在于人們認為科技往往優先考慮企業效率或盈利能力,而非一線員工的實際需求。護士和許多其他技術專業人員理所當然地懷疑,人工智能能否真正幫助他們,或者歷史是否會重演。人工智能未來的成功不僅取決于其強大的技術能力,還取決于我們能否重拾并維持信任,尤其是那些曾因技術前景而失望的人們。

          解決這一懷疑的唯一可行方法是真正以人為本的產品設計。

          前進的道路需要認真傾聽一線員工的心聲,深入了解他們的日常問題,并共同設計能夠帶來切實效益的解決方案。優秀的設計,真正植根于用戶同理心和實際效用,不會將業務目標與員工需求對立起來,而是有效地協調和平衡兩者。作為產品制造商,我們的工作就是實現這種平衡,確保人工智能工具不會為了技術而強加于員工,而是以協作、透明和同理心的方式進行開發。

          下一波產品設計浪潮

          以不同的方式思考要完成的“工作”

          為了兌現這一承諾,我們需要重新構建我們的設計方法和假設。以“待完成工作”(JTBD)為例,這是一個用于理解用戶問題的通用設計框架。從歷史上看,我們通常將“工作”理解為更具體的行動,通常是通過信息工作(IW)的視角。要讓所有員工都能用人工智能賦能,就需要超越表面行為,關注通常位于馬斯洛需求層次更高層次的人類需求。

          以年度績效評估為例,無論你是送貨司機還是設計師,都會進行績效評估。通常,員工會填寫一份表格,經理們會用這份表格來討論職業發展。如果我們認為 JTBD 就是“填寫表格”,我們就會設計一個 AI 解決方案,讓填寫表格變得更容易;也許你只是把想法寫進表格,然后 AI 會賦予它們結構和更優美的措辭。如果我們意識到真正的 JTBD 是促進有意義的對話,我們就可以設計一個主動的 AI 代理,嵌入到日常工作流程中,讓你和你的主管在職業發展對話開始前幾周做好準備。該代理會幫助整合你的成就(包括你可能已經忘記的成就),提供相關的反饋,提出富有成效的談話要點,然后促成一場引人入勝的對話——所有這些都將顯著提高效率、增強意義,并減少事務性。

          這種設計首先以最終用戶的需求為中心,而不是為了滿足需求而創造技術解決方案。雖然產品制造商經常與技術工人(FLW)打交道——比如你孩子的老師、你診所的護士,或者你剛剛急需聯系的水管工——但我們的工作性質截然不同,因此,共同設計以識別任務背后更深層次的需求尤為重要。

          以不同的方式優先考慮多式聯運場景

          雖然多模式場景對許多信息工作者來說令人興奮,但對一線工作人員來說,它們的影響遠為關鍵。視覺捕捉白板筆記與向在雨夾雪中行駛的卡車司機發出迎面而來的車輛信號有著截然不同的意義。為運輸工作者設計的以視覺為中心的輸入和輸出體驗必然會極其靈敏、細致和準確——從而為現場物流工作者和信息工作者帶來顯著更好的體驗。

          從設計的角度來看,由于一線崗位高度的體力勞動和對話性,人類活動的范圍更加廣泛。雖然所有專業領域都推動著經濟發展,并且意義深遠,但未能滿足一線工作者的需求會立即對社會各階層產生深遠的影響。通過將通用設計原則應用于針對這些更為極端和關鍵狀況的多模式解決方案,我們正在創造惠及每個人的體驗。

          轉變端到端工作流程

          人工智能的更廣闊潛力不僅在于實現任務自動化,更在于積極賦能人類,創造全新的途徑和工作方式。這種潛力遠不止于辦公室,還涵蓋教室、醫院、建筑工地、交通系統等等。

          例如,我們采訪過的教育工作者已經看到人工智能深深嵌入到他們的課堂中,最初是由學生的采用推動的,但現在正在改變他們創建和教授課程的方式。

          護士和醫護人員同樣利用人工智能來更有效地管理患者護理。

          微軟對 Microsoft 365 Copilot 等工具的愿景正是基于這一新現實:設計能夠實時理解、預測并適應人類需求的智能系統。在我們重新構想整體體驗的過程中,協同設計的一部分在于重新思考如何通過智能設計來衡量、定義和實現生產力。通過不再使用人工智能來自動化當前任務,而是從根本上重新思考任務本身,我們可以優先考慮最重要的事情:人際關系、快速學習、經濟賦能和有意義的工作。

          一種新的端到端思維

          端到端體驗通常指整個產品生命周期。當我們思考產品將存在于的世界時,需要一種不同的端到端思維。教育行業在整體思考經濟增長時,通常采用“從搖籃到職業”的思維模式。討論的重點并非僅僅放在教育隧道末端的工作崗位上,而是從幼兒教育開始,然后是K-12和高等教育途徑,包括高等教育和帶薪學徒制,最終是維持生計的工作崗位。

          考慮到這些關鍵崗位的嚴重人員短缺,產品制造商的端到端思維應該包括引發關于如何最好地引導人們進入這些職業的討論。像領英這樣數據豐富的平臺可以通過展示熱門崗位、規劃基于技能的職業發展路徑,以及為有抱負的工作者(無論是高中生還是轉行者)提供學徒計劃、認證和導師支持,使一線職業發展路徑更加清晰易懂、易于導航。通過將這些洞察融入產品設計,我們可以用全新的端到端思維,全面支持關鍵職業發展。

          歸根結底,下一代人工智能不僅僅是數字化的;它是切實的、交互式的、主動的、并且高度人性化的。對于人工智能設計師和產品創造者來說,我們的使命從未如此清晰:廣泛、深入且人性化地重新定義生產力。在微軟,這是我們的承諾——不斷改進我們思考和構建全球最具影響力的人工智能工具的方式,確保從電工和教育工作者到設計師和商業領袖,每個人都能在這個新的現實中蓬勃發展。

           

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

          谷歌全新 Material Design 的“Expressive”設計

          杰睿 行業趨勢

          谷歌剛剛在上周的Android Show上發布了 Material Design 的一項最大更新,這讓我這個 UX 設計師感到非常興奮(同時也有點擔心),因為它正在發生著變化和發展。

          谷歌 Material Design“Expressive”設計預覽

          谷歌 (OOGLE) 最近對其現有的設計語言和系統進行了大規模升級,用于為全球數十億用戶構建應用和產品。此次更新包含許多有趣的新效果和風格,但最重要的是,它凸顯了公司在用戶體驗方面的思維轉變。

          讓我為您總結一切,并展示這將如何為空間帶來新的設計趨勢。

          有趣的元素、按鈕和控件

          Material Design Expressive 中的趣味元素

          如果你覺得之前的 Material Design 已經不遺余力地讓元素看起來更有趣了,那么這次的更新絕對更上一層樓。從形狀相互轉換的創意加載器,到隨處可見的滑動條,這次更新將為設計師提供豐富的選擇和自由度,讓他們盡情發揮創意。

          不一致是關鍵?——這是我在 Android Show 上注意到的!作為設計師,我們通過網站和應用程序宣揚一致的設計,然而 Material Expressive 卻打破了大量規則。

          • 標簽現在會改變形狀以突出顯示并顯示高亮狀態。
          • 浮動菜單現在具有可變的寬度來容納其內容,而不是一個一致的寬度。
          • 擴展的形狀庫可以為部分或按鈕增添樂趣。
          • 在屏幕上的同一空間內使用可變的邊框半徑(半徑的復數)來提供更高水平的視覺區分。
          • 標題中使用多種排版方式來增強視覺層次并注重“大膽”的設計。
          • 諸如此類的例子還有很多。

          除了微小的元素之外,我們還可以在應用程序中的整個卡片和列表中看到這一點:

          卡片和列表如何應對不一致

          標題真正體現了風格并打破了界限

          標題如何在不同的應用中扮演不同的“角色”

          我們見過網站標題的奇特風格,設計師們也利用標題來契合主題,使其成為重要的圖形元素。谷歌似乎也試圖在其設計系統中做同樣的事情。

          一個很好的例子是他們如何巧妙地使用可變的字體高度和大小來創建這個簡潔的鬧鐘應用程序。

          資料來源:9to5Google

          一些有趣的標題和文字非常有意義,尤其是在標題扮演特定角色的應用中。然而,一些大而粗的標題和元素的使用卻很糟糕。以下是谷歌正在做的一個很好的例子顯示為“不該做什么”:

          我們還沒有看到谷歌在動畫標題和效果方面做出太多的貢獻,所以我們只能拭目以待。

          注重節省時間

          從上面的對比中,您可以注意到 Gmail 移動應用的一些重大變化。電子郵件部分現在變成了素材卡片,并且操作菜單移到了鍵盤上方。除了位置的變化之外,加粗的發送按鈕和擴展的菜單還允許用戶快速操作并將元素添加到電子郵件中。研究表明,這可以將用戶的瀏覽體驗提升 4 倍。

          不同元素使用不同的色調不僅讓應用程序感覺更有趣,而且還為重要元素創建了良好的視覺層次和對比度。

          在經過測試的 10 款應用中,M3 Expressive 設計使老年用戶能夠像年輕用戶一樣快速地發現屏幕上的關鍵交互元素。

          根據谷歌研究團隊的調查,無論年輕用戶還是年長用戶,都能更快地發現關鍵交互和行動號召 (CTA),并減少采取行動的時間。簡而言之,用戶和界面之間的摩擦將會減少。

          動畫和交互得到升級

          谷歌將他們的新動畫系統和指南稱為“運動物理系統”,該系統致力于使微交互和過渡更加流暢、更具表現力。谷歌還致力于使動畫更容易被用戶理解。

          一些主要區別如下:

          • 基于彈簧的動畫本質上意味著動畫結束時會有彈跳,以使其感覺更自然。
          • 您可以使用新的運動方案來定制您的設計。
          • 空間效果,其中元素將在屏幕上從一個位置移動到另一個位置。
          • 他們還采用了新的命名方案,以“expressive”作為動畫名稱的前綴。
          • 標準緩和動畫已成為過去!

          所有這些如何協同工作的一個很好的例子就是這個非常自然且富有表現力的動畫:

          新的 Android 通知動畫

          在上面的例子中,仔細觀察關閉一條通知時,所有其他通知都會做出相應的反應。這感覺就像一本書被從書架上拉下來,旁邊的書也會微微滑出。這比之前的 Android 更新更加自然,也更符合物理定律。

          您可以使用這些新動畫及其動畫指南和設置列表 - https://m3.material.io/styles/motion/overview/how-it-works

          隨處可見的形狀和變形

          谷歌確實非常依賴變形形狀來展現設計元素的狀態變化。無論是卡片的展開,還是計時器的移動,這些變形形狀隨處可見。

          • 藥丸會增加邊框半徑,以從其他選項中脫穎而出。
          • 許多 SVG 圖形會通過變化和變形來顯示事物的增加或減少。這些圖形可以是計時器、加載器和進度條。
          • 卡片變成圓形以顯示選定狀態并與其他卡片區分開來。
          • 當卡片在滑塊或旋轉木馬中進入焦點時,它們會擴大。
          • 圓形裝載機從無聊的舊圓形變為變形形狀。

          他們還推出了一個新的形狀庫供設計師使用和探索——https: //m3.material.io/styles/shape/overview-principles

          這些形狀不僅僅是工藝品。谷歌鼓勵設計師將其用于個人資料圖片以增加個性,將其添加到用戶交互和元素中,以及使用 2.5D 形狀來增加深度。

          不過,谷歌也警告設計師要謹慎使用形狀,以避免混亂和混淆。

          我為什么擔心?

          1. 過度游戲化:由于 Google 專注于有趣和明亮的元素,一些設計師可能會過度使用并破壞一些常見的 UX 原則,從而妨礙用戶的體驗。
          2. 主觀設計:說到底,設計本身就是主觀的。我在推特上看到過很多關于 Android 16 和 Material Expressive 的帖子,有些人覺得某些顏色和實現方式不太吸引人。
          3. 舊硬件的問題:流暢的動畫效果很棒,但耗電耗電。由于不同設備之間缺乏一致性,Material Expressive 可能無法在所有設備上正常工作,并且可能不適用于此類網站。我可能完全錯了,所以請在評論中指正。
          4. 開發人員會更加討厭我們:我們經常會遇到動畫或交互設計工作量大,開發團隊或產品經理可能會縮短或忽略這些工作的情況。值得慶幸的是,大多數開發人員也都掌握了 Material Design 的精髓,所以說服他們并非難事。

          你對 Material Expressive 有什么看法?請在評論區留言,我們可以好好討論一下!另外,記得點個贊支持我哦 :)

           

           

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

          UI設計潮流就是個輪回

          濤濤 行業趨勢

          本文圍繞 “潮流是個輪回” 的理念,探討 UI 設計趨勢的演變,指出了解歷史流行趨勢對創新和提升設計能力的重要性,并重點介紹了五種具有代表性的 UI 設計趨勢及其特點、發展背景與應用場景。

          設計師如何利用AI?

          濤濤 行業趨勢

          在 AI 高速發展的背景下,設計行業出現 “設計已死” 等焦慮情緒,但AI 主要取代重復機械的設計勞動,真正的設計師價值在于洞察用戶、溝通需求、解決問題。阿里國際副總裁青云指出,設計師能力模型將重構,技法重要性下降,審美、洞察、工具整合能力成為關鍵,即 “木桶原理 2.0” 中 AI 拉高技法 “木板” 后,其他能力成瓶頸;同時,阿里通過 U-sight 等工具助力全球電商設計,而設計師需警惕讓 AI 完全替代思考,應主動擁抱 AI 成為 “超級個體”,從 “六邊形戰士” 成長為 “百萬雄師”。

          日歷

          鏈接

          個人資料

          藍藍設計的小編 http://www.syprn.cn

          存檔

          亚洲va欧美va天堂v国产综合