1. <sup id="1kcns"></sup>

    2. <rt id="1kcns"><legend id="1kcns"></legend></rt>
      国产AV巨作丝袜秘书,国产精品久久香蕉免费播放,国产草草影院ccyycom,涩涩爱狼人亚洲一区在线,日本阿v片在线播放免费,国产精品一区二区三区蜜臀,精品一区二区三区在线观看l,av深夜免费在线观看

      首頁

      為什么國內的UI設計比國外復雜?蘭亭妙微UI設計公司總結了3個深層原因

      清陽 行業趨勢

      在接觸和學習 UI 設計的時候,我們都必須面對國內外 UI 設計風格差異巨大的問題。比如最近 618,相信大家沒少被國產應用的廣告“親切的”問候。

      image.png

      一方面是尋找設計靈感時要做區分,另一方面則是我們學習 UI 時看的書籍,學習的理論、規范,都是由西方國家產出的,而國內設計的方向卻和它們背道而馳,用一個詞來形容現狀,那就是 —— 割裂。

      所以在初學階段,理論學的越多,受到的沖擊也就越大,疑問也就越多。所以我們今天的目標,就是來幫大家解答這個疑問。

       

      一、設計差異的根源分析

      當我們研究國內外 UI 設計的差異時,樣式上的差異只是表象,它們是由更深層次的因素所激發,所以我們首先要深究這些問題的根源。

      根據過去十幾年的 UI 研究經驗,我總結的設計差異包含下面這些因素:

      1. 盈利模式的差異
      2. 人工成本的差異
      3. 用戶習慣的差異

      1. 盈利模式的差異

      國外產品相對國內的盈利模式相對簡單、健康,排除掉大型平臺和其它服務配套應用外(比如會員、硬件的配套),基本就是買斷、訂閱、廣告這三個途徑。

      比如我們熟悉的 Figma、Canva、Notion 等,都是訂閱制服務,在產品具備足夠競爭力的條件下發展出海量的付費用戶,獲得巨大的收益和估值(團隊只有一兩百人時估值過百億刀)。既然做好產品就能盈利,那這些產品的目標自然是打造更好的產品和提供更好的服務或體驗來獲得收益。

      image.png

       

       

      而國內市場我們都知道,用戶付費的意愿是非常非常低的,這就導致很多產品即使做的還不錯也看不到盈利希望,尤其是大廠產品,比如迅雷,百度網盤,網易云等等。

      image.png

      靠基礎付費模式做不出讓人滿意的營收,產品團隊自然要使出渾身解數來找到盈利點,不管是增加一些奇怪的功能,還是制造各種營銷活動。而這些嘗試想要獲得持續的盈利是非常困難的,所以就得一直想,一直嘗試,一直投放。

      雖然吃相往往看上去很難看,但不這么做就會“暴斃”,而這么做至少還可以“茍延殘喘”,為了生存和盈利,產品團隊做出什么離奇的操作都能做出來。

      這里還要澄清一點,有很多優秀的工具產品不是國內做不出來,是做出來也很難盈利,所以有能力的團隊和開發者是不會輕易往火坑里跳的。

      2. 人工成本的差異

      第二點就是國內外人工成本上的巨大差異,發達國家的人工成本非常高昂,不只局限在產品開發團隊的成本,還包括底層運營、客服、銷售、業務員、快遞員等等。

      而產品的衍生業務往往要借助大量的底層勞力,比如京東做外賣服務,得有充沛的、廉價的騎手作為依托才辦得起來,而這在發達西方國家是難以想象的。比如最近經常討論的為什么日本線下購物市場還很繁榮,線上發展不起來。主要原因之一就是快遞員的成本差了好幾倍,做不出即廉價又便捷的網購體驗。

      image.png

      加上西方國家對雇傭關系的保護,招人容易,裁員可就沒有那么簡單,所以多數產品團隊對擴張都持非常謹慎的態度。人數少,又不能輕易搞 996,就大大限制了產品作妖的范圍,這就直接導致他們沒有人力做一大堆次要功能的迭代以及運營活動,設計需求自然也會低很多。

      3. 用戶習慣的差異

      最后一點,就是用戶習慣的差異。除了前面說的付費意愿低以外,還有很多其它因素。其中在我看來影響最大的因素,就是國內用戶對互聯網的依賴是遠高于國外用戶的。

      國內的移動互聯網行業爆發并不僅僅是局限在互聯網行業里,而是把觸手拓展到各行各業,用贏學的角度來講甚至它還大幅度完善了政府基建和民生服務。我們今天繳納水電費,辦理銀行卡通過線上就能完成,而很多發達國家甚至到今天還要你去營業廳手寫填表。

      并且互聯網產品已經成為我們購物、娛樂的重要載體,大量的決策、交易、娛樂是在上面進行的。既然用戶習慣和粘性都成型了,離不開這些產品了,那么“適當損害”一下用戶體驗也不是不可以。尤其是大廠各類離奇的功能和運營活動可以輪番轟炸用戶,同時把用戶對這類負面操作的耐受度都拉高了。

      image.png

      既然用戶都適應了,那么為什么還要“裝清高”,做個簡約的、有原則的、有尊嚴的產品?當然是加入到運營的狂歡里和其它產品一起壓榨用戶的注意力,像孔雀開屏一樣,在最雞肋的器官上比劃……

      以上三點,就是造成國內外設計差異的根本因素。最早國內產品的設計是和國外看齊的,但隨著市場的反饋和驗證,我們最終走出了自己的道路。這是商業的選擇,而不是簡單歸因給審美、民族、文化、消費力的限制。

      不管創業者抱著什么樣的想法,進入這個牌桌以后,最終都會被市場調教成相同的模樣。

      作為 UI 設計師來說,也不要認為這是錯誤的發展方向,因為這種模式大大增加了 UI 設計的需求量,間接提供了更多的飯碗。如果產品都按歐美的模式發展和設計,那對于國內 UI 設計行業來說真正的天塌了,設計崗位會銳減 8 成以上,而這是 AI 設計根本實現不了的破壞力。

      二、國內外 UI 的具體差異

      有了內因,下面再對國內外 UI 設計的具體差異做對應的拆解,幫助大家更好理解國內市場的設計特征。

      1. 中英文字形排版差異

      第一個差異,就是中英文的字體形態差異。中文文字是方塊化等寬的,而英文字母則是大小長短不一,詞組長度更長,節奏感更強。所以英文設計中,往往會將字體作為一部分融入到排版中,豐富視覺觀感。

      image.png

      image.png

      而中文設計中文字的節奏感較弱,文本的主要作用基本就是傳遞信息,所以只用中文排版很難出現英文的相同效果,就會促使設計師添加更多的內容,來豐富界面的效果。

      image.png

      2. 運營需求的平面視覺

      第二個差異,就是運營設計上的差異。歐美產品中運營活動不是沒有,但是數量少,而且往往在設計上也做的很隨意,說好聽點叫簡約,說難聽點就是敷衍。

      image.png

      而國內運營活動數量多,且投入精力更大,運營的設計是沒有限制的,可以用上廣告平面的所有視覺手段,不管是插畫還是 3D、AI、擬物、攝影。大團隊往往會配置平面設計師完成這部分工作,小公司就要 UI 設計師自己負責,所以沒有固定的設計要求,水平之間差距也巨大。

      image.png

      運營設計的差異,源自國內廣告設計方向的特色,從早年追求隱喻、創意的合成設計,到現在追求視覺沖擊力的大標題、大色塊設計。

      而國內運營設計在今天絕不只出現在一般廣告位中,會見縫插針到所有元素中,比如頁面頂部、二樓、膠囊、圖標區、瓷片區、底部導航等等。

      image.png

      3. 字段和信息數量差異

      國內有大量產品的功能和服務都更完善,這也就催生了更多的信息量和交互需求,單一頁面、組件的信息量、交互、狀態就遠遠比國外產品多。

      image.png

      這就導致我們在設計時要考慮這些復雜的情況,需要設計師做具體的業務分析整理字段,還需要做大量的稿件做測試和評審。

      不像國外很多簡單的產品內容就那么點,可以花大量精力去搞用研或者測試,在這種情況下光是完成產品需求就很困難,更遑論圍繞那么海量的內容做用研也是很麻煩的。

      所以國內團隊雖然會強調體驗,但實際設計過程中必然業務優先,體驗更多是圍繞業務的優化和改進。所以作品集表現上業務的權重是非常高的,絕對不是學習國外的項目包裝邏輯堆砌體驗和用研內容。

      4. 品牌視覺特征的差異

      在國內激烈的競爭環境中,建立品牌化的視覺感知就是每個產品都要認真對待的事情。但本身產品內容、信息量就已經很大了,要實現品牌化的視覺輸出就沒辦法走傳統品牌的“意識流”路線,使用簡單的配色和大量的留白。

      image.png

      同時,UI 的組件樣式又高度統一,使用常規樣式完成的設計是很難塑造品牌化視覺的。所以最終的解決方案,就是給組件增加更多樣式細節,通過局部的創意來塑造視覺上的差異,同時再和其它應用做出區分。

      image.png

      于是,主流產品就陷入這種樣式上的競賽,非常高頻的更新組件和視覺的設計,希望做出和別人不同的設計同時又有自己的特點。

      這種現狀不能說是消極的,因為它確實推動了整個 UI 行業視覺的發展,但對 UI 設計師的視覺素養要求也就更高。所以今天國內的中高級 UI 設計師,轉入國外 UI 市場以后都能實現降維打擊,就是因為市場的要求對自身的磨練遠比外部市場高。

      基于以上的差異,可以說在國內做 UI 和和在國外做 UI 是兩種難度,要學習和訓練的方式也完全不同。作為 UI 設計師要懂得理解背后的成因,并不會無腦迷信國外的設計要求和標準,才可以幫助我們更好融入真實的工作。

      結尾

      結尾再說點有趣的問題,從我們之前學員到國外工作的反饋來看,雖然國內設計容易被嫌棄,但是從設計質量和輸出上已經遠超歐美的平均水平。

      而他們的設計師多數還在劃水搞一些無關痛癢的體驗和用研時,我們在解決更復雜的商業問題,如果有機會,建議你們也可以去卷國外的 UI,會有你們想象不到的優勢。

      轉載:優設

      蘭亭妙微(藍藍設計)www.payeee.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

       

      image.png

      蘭亭妙微UI設計:UI/UX設計師怎么選AI工具?

      之晨 行業趨勢

      一、AI產品應該如何選擇

      現在 AI 產品這么多,作為 UIUX 設計師,我到底應該使用哪一款?

      Figma Make、Gemini、Claude Code、Codex,每一款產品看上去都能生成內容、寫代碼、做頁面。

      但真正深度使用過后,你會發現:它們擅長解決的問題并不相同。

      蘭亭妙微UI設計:今天,我們就站在 UIUX 設計師的真實工作流程中,聊聊每一款產品的能力邊界,以及究竟應該如何選擇。AI 產品更新很快,后續能力仍然會不斷變化。

      二、先別急著選工具

      在對比之前,我們需要先明確一件事:

      AI 產品不是功能越多越好,而是要看它能否進入你的真實工作流程。

      比如,我要寫一篇公眾號文章、整理用戶訪談,這和我要搭建一個復雜的頁面 Demo,完全是兩種任務。

      如果沒有理解差別,我們就很容易陷入一個誤區:

      今天看到別人用 Claude Code,我就去折騰 Claude Code;明天發現 Figma Make 更新了,又把所有流程搬回 Figma。

      工具收藏了一堆,最后真正工作時依舊不知道應該打開哪一個。

      那對于 UIUX 設計師而言,我們應該重點關注哪些問題?

      1. 它最擅長解決什么任務?
      2. 使用門檻高不高?
      3. 我需要提供多少信息,它才能理解需求?
      4. 輸出的是文案、原型、代碼,還是完整工作流?
      5. 結果不滿意時,能否快速修改?
      6. 它能否與 Figma、瀏覽器和其他軟件進行協作?

      接下來,我們逐個拆解。

      三、Figma Make:最容易上手的原生設計入口

      如果你本身就在使用 Figma,又不想折騰復雜配置,那么 Figma Make 應該是最容易開始的工具。

      它最大的優勢在于:距離設計師原本的工作環境足夠近。

      你只需要在 Figma Make 中通過對話,就可以創建交互原型、Web 頁面和功能 Demo。

      同時,它支持將現有設計稿、競品截圖、產品文檔和圖片素材作為參考內容。比如,你可以丟給它一張競品截圖,讓它參考頁面布局、顏色和內容結構,生成一個相近的頁面。

      image.png

      如果公司已經有相對成熟的設計系統,還可以通過 Make Kits 引入組件、變量、樣式和使用規則,讓生成結果更接近團隊規范。

      不過,這里大家需要留意:

      接入設計系統,不代表生成結果一定正確。

      特別是復雜業務頁面,仍然需要設計師反復檢查信息結構、組件使用和交互邏輯。競品截圖也只能作為參考,并不等于可以像素級還原。

      這里稍微多說一點,現如今很多設計師都非常依賴 AI 工具,根本不用自己去做設計,但從來沒有思考過 AI 生成的結果是否正確。比如今天有同學來咨詢一個小的問題,在AI生成的頁面中,他沒有做任何的思考,直接使用結果導致提案失敗,所以我們現在是需要具備判斷能力的。

      所以,Figma Make 更適合:

      1. 已經深度使用 Figma 的設計師
      2. 需要快速驗證頁面想法
      3. 希望低門檻生成交互原型
      4. 暫時不想學習復雜代碼工具

      四、Gemini:更適合資料理解與表達潤色

      在我的日常使用中,Gemini 更多承擔的是“內容助手”的角色。

      它支持較長的上下文,也具備文本、圖片、音頻和視頻等多模態理解能力。

      因此,無論是閱讀行業報告、分析競品資料、整理訪談記錄,還是拆解一段視頻內容,它都非常合適。

      image.png

      在我自己的工作流里,無論是視頻文案、公眾號文章,還是課程資料,我都會使用 Gemini 做初步整理和潤色。

      從個人體驗來看,它在表達層面會更自然一些,也更適合處理較長的文本內容。

      不過,如果你的目標是直接修改 Figma 頁面,或者搭建一套完整的設計工程化流程,它并不是第一選擇。

      Gemini 更適合:

      1. 閱讀和總結大量資料
      2. 梳理用戶訪談與競品信息
      3. 潤色報告、方案和 PRD
      4. 生成公眾號文章與視頻腳本

      五、Claude Code:復雜工程邏輯的穩定選手

      Claude Code 的定位相對明確:

      它首先是一款面向工程任務的代碼智能體。

      如果你需要理解復雜項目、梳理代碼結構、定位 Bug,或者將一個頁面 Demo 做得更加穩定,那么 Claude Code 會是非常不錯的選擇。

      它能夠讀取項目文件、執行命令、修改代碼,也可以通過 MCP 連接 Figma、Google Drive、Slack 等外部工具。

      所以,Claude Code 并不是不能接入 Figma,而是它的重心依舊偏向工程實現。

      image.png

      在我的使用體驗中,如果任務涉及復雜代碼邏輯、項目級修改和穩定落地,我會優先考慮 Claude Code。

      但如果目標是生成圖片素材、調整視覺風格,或者希望在設計工具之間快速往返,它就不是我的第一選擇。

      Claude Code 更適合:

      1. 需要處理復雜工程邏輯
      2. 希望深入理解項目結構
      3. 關注代碼質量和穩定性
      4. 已經具備一定工程基礎

      六、Codex:串聯設計師的完整 AI 工作流

      最后,我們來聊聊 Codex。

      目前在日常輔導中,我更建議 UIUX 設計師重點嘗試 Codex。

      原因不是它在每一個單點能力上都絕對領先,而是:

      它能夠把設計師原本割裂的工作流程串聯起來。

      首先,Codex 可以通過 Figma MCP 讀取組件、變量、布局和設計上下文,也可以將代碼頁面重新傳回 Figma,生成可編輯的設計圖層。

      這就意味著,設計稿與真實頁面之間不再是單向交付,而是能夠反復往返。

      image.png

      其次,Codex 支持圖片生成和迭代修改。

      比如頁面缺少圖標、插畫、背景圖或者產品素材,你可以直接讓它生成,再根據頁面效果反復調整。

      然后,它還支持 Computer Use、應用內瀏覽器和插件。

      這就讓設計師可以進一步串聯:

      需求梳理 -> 頁面生成 -> 素材補充 -> 瀏覽器驗證 -> 設計走查 -> 繼續優化

      比如我們之前講過的設計驗收,就可以讓 Codex 通過瀏覽器查看真實頁面,再對照設計稿檢查問題。

      當然,功能多也意味著使用時需要先想清楚任務。

      Codex 并不是一個“一句話解決所有問題”的魔法工具。你依舊需要明確自己的目標,逐步搭建適合自己的工作流。

      Codex 更適合:

      1. 希望從想法快速推進到可運行 Demo
      2. 需要設計、代碼和素材協同
      3. 想搭建設計驗收與自動化流程
      4. 希望逐步掌握 Vibe Coding

      七、究竟應該如何選擇?

      如果你只是想快速生成原型,可以優先使用 Figma Make。

      如果你需要整理資料、理解長文本和潤色表達,可以優先使用 Gemini。

      如果你要處理復雜代碼和工程邏輯,可以使用 Claude Code。

      如果你希望進一步串聯設計、代碼、素材和驗收流程,可以重點嘗試 Codex。

      image.png

      八、寫在最后

      其實在我看來,設計師不需要強行選擇唯一一款 AI 產品。

      我自己更常用的方式是:

      1. 用 Gemini 梳理內容和表達
      2. 用 Figma Make 快速驗證原生設計想法
      3. 用 Codex 串聯完整工作流
      4. 遇到復雜工程問題,再使用 Claude Code 深入處理

      工具永遠會不斷更新。

      我們真正需要掌握的,不是某一個軟件的固定操作,而是理解它們的能力邊界。

      當你面對一個新任務時,能夠快速判斷應該使用什么工具,把想法真正落地,這才是 AI 帶給 UIUX 設計師最重要的價值。

      轉載自優設網

       

      蘭亭妙微(藍藍設計)www.payeee.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

       

      image.png

      如何提升UI設計的高級感

      清陽 行業趨勢

      在互聯網產品日趨成熟的今天,你會發現所有的App越來越像,似乎是同一套模版設計出來的產品;而這種普適化的設計會導致同質化嚴重,使得設計不精致,產品沒有氣質和品牌感。

      一個App設計是否精致,是否富有設計感,在于它的細節,這就意味著我們在進行設計的時候,要從細微之處著手,從多方面去鉆研如何創造出打動人心的UI設計。

      蘭亭妙微UI設計公司,總結了12個簡單直觀的提升設計感的小細節,一起來學習。

      一、使用顏色深淺構建層次結構

      在對UI 文本進行樣式控制的時候,最常見的錯誤莫過于過度依賴字體大小差異來營造對比;單純使用字體大小對比,所營造的對比并不夠,嘗試結合色彩和字重來營造更好的對比效果。

      每種顏色都有一個視覺權重,這有助于在內容中建立層次結構;通過使用顏色的深淺,為元素賦予不同的重要性。

      如果可以的話,你甚至可以采用兩到三種顏色:

      • 主要內容使用深灰色(諸如標題,但是不要用純黑);
      • 次要內容使用灰色(比如商品介紹);
      • 輔助性內容采用淺灰色(比如發布日期);

      類似的,在UI設計的時候,通常兩種不同的字重足以營造出優秀的層次感:

      • 大多數的文本采用正常的字重(400到500,具體取決于字體);
      • 對于需要強調的文字采用較重的字重(600到700,具體取決于字體);

      ▲主標題字重為600,其他標綠點的文字字重都為400

      應當盡量不要讓正文部分字重低于400,因為這一部分字體本身尺寸已經較小,低于400會使得可讀性不佳。

      如果你依然需要降低字重,那么不妨讓字體色彩更淺一點,或者替換成其他識別度較強、字重相對較小的字體。

      灰色文字在無彩/彩色背景下要分開處理:

      不要在有色背景上使用灰色的文本,在白色背景下,將黑色的文本改成灰色(或者在黑色背景下使用灰色文本),是不錯的淡化其視覺效果的做法。

      但是在彩色背景下,想要降低和背景色之間的對比,通常有兩種方法:

      一是降低白色文本的不透明度;二是讓文本逐步接近背景色,而不是改為灰色。

      ▲左圖設計師職位信息為白色文字降低不透明度,右圖為和背景同色相高明度的顏色

      其次當涉及長篇內容時,大面積的深色粗體字會給人一種沉重感,而且很跳躍;通過選擇類似深灰色(#4F4F4F)這樣的顏色可以很容易地解決這個問題,使文字更容易被識別。

      二、統一色調

      選擇一種基礎色,再調整色調和顏色深淺來增加均衡;設計時避免用過多的顏色。如果項目允許,只需使用固定的色板,通過調整基礎色的飽和度和明度,利用這種簡單的方式為設計增加一致性。

      三、干凈的陰影

      陰影是UI設計中最常見的視覺表現手法,它可以增加元素的深度,使其從背景中脫穎而出,引起用戶的注意力,同時也能增強畫面的視覺層次感。

      相比于采用大范圍的擴散模糊陰影,使用微妙的垂直偏移陰影效果更明顯,更自然,它模擬了最常見的光源特征,光線從上往下照下來所營造的陰影效果。

      這種輕柔的陰影呈現出的干凈,增加了畫面的精致;如果陰影的范圍太小或顏色太深,位置也沒有偏移,而是聚集在元素的四周,就會讓畫面更加扁平,讓視覺變得厚重,呈現出不精致的畫面感。

      陰影不一定是黑色的,還有一種擴算陰影是模擬元素本身的顏色投射在背景上,由于陰影與元素的色調一致,因此呈現出十分融洽的畫面感。

      在UI設計中,這種手法不宜過多使用,否則呈現出的各種色彩搭配會讓人眼花繚亂。

      四、個性的圖標設計

      合格的設計師能夠繪制風格統一的圖標,而優秀的設計師能夠創造風格獨特的圖標。

      我們能否在追求大小一致,圓角一致,線寬一致和配色一致的同時,為它的視覺表現力加入更多的創意呢?例如下面這組圖標設計,無論是在圖形上的創新,還是顏色搭配上都呈現出無與倫比的創意。

      標簽欄作為一個App的全局導航起著至關重要的作用,它的設計影響著整個產品的視覺風格。

      通常,大多數App都是使用iOS規范的設計樣式(默認灰色,選中填充品牌色),這樣的設計太普通,太常見了;要想讓標簽欄圖標設計精致和富有個性,可以豐富每一個選中態圖標的視覺表現,例如給圖標加上背景和表情,即顯得生動有趣,又增加了用戶的好感,給人留下深刻的印象。

      3D立體圖標設計是近幾年來的流行趨勢,看上去十分精致、華麗,但是看久了會讓人產生輕微的視覺疲勞,同時因其復雜的結構會增加用戶的認知成本,一般在外賣美食類應用中比較常見。

      五、Tab的設計感

      Tab是App設計中最常見的控件之一,它源自Material Design的設計規范;現在很多iOS產品當中也開始使用這種導航欄樣式來進行設計,而原本屬于iOS規范當中的分段選擇器變得不那么常見了。

      在視覺表現形式上,Tab和標簽欄同樣也分為選中態和未選態,它的設計較為簡單,通常是使用一組文字標簽,通過顏色或在標簽下加上小長條來區分兩者的狀態;因為它簡單,卻越難設計出彩,要發揮極大的設計想象力,跳脫出設計規范的限制,才能找到完美的方案。

      例如蝦米音樂的Tab選中態是一段音頻波線,再配合文字的大小對比,一個富有設計感又符合產品特征的Tabs就被創造出來了。

      我們還可以從品牌基因中獲取靈感,品牌作為用戶熟知的形象是個絕佳的來源。

      從品牌形象中提取具有獨特氣質的視覺富豪作為Tab選中態的小長條,這樣就建立起視覺上的聯系,讓用戶產生由內而外的一致感受;例如馬蜂窩品牌形象中的微笑符號和飛豬旅行品牌形象中的豬頭都被延伸到Tab的設計上,既讓界面視覺獨一無二,又進一步強化了用戶對品牌形象的認知。

      六、無框設計 去繁從簡

      在UI設計中,有許多的裝飾元素,如卡片的邊框、列表的分割線等,雖然邊框,分割線是分隔兩個元素的好辦法,但是它不是唯一的方法;使用過多會讓整個布局的設計感降低,或多或少都會干擾用戶瀏覽的視線,讓信息內容失去注意力,因此可以減少不必要的裝飾元素。

      我們可以通過以下幾個方法來劃分元素的視覺層次,讓畫面變得干凈,整齊:

      1)使用陰影

      陰影同樣可以營造出邊界感,而且相比邊框分割線更加微妙,并不會顯得突兀,不會分散用戶的注意力,讓內容更聚焦。

      2)使用不同的背景色來區分

      通常,相鄰的元素背景只需要有微妙的差別就能夠讓人對他們進行區分;所以,你所需要做的就是在不同的區塊采用不同的背景色,并且嘗試刪除分割線,因為你根本不需要它。

      3)增加額外的留白

      創建元素之間的分離效果,并不一定要通過線框來表現,只要增加留白,讓它們分隔開就行了,通過留白和間距來實現元素分組是UI設計中的常用手法。

      七、統一設計元素

      在App中的每一個界面都有許多元素,那些同類的元素應保持統一的設計樣式。

      通常個人中心的標簽欄圖標是一個人形剪影,它代表著用戶,因此可以在展示用戶頭像和用戶形象的界面中延續使用。

      如果圖形擁有獨特的外觀,如橢圓矩形,也可以作為視覺符號的一種,延續到其他界面中,成為圖形或按鈕的外觀;這樣,整個界面就被統一的設計元素聯系起來了,給用戶始終如一的一致感。

      八、符合產品氣質的字體

      選擇符合產品氣質的字體,可以與產品的定位相吻合,傳遞給用戶正確的情感意識。

      雖然默認字體可以滿足大多數App 的設計需求,但會出現一個問題就是——系統字體的普適性并沒有什么特色,在一些特定的情境下就顯得收效甚微;例如在運動類App中更適合粗壯的斜體來傳遞力量、爆發力、速度的感覺,換成系統字體后,整體感覺在氣勢上就變弱了很多。

      九、第三方圖標風格統一

      大多數App都支持三方登陸,他可以減輕用戶注冊的時間成本。

      通常是在注冊登陸頁的底部展示第三方圖標入口,這也是設計師最常忽略的內容,往往是直接將第三方圖標調整一致大小和擺放整齊位置,沒有針對它們再設計;一個設計精致的App不應漏過任何的細節,我們可以以自家App的圖標風格為依據,對第三方圖標進行優化設計。

      十、圖片中尋找色彩

      App中優美的圖文設計,能帶給用戶如沐春風的視覺享受,它非常重要。我們經常看到文字疊加在圖片背景上的設計樣式;為了減少復雜圖片背景對文字的干擾,通常的做法是疊加半透明度的黑色蒙版,讓白色文字清晰可見,但這不是最優的辦法。

      我們可以從圖片中提取主色調用于疊加背景的填充色,這樣就使文字、色塊和圖片融入到一起了,畫面變得高級和富有設計感。

      十一、提高圖片質量

      圖片的質量影響著整個App的格調和用戶的情緒,高品質的圖片給人愉悅的視覺享受,產生美好的聯想;而低品質的圖片會瞬間拉低App的質感。

      在App設計中,一張漂亮的圖片從收集到上線,需要經過裁剪,調色等過程才能被使用;即使是普通的商品圖片,我們將它摳圖后調整成統一大小,再加上干凈的背景,就能立刻提升商品的美感,界面視覺也會變得美觀、整潔。

      十二、卡片式設計

      現在的UI界面設計中,卡片式設計已經是一種非常常見的設計形式,它有利于信息分層和整合,劃分出更加清晰的組織結構,實現復雜內容的簡化處理,提高空間利用率;同時卡片式設計通常很依賴視覺元素,很強的視覺元素正是卡片式設計的一種優勢,也是提升設計品質感的良方。

       

       

      轉載:人人都是產品經理

       

       

      蘭亭妙微(藍藍設計)www.payeee.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

       

      image.png

       

      設計的新趨勢:用好有效摩擦,拒絕無效麻煩

      清陽 行業趨勢

      導語

      過去二十年,互聯網設計的共識是極致去摩擦:縮短注冊步驟、精簡操作鏈路、抹平交互門檻,高效順滑成為體驗標配。但隨著全行業體驗同質化、用戶劃走即遺忘,Burberry 慢鏡頭廣告、Apple Liquid Glass 擬物玻璃界面、CCD 膠片回潮等現象,正在推翻單一的效率邏輯:刻意設計的良性摩擦≠惡意制造使用麻煩。在 AI 批量產出標準化內容的當下,合理的摩擦是品牌打造記憶錨點、加深用戶參與的關鍵抓手。

      一、無摩擦從行業進步,淪為同質化枷鎖

      早年去摩擦設計切實解決商業痛點:電商優化支付路徑降低下單流失、出行打通一鍵叫車閉環、軟件簡化學習成本,效率優化實實在在提升轉化。

      image.png

      但當全產品模板趨同:統一卡片布局、同質化滑動交互、算法自動連播,極致順滑催生三大問題:
      1. 用戶流失無記憶:頁面一鍵劃過、用完即走,品牌無法在用戶心智留存印記;
      2. 感官同質化貧瘠:界面去掉材質、紋理、層次,所有產品只剩扁平標準化外殼,丟失獨特氛圍感;
      3. 體驗缺少實感:全程零等待、零操作、零選擇,用戶從 “主動使用產品” 淪為被動接收信息流。
      設計學者 Luna Maurer 與 Roel Wouters 在《Designing Friction》提出:體驗摩擦(Resistance)是人與物品間的觸感、溫度、行動參與阻力,不等于系統故障帶來的額外負擔,全盤消滅阻力,本質是抹殺用戶真實參與的可能性 —— 人無法只依靠效率完成情感消費。

      二、摩擦二分法:壞摩擦消耗耐心,好摩擦沉淀體驗

      image.png

      所有額外耗時的操作分兩類,核心判定標準:用戶付出的時間,是否對應情緒、體驗、擁有感回報

      1. 負面壞摩擦(需徹底剔除)

      image.png

      源于產品設計疏漏、系統缺陷,用戶被迫替產品漏洞買單,全程無任何收益:驗證碼反復失效、APP 跨端無序跳轉、入口層級混亂、無理由超長排隊、規則刻意晦澀難懂。
       
      Maya Kronic 提出的jankspace精準概括這類痛點:產品對外宣傳全鏈路無縫自動化,實際使用卻要在賬號、支付、文件、權限間反復跳轉,消耗用戶耐心卻毫無體驗增益,屬于設計失誤帶來的無效負擔。

      2. 正向好摩擦(可主動設計)

      通過儀式、探索、參與類步驟,把效率損耗轉化成體驗價值,用戶清楚付出的目的:
      • 儀式摩擦:黑膠拆封上針、相機裝膠卷、演出排隊入場、新品拆盒;
      • 探索摩擦:線下逛街隨手摸面料、貨架偶遇算法未推薦的單品、鉆研桌游規則;
      消費心理學宜家效應佐證:用戶親手投入步驟完成事物后,會自發抬高產品價值;動手參與的沉沒成本,最終轉化為情感與記憶沉淀。
      表格
       
       
       
      摩擦分類 用戶體感 典型場景 設計決策
      壞摩擦 被迫填坑、煩躁流失 重復登錄、錯亂跳轉、無效排隊 全盤刪除優化
      交易必要摩擦 安全感確認 支付二次核驗、隱私授權 精簡話術、保留必要步驟
      儀式型好摩擦 沉浸場景、充滿期待 開箱、線下試穿、集章打卡 結構化設計,配套情緒回報
      記憶型好摩擦 愿意投入時間、加深印象 長內容觀看、線下展覽動線、手作 DIY 設計體驗峰值
      核心結論:用戶不排斥多走一步,只反感「不知道為什么多走一步」的無用折騰。

      三、AI 時代,實體服務業靠 “人性化摩擦” 重回價值高地

      AI 正在無限抹平標準化工作:文案、制圖、方案規劃均可一鍵生成,極致順滑變成基礎基建,不可標準化的人工細節、帶微小阻力的人性化服務,成為稀缺競爭力
       
      優秀服務從不盲目追求全程零溝通、高效率:
      1. 線下門店:店員觀察顧客隨身狀態、天氣、趕時間與否再上前推介,而非一進門強行推銷;
      2. 生活服務:美容師記住顧客睡眠狀況,按需減少推銷、預留安靜休憩時間;
      3. 社區小店:老板記住老客飲食習慣,隨口一句 “照舊?”,無數據轉化指標,卻牢牢鎖住復購。
      體驗經濟理論《Welcome to the Experience Economy》早已點明:企業售賣的不止商品,更是一段專屬經歷;AI 全面自動化后,人的臨場判斷、即興互動、留白停頓,恰恰是效率產品無法復刻的獨特摩擦價值。

      四、兩大經典案例:一正一反看懂摩擦落地邏輯

      image.png

      正向案例:Apple Liquid Glass(界面設計)

      從 iOS 扁平化極簡,到 2025 WWDC 推出 Liquid Glass 動態玻璃界面,蘋果重新把光影折射、材質形變、層級反饋帶回交互:點擊觸發玻璃形變、環境光實時改變界面通透度,不堆砌冗余特效,用可控的物理觸感摩擦,讓用戶清晰感知 “正在操控實體化界面”

      image.png

      區別于早年臃腫擬物化,新版玻璃設計遵循克制原則:僅在關鍵控件增加材質反饋,兼顧可讀性與操作實感,印證:優質簡潔不是全盤抹除觸感,而是保留必要的交互阻力。

      反面案例:Amazon Style(線下零售踩坑)

      亞馬遜試圖用全數字化改造服裝門店:顧客掃碼選品、系統遠程送衣進試衣間、全程線上結賬,砍掉逛街摸面料、隨性閑逛、店員穿搭建議、偶遇冷門好物的所有低效環節,把線下實體店做成高價版線上 APP。
       
      最終 2023 年全線閉店。線下商業的核心剛需從不是 “最快買完衣服”,而是閑逛、試錯、即興決策帶來的沉浸式體驗;盲目消滅所有低效摩擦,等于剝奪用戶到場的核心理由。

      五、Z 世代反向選擇:主動給自己增設有效阻力

      image.png

      當下年輕人主動逃離全自動化效率產品,復古消費持續升溫:
      • 數碼:CCD 膠片相機、功能笨手機、有線耳機回歸,主動接受廢片多、不能無限刷信息流的限制;
      • 文娛:黑膠、實體 CD 銷量上漲(2024 上半年美國黑膠銷售額同比 + 17%),愿意經歷拆碟、上針、翻面的繁瑣流程;
      • 生活:紙質手賬、桌游、城市漫游走紅,放棄智能提醒、一鍵開局的便利。
      根源在于:算法產品過度順滑、精準投喂,用戶長期被動接收內容逐漸疲憊;可控的人為阻力,幫用戶奪回生活自主權,Slow Technology(慢科技)理念同樣佐證:產品除了高效完成任務,也可以為反思、停頓、長期陪伴設計合理阻力。

      六、AI 泛濫環境:帶人工痕跡的小摩擦,成為品牌差異化符號

      image.png

      海量 AI 量產內容千篇一律:文案、海報、短視頻工整完美、無瑕疵無棱角,標準化順滑內容不再稀缺,帶手工痕跡的 “不完美摩擦” 成為辨識度來源,喜茶拙趣設計是絕佳落地樣本:
       
      手寫不規則字體、涂鴉風圍擋、保留錯字手寫修改痕跡、用戶手繪 DIY 杯貼實體上墻。沒有刻意拉長排隊、增設操作步驟,僅通過保留人的手工瑕疵,跳出 AI 模板化設計,讓用戶直觀感知:這份設計出自真人之手,而非流水線批量生成。
      設計師隱喻「表情符號沒有皺紋,但人有情緒」:全鏈路零瑕疵的產品沒有記憶點,局部手工瑕疵、適度不規整、可控小阻力,恰恰是品牌跳出同質化的識別符號。

      七、落地準則:品牌如何科學設計良性摩擦(避坑指南)

      絕對避雷(禁止刻意制造壞摩擦)

      不藏入口、不晦澀規則、不無故拉長排隊、不用低可讀性文案、不靠繁瑣動效為難用戶,良性摩擦是用戶自愿參與的邀請,不是篩選用戶的門檻

      四大好摩擦設計原則

      1. 路徑可預期:多一步操作,提前告知用戶收益;
      2. 等待有回饋:短暫等候后,給到情緒驚喜、專屬體驗;
      3. 學習有價值:學習規則后,解鎖專屬玩法、深度體驗;
      4. 操作有收獲:觸摸、篩選、比對的動作,轉化為產品擁有感。

      八、結語:順滑負責成交,摩擦負責留下

      極致順滑幫品牌快速完成交易、高效流轉用戶;而經過設計的良性摩擦,拉長體驗密度、沉淀用戶記憶、塑造品牌獨特氣質。
       
      未來產品與品牌的競爭,不再比拼誰能把流程壓到最短:咖啡不必極速出餐、線下門店不用照搬 APP 邏輯、品牌廣告不必 3 秒抓眼球、內容不必無腦一鍵劃走。
       
      效率是行業標配基建,質地、參與、投入、真實記憶才是新的稀缺資源;好設計既要讓人高效通過,更要靠良性摩擦,讓用戶深度留下

      優化亮點說明

      1. 結構優化:去掉原文零散碎片化批注、無關小紅書雜圖文字,9 大板塊合并為邏輯遞進 8 段,從概念→分類→案例→落地,閱讀流暢度提升;
      2. 文字精簡:剔除口語化冗余短句、重復觀點,保留全部權威理論(宜家效應、慢科技、體驗經濟、Designing Friction)與原版案例;
      3. 落地強化:提煉落地表格 + 設計準則,方便產品 / 設計師直接復用;
      4. 細節規整:統一案例時間、數據標注,專業概念釋義通俗化,兼顧專業性與可讀性;
      5. 標題分層:大小標題層級清晰,適配公眾號 / 行業專欄排版。

      蘭亭妙微(藍藍設計)www.payeee.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

       

      image.png

      讀懂AI發展演變史后,教你應對設計焦慮

      之晨 行業趨勢

      AI 行業的爆發始于2022年 ChatGPT 和 Midjouney 的發布,到現在已經快4年了,整個發展過程用突飛猛進、日新月異形容一點都不過分。

      但不管它過去還是現在,發展得有多迅猛,都依舊處于行業早期的開荒和發展階段,離真正成熟的理想形態還有很長的一段路要走,這是我們首先要達成的共識。

      而之所以有這樣的結論,原因就是 AI 的發展速度是超過現實世界匹配它的速度的,這造成了一種經濟和機會成本上的巨大阻力。

      簡單來說,我們可以把 AI 技術的應用拆分成上、中、下游三個層,上層是 AI 的核心,主要是算法、大模型,中游是負責運行AI模型的硬件和支撐,即 AI 芯片、光模塊 CPO、高速內存 HBM、服務器液冷、特高壓電路等,下游即 AI 具體的應用工具,包括 AI 軟件、硬件、智能體等。

      image.png

       

      這是一個非常龐大且復雜的產業鏈,它們之間是需要相互耦合,才能順利應用到具體的使用場景中。

      簡單來說,就是 AI 模型廠商需要根據技術路線和成本選擇硬件并購買算力中心,以及消耗海量的電力來訓練自己的模型并維持它的正常運轉。雖然這些背后的基建作為普通用戶可能感受不深,但頭部廠商的競爭已經到了白熱化的階段。

      比如大模型的開發必然要關注硬件規格和架構,大洋彼岸除了英偉達外,還陸續推出了谷歌 TPU、微軟 Maia、英特爾 Gaudi 等芯片,它們代表了不同的技術方案,應用在了不同的模型上。

      而因為貿易和地緣政治的因素,國內是無法進口這些高端芯片,所以我們只能自研生產以滿足國產大模型的需求。如阿里在自研并應用自家的真武系列芯片, DeepSeek 近期更新緩慢的重要原因就是因為要適配華為的昇騰系列芯片等。

      之所以要提這點,是因為 AI 大模型的發展也適用馬太效應,贏家通吃。在接近性能和水平下誰家應用的算力、電力成本最低,誰就具備了最大的優勢。

      而每家大模型廠商都要面臨技術路線的選擇,并投入海量的成本孤注一擲做基建,很難走回頭路。這種發展路徑注定會讓行業發展充滿波折和動蕩,會有很多企業倒在半路上,連帶著它們提供的產品和服務一起逐漸消亡。

      比如文生圖的 OG Midjounery,已經無法跟上大廠的技術和訓練規模掉隊,在今天已經無人問津,而一年多前網上還到處都是用 MJ 生成UI界面設計,UI 設計師要下崗的帖子。

      強如 OpenAI,也要應對 Google、X AI、Anthropic、Seedance 的沖擊和成本管理失控(GPT5 訓練量需要消耗一個中等規模城市1年用電量),也在近期放棄旗下的文生視頻工具 Sora。

      image.png

       

      模型和硬件端都充滿了巨大的不確定性,因為技術的發展是需要“試”出來的,總有前浪會被拍死在沙灘上。至于誰會被拍死在沙灘上就不是站在今天的視角上能回答的。

      再回到我們今天的主角 Anthropic,這是一家非常務實的 AI 公司,專注于開發有商業應用場景的大模型,是寫作、編程等領域中的最佳選擇。與之相對的則是類似 ChatGPT、Gemini 這類全能多模態大模型。

      因為其模型可用性極高,所以從去年開始付費用戶量暴增,在今年初預估年化收益已經超過300億美元,不僅用戶付費率遠高于 OpenAI,且運行成本也遠比它低。

      image.png

       

      而這家公司想要年底要上市(估值8000億美金),產品矩陣的拓展就成為非常重要的資本策略。通過發布 Claude Design,能很好的和 Claude Code 實現聯動,完成使用 AI 開發軟件的閉環。

      至于現階段 Claude Design 夠不夠用不重要,畢竟故事和邏輯是成立的,作為初版它也有后續升級迭代和優化的空間。在我們目前的試用中,它的生成效果也就那樣,但消耗的 Token 量(你最好確保自己有個足夠鼓的錢包)……

      Claude Design 有新上市的光環風頭正盛,那是否還記發布也還不久的Google Stitch、OpenClaw、FigmaMake、Rive、Pencil 等等。

      image.png

       

      再往前是否還記得使用 StableDiffusion 訓練 Lora 和 Checkpoint 的工作流?

      image.png

       

      工具一直在更新,即使今天還很粗糙。但用發展的眼光看問題的話,終有一天它生成的質量會足夠高足夠智能足夠可控,甚至通過腦機接口 BMI 實現所想即所得的水平(又到了做夢的時候)。

      但是,那天是什么時候?

      以及,和你現在設計的界面有什么關系?

      作為設計師一定要搞清楚的邏輯,就是 AI 生成界面和圖像的過程,只是一種工具的發展和進步,提升了設計師的設計效率。就像人類發明了電腦和軟件,取代了尺規作圖,同樣也大幅度降低了設計的效率和成本,但設計師這個崗位并沒有消失。

      因為使用工具的人之間的差異,會直接影響最終的輸出效果,就像用同一個 AI 生成工具你可能就是做不出網上高贊帖子的案例,都用美圖秀秀不用 PS 去 P 圖你也 P 不過有一定專業積累的攝影師。

      而且任何工具使用都有門檻,就一個簡單的 Claude Design、Google Stitch 安裝和使用都需要學習和適應,生成結果還要做大量的調節和校準,這些就不是工作量,老板和產品經理也一定能閑得每天學習新工具并且直接自己干?

      我相信有很多公司現在都很熱衷于擁抱 AI,強行推進 AI 的工作流,從企業戰略和發展的角度來講是能夠理解的,但在實際執行層面上卻不會像想的那么美好。其中最大的問題就是前面提到的整個產業的不確定性,產品還都有各自的局限。

      每個團隊在搭建 AI 工作流的時候需要做技術的選型,以及圍繞自己的實際生產場景優化工具的使用方式。往往為了一個簡單的工作結果就要耗費大量的精力去搭建工作流,而這個工作流很可能是一次性的,因為之后的工作場景發生改變這套工作流就用不了了。

      有些同學可能心態好點覺得這種過程可以收獲寶貴的經驗,但最不幸的,就是工具的升級和更新(甚至關閉)可以直接顛覆掉原來的做法,讓原先的成果毫無意義。

      在我朋友中普遍得到的反饋,就是在稍微復雜的專業場景中,強行適配 AI 的結果往往只有增加工作量,原先目標的降本增效,實際導致了更長的工作時間和更晚下班,從去年到現在在不同 AI 工具中做研究疲于奔命。

      換個角度思考,其實就是工作過程變成今天用 PS,明天用 Figma,后天用 Excel 或 PPT 進行設計,每一陣子換個工具設計相同的東西,而它們又不能解決設計過程中最復雜的決策部分。

      也就是我們一直在使用充滿不確定性的工具去尋求相對確定的結果。

      這就是今天 AI 工具在 UI 行業中應用的真相,不管我們怎么用邏輯還是格局去判斷未來 AI 要實現一切,但起碼不是今天和最近,就是變得更強了,也依舊需要有人去操作和控制。

      而我們現在要做的是關注最終輸出的結果,而不是和別人炫耀 Figma 用的好,還是 Sketch、XD、即時、Pixso 用的好。等到市場競爭格局基本確認,通用的工具也普及以后,再去掌握和學習也不會低人一等(門檻不會高到哪里去)。

       

      轉載自 優設網

       

      蘭亭妙微(藍藍設計)www.payeee.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

       

      image.png

      AI 正在淘汰的 10 種 UI 交互模式

      清陽 行業趨勢

      AI 正在重構 UI 底層設計邏輯,表單填報、數據看板、篩選組件等依托用戶手動操作誕生的經典交互范式迎來系統性迭代,大量沿用多年的產品界面從 “人機操作載體” 轉向 “AI 結果校驗載體”。當下產品與設計團隊普遍面臨隱性 UX 負債:大量仍可正常運行,但底層設計邏輯已經落后于 AI 技術發展的老舊交互模式。
      過往數十年,儀表盤、錄入表單、篩選側邊欄、配置向導、消息通知、FAQ 幫助頁、新手引導等界面,設計出發點統一圍繞:用戶需要手動落地操作。設計師所有界面方案,均立足于 “人作為實際執行者” 這一核心前提。但生成式 AI、智能 Agent、多模態理解技術落地后,這套底層假設正在崩塌:AI 可自主完成絕大多數標準化操作,一大批傳統 UI 失去原生存在價值。

      image.png

      本文拆解八大被 AI 重塑的經典交互形態,區分淘汰、改造、留存三類設計走向,總結 UI 從「人類執行界面」向「人類監督界面」的行業大遷移。

      一、八大傳統 UI 模式的迭代變革

      1. 多步驟配置向導:分步彈窗引導→AI 智能預判 + 結果確認

      image.png

      傳統配置向導通過拆分線性步驟、分步彈窗提問,引導用戶完成系統配置,要求使用者讀懂專業術語、跟隨固定流程逐項設置。但 AI 可依托賬號歷史數據、操作場景、初始行為自動推演配置需求,層層問詢反而變成使用阻礙。
       
      改造邏輯:用戶僅通過一句話自然語言表達需求,系統自動完成全流程配置搭建,用戶角色從逐項填表的操作者,轉變為結果審核人,只需修正 AI 生成內容的偏差。
       
      落地案例:Shopify Sidekick 依托店鋪經營數據,自動識別爆款商品,一鍵生成精選商品合集、配套折扣規則與營銷活動,商家僅需核對方案、確認落地;反觀 HubSpot 創建報價需 7 步手動填表選型,全流程重復錄入系統已存信息,向導模式效率劣勢凸顯。
      留存邊界:極小眾精細化定制場景,配置向導保留兜底入口,不作為主流操作路徑。

      2. 篩選側邊欄 + 關鍵詞手動搜索:多條件手動勾選→自然語言意圖檢索,篩選退居微調輔助

      image.png

      傳統搜索需要用戶完成兩次轉化:把真實需求提煉關鍵詞,再通過尺碼、價格、分類等篩選控件拆分條件,關鍵詞 + 復選篩選組合是過去精準檢索的標配。自然語言語義檢索成熟后,用戶一句話即可鎖定全部約束條件。
       
      改造邏輯:產品以自然語言輸入框作為搜索主入口,側邊篩選不再是核心檢索工具,降級為結果微調組件;用戶可通過多輪對話持續優化篩選范圍。
       
      落地案例
      1. KAYAK AI 模式:單句輸入出行需求,系統自動解析日期、位置、預算等信息,直出機票、酒店結果,無需拆分表單填寫;
      2. 招聘工具 Wrangle:HR 輸入崗位經驗、技能要求,AI 自動批量匹配候選人并生成匹配分數,摒棄多維度篩選面板。
         
        補充:篩選組件并未消亡,在用戶漫無目的、隨意瀏覽探索的場景(如鞋服商城閑逛),篩選用于可視化全品類商品,承擔瀏覽發現作用,僅從核心功能變為輔助功能。

      3. 手動錄入表單:全字段人工填寫→AI 自動提取 + 高置信預填,表單轉為糾錯面板

      image.png

      傳統表單設計聚焦優化輸入體驗:調整字段排序、快捷鍵跳轉、輸入校驗,默認所有信息由用戶手動錄入,即便附件已有完整數據,仍需二次手動謄寫,造成冗余操作。文檔 AI 可從圖片、PDF、郵件、票據中結構化提取信息,從根源消除重復錄入。
       
      改造邏輯:上傳原始憑證后,AI 自動填充表單字段,高置信數據靜默回填、低識別度字段高亮標紅,用戶只修改異常內容,表單從錄入載體變為數據核對視圖。
       
      落地案例:QuickBooks 報銷系統迭代 Autofill 功能,上傳發票圖片 / 文件,系統秒級抓取收款方、金額、開票日期等信息,用戶告別全字段手動填寫。

      4. 靜態數據看板與預制報表:全指標平鋪展示→異常優先預警 + 對話式數據下鉆

      image.png

      傳統數據看板、周期報表提前預設固定統計維度,鋪滿全量 KPI 指標,所有數據權重一致,需要使用者人工翻閱海量數據、自主查找業務異動,關鍵異常極易被海量數據淹沒。AI 數據分析實現實時異動監測與歸因,重構看板設計思路。
       
      改造邏輯:看板不再羅列全部數據,優先高亮業務異常、增長機會,附帶可一鍵執行的優化動作;深度數據探查改用自然語言提問,AI 自動拆解數據、定位問題、輸出優化方案。
       
      落地案例
      1. Shopify Pulse:自動分析店鋪營收,提煉爆款促銷、購物車挽回等運營建議,搭配一鍵創建活動按鈕;
      2. Amplitude AI:輸入 “優化定價頁轉化率”,系統自動定位無效點擊、暴躁點擊等轉化卡點,同步輸出三套落地優化方案。

      5. CRUD 數據表格:單條逐單元格編輯→自然語言批量指令 + 變更差異審閱

      image.png

      傳統增刪改查表格基于單行單字段操作設計,批量修改大量數據時,用戶需重復上百次點開、編輯、保存操作,用戶宏觀業務意圖被切割為碎片化操作。
       
      改造邏輯:用戶用自然語言下達批量修改指令,AI 自動生成全量變更清單,頁面展示修改前后數據差異,使用者批量確認或駁回個別修改項,表格從編輯工具轉為變更預覽視圖。
       
      落地案例:Airtable 智能字段助手,一句指令即可批量全網調研競品營收與產品優勢,自動整表填充新增字段,無需逐個單元格錄入。

      6. 靜態 FAQ + 分層幫助文檔 + 固定式新手引導:靜態說明書→場景化實時 AI 答疑

      image.png

      過往產品依靠分步新手彈窗引導、層級式幫助文檔、標準化 FAQ 解答問題,內容為通用模板,無法匹配用戶當下頁面、報錯場景、操作鏈路,用戶遇到個性化問題很難精準檢索對應方案。
       
      改造邏輯:幫助文檔、FAQ 轉為 AI 知識庫底層素材,不再面向用戶開放查閱;AI 實時識別用戶所處頁面、操作行為、報錯信息,按需推送定制化解決方案,熟練度越高,引導提示越精簡;復雜問題支持屏幕共享、語音對話多模態求助。
       
      落地案例:Google AI Studio 搭載實時屏幕共享、語音咨詢功能,AI 實時同步用戶操作畫面,針對性解決實操問題。

      7. 時序信息流通知:全消息平鋪推送→AI 智能分級摘要 + 重點事項定向提醒

      image.png

      傳統通知系統按時間線平鋪全量消息,點贊評論、系統故障、審批提醒權重一致,海量無效消息淹沒關鍵告警,用戶需要逐條瀏覽篩選重要信息。
       
      改造邏輯:AI 充當信息分診官,依據緊急度、業務關聯度拆分消息:低優先級內容合并為定期摘要簡報,高風險事件附帶因果鏈路、業務影響、處理方案定向推送,通知中心進化為決策工作臺。
       
      落地案例:Datadog 監控告警摒棄零散條目推送,以「故障根源 - 服務異常 - 用戶影響」鏈式結構展示事故,運維人員一鍵定位問題。

      8. 空白頁「新建」按鈕:空白畫布從零創作→AI 一鍵生成初稿,用戶擇優修改

      “新建空白文檔 / 項目” 按鈕把用戶置于零創作起點,空白界面極易帶來創作焦慮。
       
      改造邏輯:用戶描述創作需求、約束條件,系統自動生成完整初稿,用戶工作從從零原創變為內容微調、擇優優化,創作界面完成從空白創建到內容迭代的轉變。

      二、推動 UI 變革的八大核心技術驅動力

      1. 執行全自動化:AI Agent 可閉環完成多步驟串聯工作,依賴人工分步操作的界面失去剛需;
      2. 環境上下文理解:系統自動讀取用戶文檔、歷史行為、賬號數據,無需頁面反復采集已有信息;
      3. 自然語言意圖解析:機器讀懂口語化需求,無需用戶把想法轉化為下拉框、篩選條件等系統語言;
      4. 多模態輸入融合:支持圖文、語音、屏幕畫面多維度交互,打破僅文字 + 表單的交互限制;
      5. AI 生成初稿能力:依托簡短描述生成可用內容,消滅空白創建的使用痛點;
      6. 按需場景解釋:精準捕捉用戶困惑,即時推送對應指引,摒棄前置全量灌輸的新手教程;
      7. 交互成本壓縮:多步人工操作濃縮為單次指令,精簡冗余頁面流程;
      8. 信息智能分級:自動篩選信息優先級,告別全量信息無差別展示。

      三、行業發展規律:新舊 UI 并非非此即彼,而是主次遷徙

      傳統交互不會瞬間徹底消亡,篩選欄、配置向導、空白新建按鈕仍會長期保留:面向 AI 信任度不足的用戶、小眾邊緣業務場景、無 AI 算力支撐的使用環境,老舊交互作為兜底備用方案。
       
      長期演化趨勢:傳統執行型 UI 從產品核心主路徑,逐步下沉為備選兜底功能;AI 驅動的決策監督型 UI 成為產品主流交互。

      兩類界面劃分

      1. 執行導向 UI(持續萎縮):服務人工重復錄入、分步配置、逐條修改等機械操作,AI 接管落地執行后,該類頁面持續精簡;
      2. 決策監督 UI(快速增長):用于審核 AI 輸出結果、修正系統偏差、研判異常數據,是未來 UI 設計核心發力方向。

      四、總結

      AI 時代 UI 設計的核心變化:人類不再是系統操作工,變成 AI 成果的審核決策者。未來優質界面的設計目標,是放大人類的判斷與決策價值,而非強迫用戶復刻機器的運行邏輯。
       
      轉載:人人都是產品經理
       

      蘭亭妙微(藍藍設計)www.payeee.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

       

      image.png

      超全梳理!B端產品設計風格的5個階段

      清陽 行業趨勢

      因此今天蘭亭妙微UI設計公司,來講解 B 端產品界面的視覺風格,聊聊在整個行業當中視覺風格的變化與目前的現狀。以及給大家說說未來應該如何選擇自己產品的視覺風格~

      我們會將整體分為行業初期,萌芽期、成長期、野蠻發展期、新階段 ,每一個階段給大家總結一個最為流行的風格,并分析這個風格出現的原因,方便大家進行理解。

      一、行業初期-經典傳統風

      我們把時間拉回到 2012 年。在那時,Ant Design 還沒有出現,也沒有什么 Element、Semi Design,行業當中最早的 B 端系統都是以客戶端的形式進行呈現。

      整體風格也非常老舊,像是那會兒的 Office、SAP、Salesforce,你可以看到都是他們青澀的模樣。

      image.png

      image.png

      在經典傳統的設計風格當中,會使用大面積的白色作為底色,同時在頁面中用灰色進行分割,使得整個頁面散亂搶眼,導致整體的視覺很難被大眾所接受,總體感覺信息較散,難以進行聚焦。

      而在早期,出現這些老舊風格主要有三個原因:

      1. 技術框架限制:因為當中成熟的前端框架較少,沒有太多技術棧提供給到開發進行使用,因此沒有精力將頁面做得漂亮
      2. 認知不足:設計師對于客戶端、網頁端的設計理解認知本身不夠,做得較為粗糙,比如當時的 Office 的界面設計也大致是如此的模樣
      3. 風格一致:早期 Windows 系統就是這樣的風格,與 Windows 一致更容易被大眾所接受,因此就很難進行創新

      關于這類風格的產品,大家不要覺得這夸張,其實在目前依舊有很多產品會延續這個風格。比如 醫療類產品、工業生產類系統,對于他們而言,能用即可,不必糾結太多。

      但隨著時間的推移,行業中對于 B 端設計的要求也在逐漸變高。

      二、萌芽期-清爽整潔風

      我們將時間推移到 2015 年前后,隨著行業不斷發展,在國外 Fiori、Salesforce 的出現讓大家意識到,這類型的 B 端產品也是需要設計的。

      因此國內外的很多系統都是在這一時間面世,像是 Ant Design、Element 都相繼發布。

      image.png

      由于這些設計系統的誕生,你會發現大家對于整個 B 端設計有了一點自己的想法。

      在設計上,會去考慮使用 區塊劃分,將整個頁面進行規整呈現。

      比如 SAP 在使用了 Fiori 過后,就會使整個界面更干凈。

      image.png

      image.png

      image.png

      同樣非常老牌的 Salesforce 在 2015 年的時候。也帶來了相當大的視覺變化。整體都能感受到,整個頁面會通過不斷的分層、顏色的劃分、通過黑白灰的方式去呈現頁面當中的基本信息。

      三、成長期-沉穩側黑風

      我們的時間來到 2018 年前后,在這個時間節點,很多產品都推出了自己的設計系統,對于 B 端設計風格而言,也會提出更高的要求。

      比如 Teambition 產品當中,它們提供了自己的設計系統的內容去指導整個產品來進行迭代和優化。同樣 Ant Design 它們也推出了自己的 Ant Design Pro 來演示使用設計系統過后,能夠搭建出什么樣的產品。

      image.png

      同樣,這個時段很多產品也開始進行自己產品的視覺優化,這時候整體的風格是以:黑色側邊導航為主,然后內容形態進行延展。

      比如像有贊、Coding、微盟、飛書,之前都是這樣的設計風格來進行呈現。

      image.png

      你會發現它們在整體的設計上都會更加重視頁面的分塊顏色的區隔,整體頁面的識別效率。同時這段時間爆發出來非常多的 B 端產品,隨后國內都會按照側邊黑色導航的樣式進行進一步設計,這一定程度上提高了國內 B 端設計的下限~

      四、野蠻發展期-新擬態風

      我們隨后將時間推移到 2019 年后,在這時誕生了新擬態設計風格。

      它最早是烏克蘭設計師 Alexander Plyuto 在追波和 ins 發布的一副系列作品,隨后大家發現非常奇特,所以得到廣泛的關注。

      新擬態的設計風格是以立體效果與浮雕元素,呈現更為三維立體的效果,會給人一種奇特、夢幻的界面體驗。

      image.png

      隨后就會有很多產品都開始進行跟進,比如 智能家居的產品、金融類產品都有所涉及,甚至很多 B 端產品也勇敢嘗試,但大多數設計師設計完過后,整體評價都不算太高。

      image.png

      為什么沒有大規模的推行,我覺得有 3 點原因:

      1. 因為新擬態風格整體所占面積較大,比較浪費空間。像是一個按鈕,都需要使用較大空間才能呈現。
      2. 需要大面積的留白,但是對于 B 端設計來說無法做到,因此很難進行使用。
      3. 同時很多用戶剛開始覺得好看,但隨著時間的推移,出現審美疲勞,因此就不太喜歡。

      現在還會使用新擬態風格的界面設計越來越少,大多數只會在官網設計的局部進行使用,這樣可以轉換視覺感受,給到用戶更好的視覺沖擊~

      五、新階段-灰白風

      時間來到 2022-2024 年左右,你會發現很多產品都開始在這個時間節點進行更新。

      像我們熟知的 飛書、有贊、微盟、ONES、Coding,再到 Ant Design、Salesforce,你會發現非常多的產品都在進行界面風格上的迭代。

      對于這個風格,我們愿意叫它為 灰白風。

      整體頁面是以 灰色和白色 進行的頁面劃分,在分布上灰色占據弱側信息,白色占據核心信息,進而形成對頁面內容的劃分。

      聊到這里,可能有部分同學不太理解,這里我們以飛書管理后臺的迭代作為示例,給大家進行講解。

      在 2018 年,飛書管理后臺的第一個版本,采取的就是沉穩側黑風,

      image.png

      在 2022 年,飛書的管理后臺開始改變為灰白風格

      image.png

      由于業務的疊加,2023 年時,在此基礎上增加了頂部導航的業務維度,最終形成了現在這樣的界面。

      image.png

      為什么這類型的風格會大受追捧,我覺得有以下幾個原因

      1. 減少信息層級,給用戶減負:之前沉穩側黑風格,會發現頁面明顯進行大面積的分割,導致視覺感受出現較大差異。現在只用灰色作為底,去區分主副信息這樣會更簡單的突出主要信息內容。
      2. 平臺型產品更容易嵌入:因為國內 B 端產品大多需要依附“釘釘、企微、飛書”三大平臺,因此使用灰白風能夠讓自己產品快速嵌入,不需要過多調整。如果你的產品是沉穩側黑風,那結果想都不敢想...
      3. 更容易進行適配:針對多產品的業務,也能夠使用同一套業務完整呈現才會更加合理。比如飛書的灰白風,在飛書的其他很多產品里面也會存在

      image.png

      關于設計風格,我們這篇只是講解了過去的風格內容,下篇文章我們講解當前整個 B 端產品的設計梳理,講解了更為重要的四種風格。

      轉載:優設

      蘭亭妙微(藍藍設計)www.payeee.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

       

      image.png

      AI 賦能百度優選商家經營提效交互設計實踐

      清陽 行業趨勢

      一、前言

       
      蘭亭妙微UI設計公司分享:隨著 AI 技術深度滲透電商經營全鏈路,百度優選商家后臺已在商品創建、經營管理、客服接待、直播帶貨、履約售后等核心經營場景,全面落地 AI 能力。
       
      但商家實際使用中普遍陷入不會用、不敢信、用不好的體驗困境。深挖痛點發現:AI 交互模式不統一、視覺表達混亂是核心癥結,大幅拉高了商家對 AI 工具的認知門檻與使用成本。
       
      基于此,項目以統一 AI 認知、提升商家經營效率為核心目標,啟動 AI 功能全鏈路體驗升級。團隊摒棄行業通用的嵌入式、對話式、伴隨式三類常規 AI 交互形態,結合 B 端商家后臺操作習慣,放棄適配沉浸式問答的對話式交互;同時針對客服接待、直播運維等低人工介入的規模化場景,創新提出托管式全新交互范式。
       
      配套搭建統一 AI 視覺感知體系,最終形成一套易理解、易上手、可信賴的商家智能體驗解決方案,助力商家經營降本、效率倍增。

      image.png

      二、三大 AI 交互范式場景化落地應用

       

      (一)嵌入式交互:復雜表單智能填寫助手

      image.png

      核心定位:AI 能力貼合操作場景,交互輕量無感,主打復雜表單自動化高效填報,典型應用于商家商品創建場景。
       
      商品創建字段繁雜、手動填寫耗時費力,還易因格式不規范審核駁回、拉長發品周期。設計中依據字段屬性與 AI 能力,拆分兩類交互邏輯:
       
      1. 填充識別類:規則標準化信息,AI 自動識別提取并一鍵填入,搭配「AI 預填」標簽狀態提示。如上傳商品包裝圖,自動識別品類、工藝、包裝規格等屬性自動錄入,替代手動打字,大幅節省填報時間。
      2. 推薦優化類:商品標題、主圖等創意類內容,AI 智能生成優化方案,只推薦不強制預填,支持商家自主微調、手動確認錄入,兼顧智能推薦與個性化需求,縮短人工審核周期。
       
      落地成效:商家平均發品時長縮短 8 分鐘,發品成功率提升 0.7%,模塊使用滿意度提升 25%,在原有業務流程內實現效率跨越式提升。
       

      (二)伴隨式交互:全場景主動經營診斷助手

       

      核心定位:深度融入商家經營動線,打破傳統 AI 被動問答模式,實現主動觸達、連續洞察、鏈路指引,變身商家專屬經營伙伴。
       
      1. 主動觸達,前置服務
        image.png
        AI 助手全局入口以流光呼吸感動效 + 輪播詞條輕量化吸引關注,實時推送店鋪流量、經營數據關鍵動態;商家停留任意業務頁面時,系統自動識別潛在經營隱患,如主圖尺寸影響點擊率、看播時長下滑等,提前彈窗輕量提醒,不等商家提問便主動提供服務。
         
        覆蓋直播中控臺、數據診斷、店鋪運維、電商推廣等全場景,核心指標直觀外露,優化建議一鍵可查。
         
      2. 連續洞察,可解可追溯

        image.png

        AI 輸出數據結論與經營建議時,同步展示推理邏輯、數據來源摘要,打造可解釋式 AI;并基于當前場景預判商家后續需求,主動延伸經營問題排查鏈路,從單點答疑升級為系統性問題解決方案,降低商家決策與信息獲取成本。
         
       

      (三)托管式交互:低介入安心服務管家

       
      核心定位:創新新增交互范式,區別于嵌入式、伴隨式需商家實時參與的模式,以預設規則 + 系統自動執行實現高度自動化,主打客服接待全場景無人值守服務。
       
      破解兩大行業痛點:人工無法 7×24 小時全天候接待、峰值咨詢難以全覆蓋;商家顧慮 AI 自動化「黑盒操作」,不敢全權托管。
       
      1. 可視化配置,建立信任
         
        搭建直觀的策略配置面板 + 消費者端效果預覽,商家可按售前咨詢、售后退款、催單答疑等細分場景,自定義 AI 回復規則,配置即所見,讓抽象 AI 能力變得可控可預判,消解商家信任顧慮。

        image.png

      2. 狀態透明化,順滑人機接力

        image.png

        全域實時展示 AI / 人工接待狀態,會話列表智能分組、單人接待狀態動態更新;遇復雜訴求、用戶負面情緒等 AI 無法應答場景,會話自動流轉至人工待處理隊列,高亮 + 音效雙重預警,提醒客服快速接管。
         
        人工接手后 AI 自動暫停接待,同步生成會話摘要,幫助客服快速厘清前因后果;客服可一鍵恢復托管,新會話也可自動重啟 AI 接待,形成高效人機協同閉環。同時在消費者端明確標識 AI / 人工身份,保障服務感知連貫穩定。
         
       
      落地成效:客服咨詢響應時長縮短 15.8%,商家服務滿意度提升 14%,買家滿意度提升 7.4%,實現全天候規模化接待與服務質量雙向升級。
       

      三、搭建全鏈路智能化感知體系

       

      在三大交互范式基礎上,打造貫穿產品全鏈路的AI 專屬智能視覺語言體系,沉淀標準化設計資產,賦能 B 端整體體驗升級。
       
      1. 視覺體系傳承適配:沿用百度成熟 AI 標識與品牌主色,借用用戶既有認知,降低 AI 功能學習成本;針對 B 端界面信息密集的特性,在原有智能色彩基礎上降低飽和度視覺降噪,定制適配后臺操作場景的淺色組件庫。image.png
      2. 多維感官協同反饋:彌補淺色體系 AI 狀態辨識度不足,疊加專屬狀態動效、場景聲音提醒等多維感知方式,如 AI 智能接待掃光動畫、消息預警音效,讓商家在復雜界面中,快速感知 AI 運行狀態、任務進度,保障信息傳遞高效精準。

      image.png

      四、設計核心:以商家提效為中心的價值賦能

       
      本次百度優選商家后臺 AI 體驗升級,始終堅守統一 AI 認知、賦能經營提效核心主線:通過場景適配 + 范式創新,落地嵌入式、伴隨式、托管式三大交互模式,精準解決商品創建、多線程經營、客服接待等核心痛點;以視覺 + 動效 + 音效多維智能感知體系,徹底破解商家「不會用、不敢信」難題。
       
      業務層面實現發品效率、經營問題解決率、雙向服務滿意度全面提升;設計層面沉淀場景 - 范式 - 視覺可復用方法論與組件資產,可快速復用至直播帶貨、智能投放等更多電商經營場景。
       
      未來將持續深耕商家真實經營需求,推動 AI 深度融入全業務鏈路,以交互設計驅動商家長效降本提效,助力百度優選商家生態高質量發展。
       
      轉載:優設
       

      蘭亭妙微(藍藍設計)www.payeee.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

       

      image.png

      蘭亭妙微UI設計公司:這種全新的交互方式,會成為未來AI應用的標配嗎?

      麗潔 行業趨勢

      前 Meta AI 團隊創立的 Hero 公司,推出專利技術 AI Autocomplete SDK,能實時預測任務所需全部參數,輸入 “訂機票” 即刻呈現所有選項,讓交互速度提升 10 倍、成本大降。這篇文章深入解析這項革命性技術的工作原理、應用場景與商業價值,探討它能否成為未來 AI 應用的標配,帶你看懂人機交互的下一場變革。

      你有沒有想過,為什么和 AI 聊天總感覺像在玩猜謎游戲?你說想訂機票,AI 問你去哪兒。你說去紐約,它問什么時候出發。你說下周三,它又問幾點。你說早上,它接著問要直飛還是轉機,經濟艙還是商務艙,要不要托運行李。這種來回問答的過程讓人抓狂,就像是在玩一場永無止境的”二十個問題”游戲。更糟糕的是,有時候你都不知道 AI 需要什么信息,只能等它一個一個問。這種交互方式看似自然,實則效率低下,完全違背了 AI 應該讓我們生活更簡單的初衷。

      前 Meta AI 團隊成員創立的 Hero 公司剛剛發布了一項專利技術,可能會徹底改變這種局面。他們推出的 AI Autocomplete SDK 不是簡單的自動補全功能,而是一個能夠實時預測并呈現完成任務所需全部信息的系統。想象一下,當你開始輸入”訂機票”的時候,屏幕上立刻出現所有相關參數:出發地、目的地、日期、時間、航空公司、座位偏好、行李選項等等,你只需要填寫或選擇就好,不需要等 AI 一個一個問你。這聽起來像是一個小改進,但實際上它可能會讓 AI 交互速度提升 10 倍,成本降低 10 倍,并且為未來的增強現實設備奠定基礎。

      Hero 不僅將這項技術用在自己的助手應用中,還通過 SDK 向其他公司開放。這意味著我們可能很快就會在各種應用中看到這種全新的交互方式。而且,他們剛剛獲得了 Forerunner Ventures 領投的 300 萬美元追加投資,這是在去年 400 萬美元種子輪之后的又一次資本認可。我深入研究了這項技術后發現,它的影響遠比表面看起來要深遠得多。

      提示詞工程為什么會成為一個職業

      這個現象背后反映的是當前 AI 交互方式的根本缺陷。大語言模型雖然能理解自然語言,但它們并不知道用戶想要完成什么任務需要哪些具體信息。就像 Hero 的 AI 工程師 Saharsh Vedi 說的:”現在的問題是,負擔都在用戶身上,他們需要思考 AI 需要什么信息。”這完全顛倒了技術服務人類的關系。

      我自己在使用 AI 工具時也深有體會。比如用 AI 生成圖片,我經常需要反復調整提示詞,嘗試不同的描述方式,才能得到滿意的結果。有時候我花在琢磨提示詞上的時間,比直接用傳統工具做圖還要長。更令人沮喪的是,即使你精心設計了提示詞,AI 也可能遺漏某些重要細節,導致結果不符合預期。然后你又得重新生成,這不僅浪費時間,對于按次收費的服務來說,還意味著額外的成本。

      當前主流的 AI 應用都試圖通過各種方式解決這個問題。有些添加了建議按鈕,提供預設的提示詞模板。有些使用引導式問答,一步步收集用戶需求。還有些像 Adobe 的 Firefly 應用,把提示詞拆分成多個部分,比如創作音樂時分別輸入情緒、風格和用途。這些方法都在一定程度上改善了用戶體驗,但都沒有從根本上解決問題:用戶仍然需要主動思考和輸入信息,AI 仍然處于被動等待的狀態。

      Hero 的方法則完全不同。他們不是讓 AI 更聰明地問問題,而是讓系統主動預測并呈現完成任務所需的全部信息。這種思路的轉變看似簡單,實則顛覆了整個交互范式。就像創始人 Brad Kowalk 說的:”我們基本上意識到,你在互聯網上能做的任何事情,都只是一系列參數。一旦你看到了這一點,就很難再忽視它。”這句話聽起來簡單,但它揭示了一個深刻的洞察:無論多么復雜的任務,本質上都可以分解為一組參數,而這些參數是可以預測和呈現的。

      AI Autocomplete 如何工作

      AI Autocomplete 的核心理念是前置加載所有必要信息,而不是通過反復問答來收集。當你開始輸入或說話時,系統會實時更新界面,顯示完成這個動作所需的所有參數。這不是簡單的文本補全,而是一個理解任務結構、預測所需信息、動態呈現選項的智能系統。

      拿訂機票這個例子來說。在傳統的 AI 助手中,你可能需要經歷這樣的對話:你說”我想訂機票”,AI 問”您要去哪里?”,你說”紐約”,AI 問”什么時候出發?”,你說”下周三”,AI 問”您希望幾點的航班?”,你說”早上”,AI 問”經濟艙還是商務艙?”,你說”經濟艙”,AI 問”需要托運行李嗎?”,以此類推。整個過程可能需要十幾輪對話,每次都要等待 AI 的回應。如果你在某個環節說得不夠清楚,或者 AI 理解錯了,還得重新來過。

      但在 Hero 的 AI Autocomplete 系統中,當你輸入”訂機票”的瞬間,屏幕上就會出現所有相關字段:出發地、目的地、出發日期、出發時間、航空公司偏好、返程日期、座位類型、行李選項等等。你可以隨時停下來,只填寫你知道的信息,然后發送查詢。系統會根據你已經提供的信息,智能地建議或填充其他字段。你不需要等待 AI 一個一個問你,所有信息都在你眼前,你完全掌控著交互的節奏。

      這種方法的優勢是多方面的。第一,速度快。Hero 聲稱可以讓操作速度提升 10 倍,因為省去了大量來回對話的時間。第二,成本低。每次 AI 的響應都需要服務器計算,減少對話輪次意味著大幅降低運營成本。Kowalk 特別強調了這一點:”因為涉及的消息更少,規模化運營的公司可以節省服務器成本。”第三,用戶體驗更好。你不會感覺自己在被 AI 審問,而是在一個清晰的框架內主動提供信息。

      我特別欣賞 Hero 工程師 Vedi 說的那句話:”希望我們回頭看時,幾乎不記得’提示詞’這個概念。”這體現了他們的雄心:不是改進提示詞,而是讓提示詞成為歷史。在他們的愿景中,未來的 AI 交互應該是結構化的、可預測的、高效的,而不是開放式的、充滿不確定性的對話。

      這項技術能用在哪些場景

      AI Autocomplete 的應用場景遠比訂機票更廣泛。Hero 在發布時特別強調了幾個重要領域,每個都有可能被這項技術徹底改變。

      搜索和電商是最直接的應用場景。現在在電商平臺搜索商品,你需要輸入關鍵詞,然后在成百上千的結果中篩選,使用各種過濾器來縮小范圍。這個過程既費時又費力。但如果有了 AI Autocomplete,當你輸入”咖啡”時,系統立刻顯示出品牌、烘焙程度、包裝規格、配送時間、訂閱頻率等參數。你可以快速選擇你想要的選項,甚至可以設置”每月配送”這樣的重復訂單。Hero 展示的咖啡訂購例子就很好地說明了這一點:不僅可以快速完成當前訂單,還能輕松設置定期訂購,就像你說”每個月”一樣簡單。

      媒體生成是另一個會被改變的領域。我之前提到過用 AI 生成圖片時需要反復調整提示詞的痛苦。AI Autocomplete 可以在你開始輸入時就實時展示各種參數:主體、動作、風格、光線、相機角度、分辨率等等。你可以從這些選項中選擇,而不是試圖用文字準確描述你想要的效果。這不僅能激發創意,讓你看到自己可能沒想到的選項,還能顯著減少生成次數,從而降低服務器成本。對于視頻生成這種計算密集型任務來說,減少迭代次數的意義更加重大。

      客戶服務和企業表單填寫也是重要應用場景。現在的客服聊天機器人通常需要通過一系列問答來收集信息,比如你的訂單號、問題類型、聯系方式等等。這個過程對用戶來說很繁瑣,對企業來說也低效,因為經常需要后續跟進來補充缺失的信息。有了 AI Autocomplete,聊天機器人可以根據用戶的初始問題,立即呈現所有相關字段,引導用戶一次性提供完整信息。這既節省了用戶時間,也降低了企業的運營成本。

      我認為這項技術最具潛力的應用可能還沒有被充分認識到。比如在教育領域,AI Autocomplete 可以幫助學生構建更好的學習查詢,展示他們可能沒想到的相關主題和角度。在醫療領域,它可以幫助患者更準確地描述癥狀,提供結構化的問診表單。在法律、金融等專業服務領域,它可以幫助非專業人士更有效地表達需求,獲取更精準的服務。這些場景的共同點是:專業性強、信息復雜、普通用戶難以準確表達需求。AI Autocomplete 恰好可以彌合這個知識鴻溝。

      自然語言廣告的新時代

      Hero 的 AI Autocomplete 不僅改變了用戶體驗,還開創了一種全新的廣告模式。這讓我感到特別興奮,因為它解決了自然語言界面商業化的一個核心難題:如何在對話式交互中自然地融入廣告,而不破壞用戶體驗?

      傳統的搜索廣告模式是基于關鍵詞和搜索結果的。你在 Google 搜索”咖啡機”,頂部會顯示付費廣告。這種模式在圖形界面中運作良好,但在純對話界面中卻很難實現。你總不能讓 AI 助手在回答問題的中途突然推銷產品吧?那會讓對話變得非常生硬和令人反感。

      Hero 的方法則巧妙得多。在 AI Autocomplete 系統中,品牌可以通過三種方式出現:第一,類似 Google Ads,品牌可以付費成為決策過程中的優先建議選項。比如在訂咖啡的例子中,Peet’s Coffee 可以付費讓自己出現在品牌選擇列表的前面。第二,品牌可以建議互補產品,添加到當前訂單中。比如在你訂咖啡時,建議搭配某款點心或咖啡杯。第三,品牌可以從更高的重復購買率中受益,因為在 AI Autocomplete 系統中,設置定期訂單就像說”每個月”一樣簡單。

      我認為這種廣告模式的天才之處在于,它不是打斷用戶的決策過程,而是增強這個過程。當你在選擇咖啡品牌時,看到各種選項本來就是決策的一部分,付費推廣的品牌只是在這個自然的選擇過程中獲得了更顯眼的位置。這和傳統搜索廣告的邏輯一致,但執行方式更自然、更不突兀。

      Hero 目前正在與 AI 廣告平臺 Koah Labs 討論合作,將這種新廣告形式推向市場。我覺得如果這種模式成功,它可能會成為自然語言界面商業化的標準模式。想想看,未來所有 AI 助手、AI agent 和對話式應用都可能需要這樣一種不破壞用戶體驗的廣告模式。Hero 作為先行者,有機會定義這個新興市場的規則。

      更重要的是,這種廣告模式對小企業也很友好。不像傳統的品牌廣告需要巨額投入,自然語言廣告可以非常精準地針對特定需求。一家本地咖啡烘焙商可以選擇在用戶搜索”小批量手工烘焙咖啡”時出現,而不需要和星巴克競爭”咖啡”這樣的大詞。這種精準性和可負擔性可能會讓更多中小企業進入數字廣告市場。

      為增強現實鋪路

      AI Autocomplete 的誕生其實源于增強現實的需求,這是我覺得最有遠見的部分。Hero 的聯合創始人 Brad Kowalk 和 Seung Woo Lee 都曾在 Meta 工作,參與 AR 相關項目。離開 Meta 后,他們一直在思考 AR 大規模普及面臨的一個核心問題:當 AR 設備的屏幕空間遠小于智能手機時,如何讓它同樣有用?

      這是一個很多人沒有深入思考過的問題。我們習慣了智能手機的大屏幕、復雜菜單、多層導航。但 AR 眼鏡不可能有那么大的顯示空間,也不適合復雜的觸摸操作。那么,如何在有限的界面上提供豐富的功能呢?

      大公司的思路通常是將移動端的界面縮小,配合手勢控制。但 Hero 認為這不是正確的方向。Kowalk 和 Lee 的洞察是:AR 設備需要的不是縮小版的圖形界面,而是基于意圖的交互系統。用戶應該能夠用自然語言表達意圖,系統通過 AI Autocomplete 這樣的技術引導用戶提供必要信息,然后直接執行任務。整個過程不需要復雜的 UI,只需要清晰的參數呈現和簡單的選擇機制。

      我覺得這個思路非常前瞻。它不是試圖把現有的交互模式搬到新設備上,而是為新設備設計全新的交互范式。這種輕量級但強大的 AR 操作系統,可能會成為下一代計算平臺的基礎。就像觸摸屏為智能手機帶來的革命一樣,基于意圖的自然語言交互可能會為 AR 設備帶來類似的變革。

      Hero 三年前就開始申請這項技術的專利,說明他們很早就看到了這個方向。現在專利已經獲批,技術已經成熟,時機也恰到好處。大語言模型的進步讓自然語言理解變得可靠,AR 設備開始進入消費市場,用戶對新交互方式的接受度也在提高。所有這些因素結合在一起,為 AI Autocomplete 這樣的技術創造了完美的時間窗口。

      雖然 Hero 現在主要在移動和 Web 應用中推廣這項技術,但他們的長遠目標顯然是 AR。這也解釋了為什么他們選擇以 SDK 的形式開放技術,而不是只在自己的應用中使用。他們希望建立一個標準,一個未來 AR 交互的基礎協議。如果成功,Hero 可能不只是一家應用公司,而是下一代計算平臺的基礎設施提供者。

      SDK 策略的深遠意義

      Hero 選擇以 SDK 形式開放 AI Autocomplete 技術,這是一個非常聰明的戰略決策。CTO Seung Woo Lee 解釋說:”我們三年前就意識到,AI agent 的瓶頸不會是 AI 瀏覽互聯網和完成任務的能力,而是用戶知道該說什么的能力。所以,我們不是再造一個玩’十個問題’游戲的聊天界面,而是推出一個讓用戶能一次性完成任何多步驟動作的系統。我們相信我們的技術有能力增強今天所有使用自然語言輸入的產品。”

      這段話揭示了他們的雄心:不是造一個更好的聊天機器人,而是改變整個行業的交互方式。這就需要讓其他公司也能使用這項技術,而不是把它封閉在自己的應用中。從商業角度看,這是一個高風險高回報的策略。風險在于,開放技術意味著競爭對手也能使用,可能會削弱自己的差異化優勢。回報在于,如果技術被廣泛采用,Hero 就能成為這個新交互范式的標準制定者和基礎設施提供者。

      我認為這個選擇體現了創始團隊的格局。他們在 Meta 工作過,見識過平臺級技術的威力。他們知道,真正改變世界的不是一個優秀的應用,而是一個被廣泛采用的標準。就像 HTTP 協議定義了網頁瀏覽,觸摸屏定義了智能手機交互,AI Autocomplete 有潛力定義自然語言交互的標準。

      SDK 策略還有助于快速驗證技術價值和收集反饋。通過讓不同行業、不同應用場景的公司使用這項技術,Hero 可以快速發現技術的優勢和局限,找到最有價值的應用場景,并根據實際使用情況不斷改進。這比自己悶頭做一個應用要高效得多。

      從生態系統角度看,SDK 策略有助于建立網絡效應。使用 Hero AI Autocomplete 的應用越多,用戶就越熟悉這種交互方式。用戶越熟悉,新應用采用這種交互方式的價值就越大。這種正反饋循環一旦啟動,會形成很強的護城河。就像用戶習慣了觸摸屏之后,任何新的移動設備都必須支持觸摸,未來用戶習慣了 AI Autocomplete 之后,任何新的自然語言應用可能都需要支持這種交互方式。

      這對整個 AI 行業意味著什么

      Hero 的 AI Autocomplete 讓我重新思考了當前 AI 交互的發展方向。整個行業似乎都在朝著”更自然的對話”這個方向努力,讓 AI 更像人類一樣交流。但 Hero 提出了一個反直覺的觀點:也許最好的交互方式不是完全模擬人類對話,而是結合對話的自然性和表單的結構性。

      人類之間的對話之所以高效,是因為雙方共享大量背景知識和語境。你和朋友聊天時,可以用很簡短的話表達復雜意思,因為你們互相了解。但人和 AI 的對話不一樣,AI 不知道你的偏好、習慣和當前情境。如果完全模擬人類對話,就會導致大量不必要的來回確認。

      Hero 的方法是承認這個差異,利用 AI 的優勢來彌補。AI 可以快速分析任務結構,預測所需信息,實時更新界面。這些都是人類做不到的。通過展示結構化的參數,AI Autocomplete 實際上是在利用機器的優勢,而不是試圖完全模仿人類。

      我認為這種思路會影響整個 AI 產品設計領域。未來我們可能會看到更多混合式交互:既有自然語言的靈活性,又有結構化界面的清晰性。這不是倒退到傳統 GUI,而是在更高層次上綜合了兩種交互方式的優點。

      從技術架構角度看,AI Autocomplete 也提出了新的要求。它需要 AI 模型不僅能理解用戶意圖,還要能預測任務結構和參數需求。這可能會推動一類新的 AI 模型發展,專門用于任務分解和參數預測。Hero 提到他們使用了一系列模型來預測用戶可能輸入的內容,說明這不是單一模型能解決的問題,而需要專門的技術棧。

      對于正在開發 AI 產品的團隊來說,Hero 的成功提供了重要啟示:不要只關注 AI 的智能程度,還要關注交互設計。最聰明的 AI 如果交互方式糟糕,用戶體驗也會很差。反過來,即使 AI 能力有限,如果交互設計得當,也能提供很好的用戶體驗。Hero 的技術本質上是通過更好的交互設計,最大化了現有 AI 能力的價值。

      我也在思考這項技術可能的局限性。它適合參數化的、結構化的任務,但對于真正開放式的、需要創造性的對話可能不太適用。比如你和 AI 討論一個哲學問題,或者尋求情感支持,這種場景下強行展示參數就會顯得生硬。所以 AI Autocomplete 可能不會取代所有類型的 AI 交互,而是在特定場景下提供更優選擇。

      另一個值得關注的是隱私和數據安全。AI Autocomplete 需要理解任務結構和預測用戶需求,這意味著它需要訪問相當多的上下文信息。如何在提供個性化服務和保護用戶隱私之間找到平衡,將是這類技術普及過程中必須解決的問題。

      我對 Hero 未來的期待

      Hero 目前正在自己的助手應用中測試這項技術,計劃在幾個月內向用戶發布。他們重點展示的功能是幫助用戶通過自動補全提示詞找到會議時間或和朋友見面的時間。這是一個很實用的場景,也是一個很好的切入點。安排會議往往需要考慮多個人的時間、地點偏好、會議時長等因素,用自然語言描述清楚并不容易。有了 AI Autocomplete,這個過程會簡化很多。

      但我更期待看到 Hero 在更廣泛場景中的應用。比如在旅行規劃、購物、客戶服務等領域,AI Autocomplete 的價值可能更加明顯。Hero 的 SDK 策略意味著我們不需要等 Hero 自己去開發所有應用場景,而是會看到各行各業的公司將這項技術集成到自己的產品中。

      從融資角度看,Hero 去年獲得了 400 萬美元種子輪,現在又獲得了 Forerunner Ventures 領投的 300 萬美元追加投資。Kowalk 表示,根據應用和 SDK 的增長情況,他們計劃在未來幾個月籌集更大一輪融資。我認為如果 SDK 能夠吸引到一批有影響力的客戶,證明技術價值,那么 A 輪融資應該不成問題。這項技術的潛在市場非常大,任何使用自然語言輸入的應用都可能是潛在客戶。

      我也在想,Hero 會不會成為下一個 Twilio 或 Stripe 那樣的基礎設施公司?Twilio 讓每個應用都能方便地集成短信和電話功能,Stripe 讓每個應用都能方便地接入支付。Hero 有潛力讓每個應用都能方便地提供優秀的自然語言交互體驗。如果真的走到這一步,Hero 的價值將遠超一個普通的應用公司。

      但挑戰也是存在的。技術再好,也需要市場教育和生態建設。開發者需要理解這項技術的價值,學會如何集成和使用。用戶需要適應這種新的交互方式,培養新的使用習慣。這些都需要時間和持續投入。Hero 團隊有 Meta 的背景,應該對這些挑戰有充分認識。

      我特別欣賞 Hero 團隊的一點是,他們在三年前就開始布局這個方向,提前申請了專利。這種前瞻性在快速變化的 AI 領域特別難得。很多公司都在追逐最新的熱點,而 Hero 則在思考更根本的問題:人機交互的本質是什么?未來的交互應該是什么樣子?這種長期思維是真正有影響力的公司的特質。

      最后,我想說的是,Hero 的 AI Autocomplete 提醒我們,AI 革命不只是關于更強大的模型,也關于更好的交互設計。技術進步和設計創新同樣重要,甚至在某些場景下,好的設計比更強的模型更有價值。這也是為什么我對 Hero 的未來充滿期待。他們不是在和其他公司比誰的模型更強,而是在重新定義人機交互的方式。這種創新往往更持久,也更有影響力。

      我相信,幾年后回頭看,我們會驚訝地發現自己曾經需要花那么多時間和 AI 來回對話,就像我們現在回想起曾經需要記住各種命令行指令一樣。AI Autocomplete 可能就是推動這個轉變的關鍵技術之一。‍

      轉載:人人都是產品經理

       

      蘭亭妙微(藍藍設計)www.payeee.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

       

      image.png

      2026 年必關注的 8 大 UX/UI 設計新趨勢

      清陽 行業趨勢

      設計師真正迎來了站上行業主角位的黃金時代。我們終于跳出只糾結產品顏值與基礎易用性的固有框架,回歸設計本質 —— 用心洞察用戶界面使用感知,自主構建產品體驗、主導產品商業價值落地。
       
      蘭亭妙微ui設計公司始終堅信:每一次行業效率的飛躍,都源于新工具的誕生與普及。當下設計行業亦是如此,率先吃透 AI 設計工具的從業者,早已切身感受到技術帶來的效率革新,同時也直面著行業變革帶來的挑戰。
       
      當下設計師更需要跳出專業工具的舒適圈,主動涉獵跨領域工具,打破能力邊界,重新定位 AI 時代設計師的核心價值。
       
      隨著 AI 技術深度賦能設計賽道,設計迭代效率大幅提速,視覺表現力實現質的飛躍,既能瞬間抓取用戶注意力,也讓產品視覺層次更豐富、交互邏輯更流暢、觸控反饋更具真實質感。AI 普惠設計能力,也讓超級個體成為設計圈熱詞。
       
      如今的 AI,早已進階為設計師具備深度洞察力的智能伙伴。任務自動化只是初級形態,現階段 AI 已具備情緒、場景、用戶意圖理解能力,未來更將為用戶打造高度個性化、自然無感的沉浸式體驗。
       
      即便 AI 工具能實現超乎想象的設計效果,但最終呈現上限,始終受制于使用者的認知格局與審美素養。
       
      下面為大家拆解 2026 年 8 大 UX/UI 核心設計新趨勢,也是當下留住用戶、打造深度體驗的核心方法論。
       

      2026 UX/UI 設計趨勢總覽

       
      AI 重構設計師角色,從視覺美化轉向情感共鳴 + 商業主導;依托 AI 技術打造自然個性化沉浸式體驗,八大趨勢涵蓋:
       
      1. 觸覺極致主義:打造柔軟治愈感界面,聚焦數字紋理擬物按壓反饋
      2. 科幻賽博漸變:暗黑未來風,深色模式疊加霓虹全息潮流配色
      3. 交互敘事卷軸:滾動即敘事,頁面元素隨滑動動態演繹沉浸式體驗
      4. 動態字體排版:文字承載情緒,隨滾動形變演繹情感表達
      5. 便當網格 2.0:模塊化有序排布,實現「有序的混亂」視覺美感
      6. 涂鴉與人為瑕疵:融入手繪隨性質感,用不完美營造真實煙火氣
      7. AI 智能角色適配:讀懂用戶心境,界面氛圍隨情緒場景實時切換
      8. 沉浸式 3D 購物:虛擬交互賦能,3D 模型預覽 + 虛擬空間實景體驗
       

      一、觸覺極致主義:打造柔軟擬物的治愈界面

      image.png

      扁平化極簡設計熱潮逐漸褪去,2026 年 UI 設計將數字紋理作為核心發力點。
       
      行業將涌現大量果凍、黏土、合金質感的擬物化按鈕,不再局限于單一點擊交互,按壓后可實現物理級擠壓、回彈動態反饋,高度還原現實觸感。
       
      設計風格:高光澤 3D 視覺、充氣軟糯質感圖標,擬物化肌理復刻現實材質
       
      典型案例:Blinkit 節日專屬圖標,Q 彈通透的視覺質感,仿佛可直接從屏幕中觸摸拿捏。
       

      二、動態字體排版:讓文字成為情緒載體

      image.png

      靜態文字已無法滿足當下體驗需求,2026 年動態字體成為設計標配:頁面標題可隨屏幕滾動實現扭曲、彈跳、消融等動態效果,以文字形態傳遞情緒,讓文字不止于信息表達。
       
      設計風格:適配拇指滑動操作,文字動態響應交互,靈動有溫度
       
      典型案例:CRED 率先落地動態字體設計,Zomato 等熱門 APP 相繼跟進,應用在訂單追蹤等場景,讓信息展示更活潑生動。
       

      三、便當網格 2.0:模塊化布局,有序的視覺美學

      image.png

      蘋果將在 2026 年前持續完善并普及便當網格設計風格。
       
      以平滑圓角矩形卡片為基礎,模塊化組合各類內容,適配當代用戶碎片化、短時注意力瀏覽習慣,兼顧整潔性與視覺層次感。
       
      設計風格:模塊化排布、簡約耐看、信息層級清晰,兼具美感與實用性
       
      典型案例:Myntra FWD 摒棄傳統單調產品列表,依托便當網格打造產品情緒板,視覺呈現高級且瀏覽體驗極佳。
       

      四、AI 智能角色主導:千人千面的情緒化定制設計

      image.png

      標準化通用 UI 設計已成過去,2026 年產品界面將隨用戶狀態自適應變化:用戶高效辦公時段,界面自動切換簡約清爽模式;夜間休閑、情緒亢奮時,一鍵切換霓虹漸變潮流風格。
       
      設計風格:情緒感知、場景適配、高度定制化,讀懂用戶潛在需求
       
      典型案例:印度版 Spotify 小眾精選板塊已落地試用,平臺整體界面布局、色彩風格均可根據用戶實時情緒自動適配切換。
       

      五、科幻賽博漸變:暗黑未來感潮流配色

      image.png

      淡雅柔和配色逐漸退場,賽博朋克風成為 2026 年主流視覺趨勢。
       
      以純黑深色模式為基底,疊加霓虹電光色、日落珊瑚色、全息銀色等高飽和撞色,打造極具沖擊力的暗黑未來感,適配年輕用戶審美偏好。
       
      設計風格:深色基調為主,霓虹光影疊加,復古未來感拉滿
       
      典型案例:Pocket FM、Jar 等平臺大量運用賽博霓虹光影元素,精準吸引年輕夜間用戶群體。
       

      六、交互敘事卷軸:滑動即觀影,沉浸式敘事體驗

      image.png

      區別于普通頁面滑動,卷軸敘事是全新的交互敘事形式:用戶滑動屏幕時,頁面元素自動漸入、變色、形變,無需額外操作,僅憑拇指滑動即可體驗沉浸式故事感,如同掌上動態影片。
       
      設計風格:沉浸式場景演繹,虛擬開箱感拉滿,交互代入感極強
       
      典型案例:Tata Neu 新品發布頁面采用滾動敘事設計,為用戶打造全虛擬沉浸式開箱體驗。
       

      七、涂鴉與人為瑕疵:褪去完美,回歸真實質樸

      image.png

      AI 打造的極致規整設計大行其道時,隨性不完美的真實質感反而更具溫度。
       
      手繪涂鴉、隨性下劃線、丑萌趣味貼紙等元素廣泛應用,刻意保留人為設計瑕疵,擺脫工業設計的刻板感,拉近品牌與用戶距離。
       
      設計風格:質樸接地氣、隨性手繪感、小眾個性,自帶生活化煙火氣
       
      典型案例:Cult Fit 旗下 Curo 品牌 UI 設計,以涂鴉和隨性瑕疵元素塑造古怪鮮活的品牌人設,像個性十足的親密好友。
       

      八、沉浸式 3D 購物:打破平面局限,虛擬實景消費

      image.png

      2026 年 3D 產品預覽設計再度爆發,徹底打破傳統平面商品展示模式。用戶可 360° 實時旋轉產品模型,放大查看材質、細節;更可通過虛擬技術,實現虛擬試衣、實景家裝預覽等體驗。
       
      設計風格:可交互實時 3D 模型,虛擬空間沉浸式漫游,所見即所得
       
      典型案例:Pepperfry 等平臺上線 3D 虛擬體驗功能,支持用戶虛擬進入居家空間、實景預覽商品搭配效果。
       

      設計趨勢總結

       
      未來,數字設計不再只是產品體驗的附屬支撐,設計本身就是核心體驗
       
      AI 時代下,用戶對產品的期待,早已超越基礎功能與視覺美觀,更追求情緒響應、個性化適配與情感共鳴。而平衡用戶個性需求與產品商業定位,將成為每一位產品設計師的核心必備能力。
       
      轉載:優設
       

      蘭亭妙微(藍藍設計)www.payeee.cn 是一家專注而深入的界面設計公司,為期望卓越的國內外企業提供卓越的大數據可視化界面設計B端界面設計桌面端界面設計APP界面設計圖標定制用戶體驗設計交互設計UI咨詢高端網站設計平面設計,以及相關的軟件開發服務,咨詢電話:01063334945。

       

      image.png

      日歷

      鏈接

      個人資料

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

      存檔

      主站蜘蛛池模板: 亚洲AV无码成H人动漫无遮挡| 国产短视频精品一区二区| 精品第一国产综合精品蜜芽| 国产成人精品亚洲高清在线| 国产一区二区在线视频| 成人国产精品中文字幕| 国产麻豆9l精品三级站| 人妻丰满熟妇av无码区| www.成人| 津南区| 老司机性色福利精品视频| 久久人人妻人人爽人人爽| 国产AV高清精品久久| 一二三四中文字幕日韩乱码| 中文字幕人妻色欲| 国产精品69人妻我爱绿帽子| 国产精品高清一区二区三区不卡| 国产在视频线精品视频二代| 精品亚洲va在线va天堂资源站| 成人区人妻精品| 亚洲成AV人无码中文字幕| 国产成人精品一区二区秒拍1o| 亚洲AV网站| 日韩不卡一区二区在线观看 | 又大又粗又硬又爽黄毛少妇| 国产真实乱子伦精品视| 男人资源最新资源网站| 专干老肥熟女视频网站| 国产做受视频120秒试看| 暖暖 在线 日本 免费 中文| 日韩在线观看a| 人妻无码aⅴ中文系列久久免费 | 爱性久久久久久久久| 久久精品日日躁精品| 麻豆精品一区二区综合av| 无码中文字幕人妻在线一区| 亚洲女同精品中文字幕| 丁香五月亚洲综合在线国内自拍| 福利一区二区三区视频| 国产成人精品一区二区三区| 人妻中文无码|