從微信啟動頁孤獨的小人望地球，到網(wǎng)易云音樂熱評區(qū)的深夜共鳴，情感化設(shè)計正在重新定義產(chǎn)品競爭力。唐納德·諾曼提出的三層模型——本能層的視覺吸引、行為層的流暢體驗、反思層的價值認(rèn)同——為產(chǎn)品設(shè)計提供了系統(tǒng)方法論。當(dāng)功能差異逐漸縮小，能走進(jìn)用戶心里的設(shè)計才能建立真正的忠誠度。蘭亭妙微UI設(shè)計公司：深度拆解情感化設(shè)計的理論脈絡(luò)與經(jīng)典案例，揭示如何讓冰冷的產(chǎn)品擁有溫度。
在體驗設(shè)計飛速發(fā)展的今天，“功能可用”已不再是產(chǎn)品的核心競爭力，用戶對產(chǎn)品的需求早已超越了工具屬性，轉(zhuǎn)向了更深層次的情感訴求。
情感化設(shè)計作為連接產(chǎn)品與用戶心靈的橋梁，打破了“設(shè)計即功能”的傳統(tǒng)認(rèn)知，將人的情感需求、心理感受融入設(shè)計的每一個細(xì)節(jié)，讓冰冷的產(chǎn)品擁有溫度，讓交互過程充滿愉悅，最終實現(xiàn)產(chǎn)品與用戶的深度共鳴。
當(dāng)我們打開手機(jī)，看到微信啟動頁中孤獨的小人望著地球，心中會泛起一絲莫名的觸動；
當(dāng)我們使用網(wǎng)易云音樂，被“網(wǎng)抑云熱評”戳中內(nèi)心，會忍不住分享與共鳴；
當(dāng)我們操作蘋果手機(jī)，流暢的動畫過渡、細(xì)膩的觸感反饋，會讓每一次交互都感到舒適與愉悅；
當(dāng)我們走進(jìn)重慶鐘書閣，被鏡子反射出的層層疊疊的空間所震撼，會自然而然地將書店與山城的地域特色深深綁定。
這些場景背后，都藏著同一個設(shè)計理念——情感化設(shè)計。
在過去幾十年里，設(shè)計行業(yè)經(jīng)歷了從“功能導(dǎo)向”到“用戶導(dǎo)向”，再到“情感導(dǎo)向”的三次重大變革。
早期的設(shè)計，核心是“能用”，設(shè)計師關(guān)注的是產(chǎn)品的功能實現(xiàn)、性能穩(wěn)定，至于用戶使用過程中的感受、情緒變化，往往被忽略。
隨著科技的發(fā)展、物質(zhì)的豐富，同類產(chǎn)品的功能差異逐漸縮小，用戶在選擇產(chǎn)品時，不再僅僅關(guān)注“能不能用”，更關(guān)注“用得爽不爽”“有沒有共鳴”“能不能滿足我的情感需求”。
情感化設(shè)計應(yīng)運而生，它將“人”的核心地位進(jìn)一步凸顯，強(qiáng)調(diào)設(shè)計不僅要解決用戶的實際問題，還要照顧用戶的心理感受、情感訴求，讓產(chǎn)品成為用戶情感的載體、生活的伙伴，而不僅僅是工具。
在多年的實踐中深刻體會到：
好的設(shè)計，不僅能解決問題，還能傳遞情感；
優(yōu)秀的情感化設(shè)計，能夠讓產(chǎn)品在眾多同類產(chǎn)品中脫穎而出，建立用戶忠誠度，甚至成為一個時代的符號。
情感化設(shè)計并非憑空出現(xiàn)，它的產(chǎn)生有著深刻的社會背景、思想源頭與理論基礎(chǔ)，是設(shè)計行業(yè)發(fā)展的必然結(jié)果，也是人類對設(shè)計本質(zhì)認(rèn)知不斷深化的體現(xiàn)。
從早期的設(shè)計思想萌芽，到心理學(xué)、社會學(xué)理論的支撐，再到唐納德·諾曼正式提出“情感化設(shè)計”理論，最終在科技發(fā)展與用戶需求升級的推動下走向成熟，情感化設(shè)計經(jīng)歷了一個漫長而曲折的發(fā)展歷程。
情感化設(shè)計的核心思想——“設(shè)計要兼顧功能與情感”，其實早在遠(yuǎn)古時期就已經(jīng)出現(xiàn)。
人類最早的設(shè)計活動，本質(zhì)上是為了生存，比如制作石器、陶器、房屋等，核心需求是“實用”，但在滿足實用需求的同時，人類也不自覺地融入了情感與審美訴求。
遠(yuǎn)古時期，原始人類制作的石器，除了追求鋒利、耐用（功能需求），還會在石器表面雕刻簡單的紋路、圖案，這些紋路并非毫無意義，而是原始人類對自然的敬畏、對生活的向往的情感表達(dá)；新石器時代的彩陶，不僅造型規(guī)整、便于使用，還會繪制魚紋、鳥紋、幾何紋等圖案，色彩鮮艷、線條流暢，既體現(xiàn)了當(dāng)時的審美水平，也傳遞了原始人類的情感——比如魚紋象征著豐收、繁衍，鳥紋象征著自由、吉祥。
這些設(shè)計，雖然沒有明確的“情感化設(shè)計”概念，但已經(jīng)具備了情感化設(shè)計的核心特質(zhì)：功能與情感的結(jié)合，實用與審美的統(tǒng)一。
進(jìn)入奴隸社會、封建社會，設(shè)計的情感表達(dá)更加鮮明，且逐漸與等級、文化、宗教綁定。
比如中國古代的宮殿建筑，故宮的紅墻黃瓦、飛檐斗拱，不僅滿足了居住、辦公的功能需求，更通過色彩、造型傳遞了皇權(quán)的至高無上、威嚴(yán)莊重的情感；
古代的家具，比如明清時期的紅木家具，造型簡潔、工藝精湛，不僅耐用、舒適，還通過紋理、雕刻傳遞了文人雅士的淡泊名利、雅致內(nèi)斂的情感；
西方中世紀(jì)的教堂建筑，哥特式教堂的高聳、尖峭，彩色玻璃的絢麗，營造出神秘、莊嚴(yán)、肅穆的氛圍，傳遞了人們對宗教的虔誠、對神性的敬畏。
這一時期的情感化設(shè)計，有兩個顯著的特點：
一是情感表達(dá)具有鮮明的階級性、文化性，不同階層、不同文化背景的設(shè)計，情感傳遞的方向、內(nèi)容截然不同；
二是情感設(shè)計的主體是“設(shè)計者”，設(shè)計師根據(jù)自己的情感、審美，結(jié)合當(dāng)時的社會文化、等級制度，進(jìn)行設(shè)計創(chuàng)作，用戶的情感需求往往處于被動接受的地位，而非設(shè)計的核心導(dǎo)向。
工業(yè)革命之后，設(shè)計行業(yè)進(jìn)入了“功能至上”的時代。
18世紀(jì)60年代，工業(yè)革命率先在英國爆發(fā)，機(jī)器生產(chǎn)取代了手工生產(chǎn)，產(chǎn)品的批量生產(chǎn)成為可能，設(shè)計的核心目標(biāo)變成了“提高生產(chǎn)效率、降低生產(chǎn)成本、滿足大眾的基本功能需求”。
這一時期，設(shè)計師關(guān)注的是產(chǎn)品的結(jié)構(gòu)、性能、實用性，而情感、審美往往被忽略，甚至被視為“多余的裝飾”。比如，早期的工業(yè)產(chǎn)品，無論是蒸汽機(jī)、紡織機(jī)，還是日常使用的桌椅、燈具，都造型簡陋、色彩單調(diào)，只追求耐用、好用，毫無情感可言。
這種“功能至上”的設(shè)計理念，雖然極大地提高了生產(chǎn)效率，降低了產(chǎn)品價格，滿足了大眾的基本生活需求，但也讓產(chǎn)品變得冰冷、刻板，缺乏溫度，用戶在使用過程中，只能感受到功能的滿足，無法獲得任何情感上的愉悅與共鳴。
隨著工業(yè)革命的深入，“功能至上”的設(shè)計理念逐漸暴露出弊端，越來越多的人開始意識到，設(shè)計不能只關(guān)注功能，還要關(guān)注情感、審美。
20世紀(jì)初，一些設(shè)計運動開始興起，反對“功能至上”的刻板設(shè)計，倡導(dǎo)“功能與審美結(jié)合”，為情感化設(shè)計的萌芽奠定了基礎(chǔ)。其中，最具代表性的是包豪斯運動。
1919年，包豪斯學(xué)院在德國成立，包豪斯的核心設(shè)計理念是“藝術(shù)與技術(shù)的統(tǒng)一”“設(shè)計為大眾服務(wù)”，強(qiáng)調(diào)設(shè)計既要滿足功能需求，也要注重審美體驗，反對多余的裝飾，追求簡潔、實用、美觀的設(shè)計風(fēng)格。
包豪斯的設(shè)計師們認(rèn)為，產(chǎn)品的設(shè)計不僅要解決“能用”的問題，還要讓用戶在使用過程中感受到舒適、愉悅，這種理念，正是情感化設(shè)計的重要思想源頭。
比如，包豪斯設(shè)計師馬塞爾·布魯爾設(shè)計的瓦西里椅，采用鋼管與皮革結(jié)合的材質(zhì)，造型簡潔、輕便、耐用，既滿足了日常使用的功能需求，又通過流暢的線條、舒適的坐感，傳遞了簡約、時尚、舒適的情感，成為現(xiàn)代家具設(shè)計的經(jīng)典之作；
另一位包豪斯設(shè)計師威廉·華根菲爾德設(shè)計的臺燈，造型簡潔、線條流暢，燈光柔和，既實用又美觀，讓用戶在使用過程中感受到溫暖、舒適，打破了早期工業(yè)產(chǎn)品冰冷、刻板的形象。
除了包豪斯運動，20世紀(jì)中期的斯堪的納維亞設(shè)計運動，也進(jìn)一步推動了情感化設(shè)計思想的萌芽。
斯堪的納維亞設(shè)計強(qiáng)調(diào)“以人為本”，注重產(chǎn)品的實用性、舒適性與審美性的結(jié)合，追求自然、簡約、溫馨的設(shè)計風(fēng)格，注重細(xì)節(jié)處理，關(guān)注用戶的使用感受與情感需求。
比如，芬蘭設(shè)計師阿爾瓦·阿爾托設(shè)計的彎木家具，采用天然的木材，造型柔和、曲線流暢，坐感舒適，既體現(xiàn)了自然之美，又傳遞了溫馨、親切的情感，讓用戶在使用過程中感受到自然的溫度與人文的關(guān)懷。
這一時期，情感化設(shè)計的思想雖然沒有形成系統(tǒng)的理論，但已經(jīng)逐漸被設(shè)計師們所認(rèn)可，設(shè)計的核心開始從“功能”向“人”傾斜，設(shè)計師們開始關(guān)注用戶的使用感受、情感需求，嘗試將情感、審美融入設(shè)計的細(xì)節(jié)中，為后續(xù)情感化設(shè)計理論的形成奠定了堅實的實踐基礎(chǔ)。
20世紀(jì)中期以后，心理學(xué)、社會學(xué)、認(rèn)知科學(xué)等學(xué)科的飛速發(fā)展，為情感化設(shè)計提供了堅實的理論支撐，讓情感化設(shè)計從“經(jīng)驗型”的實踐，逐漸走向“科學(xué)化”的研究。
其中，認(rèn)知心理學(xué)、人本主義心理學(xué)、符號學(xué)的相關(guān)理論，對情感化設(shè)計的影響最為深遠(yuǎn)。
1.2.1 認(rèn)知心理學(xué)：揭示情感與認(rèn)知的關(guān)系
認(rèn)知心理學(xué)是研究人類認(rèn)知過程（如感知、記憶、思維、語言、決策等）的學(xué)科，它的出現(xiàn)，打破了傳統(tǒng)行為主義心理學(xué)“只關(guān)注行為，忽略情感、認(rèn)知”的局限，開始關(guān)注人類的內(nèi)心活動，揭示了情感與認(rèn)知之間的密切關(guān)系，為情感化設(shè)計提供了核心理論支撐。
認(rèn)知心理學(xué)認(rèn)為，人類的認(rèn)知過程與情感過程是相互影響、相互作用的，情感不僅會影響人類的認(rèn)知判斷、決策行為，還會影響人類對事物的感知與記憶。
比如，當(dāng)一個人處于愉悅的情緒中時，會更容易接受新事物、做出積極的決策，對產(chǎn)品的使用體驗也會有更高的評價；當(dāng)一個人處于煩躁、焦慮的情緒中時，會更容易產(chǎn)生負(fù)面情緒，對產(chǎn)品的微小缺陷也會更加敏感，甚至?xí)艞壥褂卯a(chǎn)品。
20世紀(jì)60年代，認(rèn)知心理學(xué)家唐納德·諾曼（Donald A. Norman）開始將認(rèn)知心理學(xué)的理論應(yīng)用于設(shè)計領(lǐng)域，研究人類的情感與產(chǎn)品設(shè)計之間的關(guān)系。
諾曼認(rèn)為，產(chǎn)品的設(shè)計不僅要符合人類的認(rèn)知規(guī)律，還要照顧人類的情感需求，因為情感是人類認(rèn)知的重要組成部分，忽略情感的設(shè)計，無論功能多么完善，也無法獲得用戶的認(rèn)可。
諾曼在研究中發(fā)現(xiàn)，人類對產(chǎn)品的情感反應(yīng)，往往發(fā)生在認(rèn)知之前，比如，我們看到一個產(chǎn)品，首先會被它的外觀、色彩、造型所吸引（情感反應(yīng)），然后才會去了解它的功能、使用方法（認(rèn)知過程）；如果一個產(chǎn)品的外觀讓人感到厭惡、不適，即使它的功能非常強(qiáng)大，用戶也不會愿意去使用它。這種“情感優(yōu)先于認(rèn)知”的觀點，成為情感化設(shè)計的核心理論之一。
此外，認(rèn)知心理學(xué)中的“感知負(fù)荷理論”“情緒喚醒理論”也為情感化設(shè)計提供了重要的理論支撐。
感知負(fù)荷理論認(rèn)為，人類的認(rèn)知資源是有限的，如果產(chǎn)品的交互過程過于復(fù)雜、繁瑣，會增加用戶的感知負(fù)荷，讓用戶產(chǎn)生煩躁、焦慮的情緒，影響使用體驗；而情感化設(shè)計，通過簡化交互流程、優(yōu)化視覺設(shè)計、增加情感反饋，能夠降低用戶的感知負(fù)荷，讓用戶在使用過程中感到輕松、愉悅。
情緒喚醒理論認(rèn)為，適度的情緒喚醒能夠提高人類的注意力、記憶力與工作效率，而過度的情緒喚醒（過于興奮或過于壓抑）則會降低人類的認(rèn)知能力。
情感化設(shè)計的核心，就是通過設(shè)計手段，喚醒用戶適度的積極情緒（如愉悅、舒適、安心），避免用戶產(chǎn)生過度的負(fù)面情緒（如煩躁、焦慮、厭惡），從而提升用戶的使用體驗與產(chǎn)品認(rèn)可度。
1.2.2 人本主義心理學(xué)：凸顯“人”的核心地位
人本主義心理學(xué)是20世紀(jì)50年代興起的心理學(xué)流派，其核心思想是“以人為本”，強(qiáng)調(diào)人的價值、人的尊嚴(yán)、人的情感需求與自我實現(xiàn)，反對將人視為“機(jī)器”或“刺激的被動接受者”，認(rèn)為人是具有主觀能動性、情感豐富的個體。
人本主義心理學(xué)的代表人物馬斯洛，提出了著名的“需求層次理論”，將人類的需求分為五個層次：生理需求、安全需求、歸屬與愛的需求、尊重需求、自我實現(xiàn)需求。
其中，生理需求、安全需求是基礎(chǔ)需求，主要與產(chǎn)品的功能、性能相關(guān)；而歸屬與愛的需求、尊重需求、自我實現(xiàn)需求，則是情感需求、精神需求，與產(chǎn)品的情感化設(shè)計密切相關(guān)。
馬斯洛認(rèn)為，當(dāng)人類的基礎(chǔ)需求（生理、安全）得到滿足后，會逐漸追求更高層次的情感需求、精神需求。
這一理論，為情感化設(shè)計提供了重要的理論依據(jù)：隨著科技的發(fā)展、物質(zhì)的豐富，用戶的基礎(chǔ)需求（產(chǎn)品功能、性能）已經(jīng)得到充分滿足，此時，用戶開始追求更高層次的情感需求——比如，通過使用產(chǎn)品獲得歸屬感、被尊重感、自我實現(xiàn)感，這也是情感化設(shè)計能夠興起并快速發(fā)展的核心原因之一。
人本主義心理學(xué)強(qiáng)調(diào)，設(shè)計應(yīng)該尊重人的情感、人的需求，關(guān)注人的內(nèi)心感受，讓產(chǎn)品成為滿足人類情感需求、實現(xiàn)自我價值的載體。
比如：
一些社交產(chǎn)品，通過設(shè)計讓用戶能夠快速找到志同道合的人，獲得歸屬感；
一些健身產(chǎn)品，通過設(shè)計激勵用戶堅持鍛煉，實現(xiàn)自我提升，獲得成就感；
一些奢侈品，通過設(shè)計傳遞高端、尊貴的情感，滿足用戶的尊重需求。
人本主義心理學(xué)的思想，進(jìn)一步凸顯了“人”在設(shè)計中的核心地位，推動了設(shè)計行業(yè)從“功能導(dǎo)向”向“情感導(dǎo)向”的轉(zhuǎn)型，讓情感化設(shè)計的理念更加深入人心。
1.2.3 符號學(xué)：賦予產(chǎn)品情感意義
符號學(xué)是研究符號、符號系統(tǒng)及其意義的學(xué)科，它認(rèn)為，人類的一切行為、一切創(chuàng)造，本質(zhì)上都是符號的表達(dá)，產(chǎn)品也是一種符號，不僅具有實用功能，還具有情感意義、文化意義。
符號學(xué)將產(chǎn)品分為“功能符號”與“情感符號”：
功能符號是產(chǎn)品的實用功能的體現(xiàn)，比如手機(jī)的通話功能、電腦的辦公功能、椅子的坐臥功能；
情感符號是產(chǎn)品所傳遞的情感、意義、文化，比如產(chǎn)品的外觀、色彩、造型、品牌標(biāo)識等，都屬于情感符號，能夠傳遞不同的情感信息。
比如：
符號學(xué)的理論，為情感化設(shè)計提供了重要的實現(xiàn)方法：設(shè)計師可以通過設(shè)計產(chǎn)品的情感符號（外觀、色彩、造型、品牌標(biāo)識等），賦予產(chǎn)品特定的情感意義、文化內(nèi)涵，讓用戶在使用產(chǎn)品的過程中，通過解讀這些情感符號，獲得情感上的共鳴與滿足。
比如，蘋果公司的logo，是一個被咬了一口的蘋果，這個簡單的符號，不僅具有很高的辨識度（功能符號），還傳遞了“創(chuàng)新、叛逆、打破常規(guī)”的情感意義（情感符號），讓用戶在看到這個logo時，就能聯(lián)想到蘋果產(chǎn)品的創(chuàng)新精神，產(chǎn)生情感共鳴；
可口可樂的紅色logo、流線型字體，傳遞了“熱情、快樂、分享”的情感意義，成為可口可樂品牌的核心情感符號，陪伴了一代又一代用戶的成長。
20世紀(jì)末，隨著認(rèn)知心理學(xué)、人本主義心理學(xué)、符號學(xué)等學(xué)科的不斷發(fā)展，以及設(shè)計實踐的不斷積累，情感化設(shè)計終于形成了系統(tǒng)的理論體系，其中，唐納德·諾曼在1999年出版的《情感化設(shè)計》（Emotional Design）一書，正式提出了“情感化設(shè)計”的概念與核心理論，標(biāo)志著情感化設(shè)計作為一門獨立的設(shè)計學(xué)科，正式誕生。
1.3.1 唐納德·諾曼與《情感化設(shè)計》：情感化設(shè)計的里程碑
唐納德·諾曼，美國認(rèn)知心理學(xué)家、工業(yè)設(shè)計家，認(rèn)知科學(xué)學(xué)會的發(fā)起人之一，被譽為“情感化設(shè)計之父”。
諾曼早年從事認(rèn)知心理學(xué)的研究，后來將認(rèn)知心理學(xué)的理論應(yīng)用于產(chǎn)品設(shè)計、用戶體驗設(shè)計領(lǐng)域，提出了許多影響深遠(yuǎn)的設(shè)計理論，其中，《情感化設(shè)計》一書，是他最具代表性的著作，也是情感化設(shè)計領(lǐng)域的里程碑式作品。
在《情感化設(shè)計》一書中，諾曼正式提出了“情感化設(shè)計”的概念：情感化設(shè)計，是指將人類的情感需求融入產(chǎn)品設(shè)計的每一個環(huán)節(jié)，通過設(shè)計讓產(chǎn)品能夠引發(fā)用戶的積極情感，降低用戶的負(fù)面情感，從而提升用戶的使用體驗與產(chǎn)品認(rèn)可度。
諾曼認(rèn)為，情感不是設(shè)計的附加品，而是設(shè)計的核心，好的設(shè)計，必須兼顧功能與情感，既要解決用戶的實際問題，也要照顧用戶的心理感受。
諾曼在書中明確指出，過去的設(shè)計，過于關(guān)注產(chǎn)品的功能、性能，忽略了用戶的情感需求，導(dǎo)致很多產(chǎn)品“能用但不好用”“好用但不喜歡”。
他認(rèn)為，產(chǎn)品的設(shè)計，應(yīng)該從“人”的角度出發(fā)，關(guān)注用戶的情感、心理、行為習(xí)慣，讓產(chǎn)品成為用戶情感的載體，而不僅僅是工具。
此外，諾曼在書中提出了情感化設(shè)計的“三層模型”，這也是情感化設(shè)計最核心、最具影響力的理論，為情感化設(shè)計的實踐提供了明確的指導(dǎo)方向。
情感化設(shè)計的三層模型，將設(shè)計分為三個層次：本能層設(shè)計（Visceral Design）、行為層設(shè)計（Behavioral Design）、反思層設(shè)計（Reflective Design），三個層次相互關(guān)聯(lián)、相互影響，共同構(gòu)成了情感化設(shè)計的完整體系。
1. 本能層設(shè)計：關(guān)注產(chǎn)品的外觀、色彩、造型、材質(zhì)等視覺與觸覺體驗，是用戶對產(chǎn)品的第一印象，也是情感反應(yīng)的起點。
本能層設(shè)計的核心，是“好看、好摸、有吸引力”，通過視覺、觸覺等感官刺激，引發(fā)用戶的本能反應(yīng)，比如愉悅、喜歡、好奇等積極情感。
本能層的設(shè)計，往往是無意識的，用戶在看到產(chǎn)品的第一眼，就會產(chǎn)生相應(yīng)的情感反應(yīng)，這種情感反應(yīng)，會直接影響用戶對產(chǎn)品的后續(xù)認(rèn)知與使用意愿。
比如，一款手機(jī)的外觀設(shè)計簡潔、流暢，色彩柔和，材質(zhì)細(xì)膩，用戶在看到它的第一眼，就會產(chǎn)生喜歡、愉悅的情感，從而更愿意去了解它的功能、使用它；反之，如果一款手機(jī)的外觀設(shè)計丑陋、粗糙，色彩刺眼，用戶在看到它的第一眼，就會產(chǎn)生厭惡、不適的情感，即使它的功能非常強(qiáng)大，也很難吸引用戶。
2. 行為層設(shè)計：關(guān)注產(chǎn)品的功能、可用性、易用性、交互流程等，是用戶在使用產(chǎn)品過程中的體驗。
行為層設(shè)計的核心，是“好用、高效、流暢”，通過優(yōu)化產(chǎn)品的功能、簡化交互流程、提供及時的反饋，讓用戶在使用產(chǎn)品的過程中感到輕松、愉悅、高效，避免產(chǎn)生煩躁、焦慮等負(fù)面情感。
行為層的設(shè)計，與用戶的行為習(xí)慣、認(rèn)知規(guī)律密切相關(guān)，設(shè)計師需要深入了解用戶的使用場景、行為邏輯，設(shè)計出符合用戶習(xí)慣的交互方式，讓用戶能夠快速上手、高效使用產(chǎn)品。
比如，一款A(yù)PP的交互流程簡潔、清晰，按鈕布局合理，操作反饋及時，用戶在使用過程中能夠快速找到自己需要的功能，完成相應(yīng)的操作，從而感到輕松、愉悅；反之，如果一款A(yù)PP的交互流程復(fù)雜、繁瑣，按鈕布局混亂，操作反饋延遲，用戶在使用過程中會感到煩躁、焦慮，甚至?xí)艞壥褂谩?/p>
3. 反思層設(shè)計：關(guān)注產(chǎn)品的意義、價值、文化內(nèi)涵，是用戶在使用產(chǎn)品后產(chǎn)生的情感共鳴與心理認(rèn)同。
反思層設(shè)計的核心，是“有意義、有共鳴、有價值”，通過賦予產(chǎn)品特定的意義、文化內(nèi)涵，讓用戶在使用產(chǎn)品的過程中，能夠感受到產(chǎn)品所傳遞的情感、價值觀，從而產(chǎn)生情感共鳴與心理認(rèn)同，甚至將產(chǎn)品視為自己的身份象征、生活伙伴。
反思層的設(shè)計，是情感化設(shè)計的最高層次，也是最能建立用戶忠誠度的層次，它能夠讓產(chǎn)品超越工具屬性，成為用戶情感的載體。
比如，網(wǎng)易云音樂的“熱評文化”，通過用戶的真實評論，傳遞了不同的情感、故事，讓用戶在使用產(chǎn)品的過程中，能夠找到共鳴，感受到“有人懂我”的溫暖，從而對網(wǎng)易云音樂產(chǎn)生強(qiáng)烈的心理認(rèn)同與忠誠度；
比如，故宮文創(chuàng)產(chǎn)品，將故宮的傳統(tǒng)文化、歷史元素融入產(chǎn)品設(shè)計中，賦予產(chǎn)品深厚的文化內(nèi)涵，讓用戶在使用產(chǎn)品的過程中，能夠感受到傳統(tǒng)文化的魅力，產(chǎn)生文化自信與情感共鳴。
諾曼強(qiáng)調(diào)，情感化設(shè)計的三個層次，并不是相互獨立的，而是相互關(guān)聯(lián)、相互影響的。
一款優(yōu)秀的情感化產(chǎn)品，必須兼顧三個層次的設(shè)計，缺一不可。
比如，蘋果手機(jī)，本能層設(shè)計簡潔、美觀，色彩柔和，材質(zhì)細(xì)膩，能夠吸引用戶的注意力；行為層設(shè)計流暢、易用，交互反饋及時，能夠讓用戶獲得良好的使用體驗；反思層設(shè)計傳遞了“創(chuàng)新、簡約、高品質(zhì)”的價值觀，讓用戶在使用產(chǎn)品的過程中，能夠感受到蘋果產(chǎn)品的價值，產(chǎn)生心理認(rèn)同與忠誠度，從而成為蘋果手機(jī)的忠實用戶。
《情感化設(shè)計》一書的出版，徹底改變了設(shè)計行業(yè)的認(rèn)知，讓情感化設(shè)計的理念迅速在全球范圍內(nèi)傳播開來，越來越多的設(shè)計師、產(chǎn)品研發(fā)者開始關(guān)注情感化設(shè)計，將情感化設(shè)計的理論應(yīng)用于實踐中，推動了情感化設(shè)計的快速發(fā)展。
1.3.2 情感化設(shè)計的發(fā)展與普及（21世紀(jì)至今）
進(jìn)入21世紀(jì)，隨著科技的飛速發(fā)展（尤其是互聯(lián)網(wǎng)、移動互聯(lián)網(wǎng)、人工智能的發(fā)展）、用戶需求的不斷升級，情感化設(shè)計迎來了快速發(fā)展的黃金時期，逐漸從理論走向?qū)嵺`，從小眾走向大眾，成為體驗設(shè)計、產(chǎn)品研發(fā)的核心理念之一。
21世紀(jì)初，互聯(lián)網(wǎng)的興起，讓產(chǎn)品的形態(tài)發(fā)生了巨大的變化，從傳統(tǒng)的實體產(chǎn)品，逐漸延伸到互聯(lián)網(wǎng)產(chǎn)品（如網(wǎng)站、APP、軟件等），情感化設(shè)計的應(yīng)用場景也逐漸豐富。
互聯(lián)網(wǎng)產(chǎn)品的核心是用戶體驗，而情感化設(shè)計，正是提升用戶體驗的關(guān)鍵手段。
比如，早期的門戶網(wǎng)站，設(shè)計簡潔、清晰，通過優(yōu)化視覺設(shè)計、簡化操作流程，讓用戶能夠快速找到自己需要的信息，獲得良好的使用體驗；早期的社交軟件，如QQ，通過設(shè)計可愛的頭像、表情、昵稱，讓用戶能夠表達(dá)自己的情感，獲得歸屬感與愉悅感。
2010年以后，移動互聯(lián)網(wǎng)的爆發(fā)，進(jìn)一步推動了情感化設(shè)計的普及與發(fā)展。
智能手機(jī)的普及，讓APP成為用戶日常生活中不可或缺的一部分，同類APP的競爭日益激烈，功能差異逐漸縮小，情感化設(shè)計成為APP脫穎而出的關(guān)鍵。
比如：
與此同時，人工智能、大數(shù)據(jù)等技術(shù)的發(fā)展，為情感化設(shè)計提供了更加強(qiáng)大的技術(shù)支撐，讓情感化設(shè)計更加精準(zhǔn)、更加個性化。
比如：
通過大數(shù)據(jù)分析用戶的行為習(xí)慣、情感偏好，設(shè)計師可以為不同的用戶提供個性化的情感化設(shè)計，讓產(chǎn)品能夠更好地滿足用戶的個性化情感需求；
通過人工智能技術(shù)，產(chǎn)品可以實現(xiàn)情感識別、情感反饋，比如，智能音箱可以識別用戶的情緒變化，根據(jù)用戶的情緒播放相應(yīng)的音樂、傳遞相應(yīng)的安慰話語；智能客服可以識別用戶的負(fù)面情緒，提供更加耐心、貼心的服務(wù)，緩解用戶的煩躁、焦慮。
除了互聯(lián)網(wǎng)產(chǎn)品，實體產(chǎn)品、空間設(shè)計、服務(wù)設(shè)計等領(lǐng)域，情感化設(shè)計的應(yīng)用也越來越廣泛。
此外，隨著設(shè)計行業(yè)的不斷發(fā)展，情感化設(shè)計的理念也逐漸被全球范圍內(nèi)的設(shè)計師、企業(yè)所認(rèn)可，越來越多的設(shè)計獎項（如紅點設(shè)計獎、IF設(shè)計獎、IDEA設(shè)計獎等），將情感化設(shè)計作為重要的評選標(biāo)準(zhǔn)，鼓勵設(shè)計師進(jìn)行情感化設(shè)計創(chuàng)作；越來越多的高校，開設(shè)了情感化設(shè)計相關(guān)的課程，培養(yǎng)情感化設(shè)計領(lǐng)域的專業(yè)人才，推動情感化設(shè)計的不斷發(fā)展與創(chuàng)新。
情感化設(shè)計的興起與發(fā)展，并不是偶然的，而是多種因素共同作用的結(jié)果，其核心原因主要包括以下幾個方面：
1.4.1 用戶需求的升級：從功能滿足到情感追求
隨著科技的發(fā)展、物質(zhì)的豐富，用戶的需求已經(jīng)發(fā)生了根本性的變化，從早期的“功能滿足”，逐漸升級為“情感追求”。
在過去，物質(zhì)匱乏，用戶選擇產(chǎn)品的核心標(biāo)準(zhǔn)是“能用”，只要產(chǎn)品能夠滿足基本的功能需求，就能夠被用戶接受；而現(xiàn)在，物質(zhì)豐富，同類產(chǎn)品的功能差異逐漸縮小，用戶在選擇產(chǎn)品時，不再僅僅關(guān)注“能不能用”，更關(guān)注“用得爽不爽”“有沒有共鳴”“能不能滿足我的情感需求”。
比如，在手機(jī)市場，早期的手機(jī)，只要能夠通話、發(fā)短信，就能夠滿足用戶的需求；而現(xiàn)在，手機(jī)的功能已經(jīng)非常完善，通話、發(fā)短信、上網(wǎng)、拍照、娛樂等功能，幾乎所有手機(jī)都具備，用戶在選擇手機(jī)時，會更加關(guān)注手機(jī)的外觀設(shè)計、交互體驗、情感傳遞，比如，有些用戶喜歡蘋果手機(jī)的簡約、高端，有些用戶喜歡華為手機(jī)的科技、愛國情懷，有些用戶喜歡小米手機(jī)的性價比、年輕化，這些都是用戶情感需求的體現(xiàn)。
用戶需求的升級，是情感化設(shè)計興起的核心動力，它推動了設(shè)計行業(yè)從“功能導(dǎo)向”向“情感導(dǎo)向”的轉(zhuǎn)型，讓情感化設(shè)計成為產(chǎn)品研發(fā)的核心理念之一。
1.4.2 科技的發(fā)展：為情感化設(shè)計提供技術(shù)支撐
科技的飛速發(fā)展，尤其是互聯(lián)網(wǎng)、移動互聯(lián)網(wǎng)、人工智能、大數(shù)據(jù)等技術(shù)的發(fā)展，為情感化設(shè)計提供了強(qiáng)大的技術(shù)支撐，讓情感化設(shè)計的實現(xiàn)變得更加容易、更加精準(zhǔn)。
在互聯(lián)網(wǎng)、移動互聯(lián)網(wǎng)出現(xiàn)之前，實體產(chǎn)品的情感化設(shè)計，主要依賴于外觀、色彩、造型等視覺與觸覺元素，受技術(shù)限制，情感化設(shè)計的表達(dá)形式比較單一，無法實現(xiàn)個性化、精準(zhǔn)化的情感傳遞；而互聯(lián)網(wǎng)、移動互聯(lián)網(wǎng)的出現(xiàn)，讓產(chǎn)品的情感化設(shè)計有了更多的表達(dá)形式，比如，交互反饋、動畫效果、內(nèi)容設(shè)計、社交互動等，能夠更好地傳遞情感，引發(fā)用戶共鳴。
人工智能、大數(shù)據(jù)技術(shù)的發(fā)展，進(jìn)一步提升了情感化設(shè)計的精準(zhǔn)度與個性化水平。
通過大數(shù)據(jù)分析用戶的行為習(xí)慣、情感偏好、使用場景，設(shè)計師可以深入了解用戶的情感需求，為不同的用戶提供個性化的情感化設(shè)計；通過人工智能技術(shù)，產(chǎn)品可以實現(xiàn)情感識別、情感反饋，能夠根據(jù)用戶的情緒變化，調(diào)整產(chǎn)品的交互方式、內(nèi)容呈現(xiàn)，提供更加貼心、精準(zhǔn)的服務(wù)，讓用戶感受到“被理解、被重視”。
1.4.3 市場競爭的加劇：情感化成為產(chǎn)品差異化競爭的關(guān)鍵
隨著市場競爭的日益加劇，同類產(chǎn)品的功能、性能、價格差異逐漸縮小，產(chǎn)品的差異化競爭，逐漸從“功能差異化”轉(zhuǎn)向“情感差異化”。
在激烈的市場競爭中，只有那些能夠滿足用戶情感需求、與用戶產(chǎn)生深度共鳴的產(chǎn)品，才能夠脫穎而出，建立用戶忠誠度，占據(jù)市場優(yōu)勢。
比如，在飲料市場，可口可樂與百事可樂的功能差異非常小，都是碳酸飲料，能夠解渴、提神，但兩者的情感化設(shè)計差異非常明顯：可口可樂傳遞“熱情、快樂、分享”的情感，主打經(jīng)典、懷舊；百事可樂傳遞“年輕、時尚、活力”的情感，主打年輕群體。
正是這種情感化的差異化設(shè)計，讓兩者在激烈的市場競爭中，都占據(jù)了重要的市場份額，擁有大量的忠實用戶。又如，在互聯(lián)網(wǎng)音樂市場，網(wǎng)易云音樂、QQ音樂、酷狗音樂的功能差異也非常小，都能夠播放音樂、下載音樂、推薦音樂，但網(wǎng)易云音樂通過“熱評文化”“私人FM”“每日推薦”等情感化設(shè)計，傳遞“陪伴、理解、共鳴”的情感，與用戶產(chǎn)生深度共鳴，從而在激烈的市場競爭中，脫穎而出，成為很多年輕用戶的首選音樂APP。
1.4.4 設(shè)計理念的進(jìn)化：從“物為本”到“人為本”
設(shè)計理念的不斷進(jìn)化，也是情感化設(shè)計興起的重要原因之一。
早期的設(shè)計理念，是“物為本”，設(shè)計師關(guān)注的是產(chǎn)品的功能、性能、外觀，忽略了“人”的需求，將產(chǎn)品視為“獨立于人的工具”；而隨著設(shè)計行業(yè)的不斷發(fā)展，設(shè)計理念逐漸進(jìn)化為“人為本”，設(shè)計師關(guān)注的是“人”的需求、“人”的感受，將“人”作為設(shè)計的核心，認(rèn)為產(chǎn)品是“為人服務(wù)的”，是“人與世界連接的橋梁”。
“人為本”的設(shè)計理念，強(qiáng)調(diào)設(shè)計要尊重人、理解人、關(guān)愛人，要兼顧人的功能需求與情感需求，要讓產(chǎn)品成為用戶情感的載體、生活的伙伴。
這種設(shè)計理念的進(jìn)化，推動了情感化設(shè)計的興起與發(fā)展，讓情感化設(shè)計成為“人為本”設(shè)計理念的核心體現(xiàn)。
情感化設(shè)計的價值，最終要通過實踐來體現(xiàn)。
在多年的設(shè)計實踐中，國內(nèi)外眾多企業(yè)、設(shè)計師，將情感化設(shè)計的理論（本能層、行為層、反思層）融入產(chǎn)品、空間、服務(wù)的每一個細(xì)節(jié)，打造了眾多經(jīng)典的情感化設(shè)計案例，這些案例覆蓋了互聯(lián)網(wǎng)產(chǎn)品、實體產(chǎn)品、空間設(shè)計、服務(wù)設(shè)計等多個領(lǐng)域，不僅為用戶帶來了良好的體驗，也為企業(yè)帶來了巨大的商業(yè)價值，同時也為后續(xù)的情感化設(shè)計實踐提供了寶貴的參考。
本部分將圍繞情感化設(shè)計的“三層模型”，拆解不同領(lǐng)域的經(jīng)典案例，深入分析每個案例的情感化設(shè)計邏輯、實現(xiàn)方法、落地效果，讓讀者直觀感受情感化設(shè)計的魅力與價值，掌握情感化設(shè)計的實踐技巧。
互聯(lián)網(wǎng)產(chǎn)品（APP、網(wǎng)站、軟件等）是情感化設(shè)計應(yīng)用最廣泛、最成熟的領(lǐng)域，因為互聯(lián)網(wǎng)產(chǎn)品的核心是用戶體驗，而情感化設(shè)計正是提升用戶體驗的關(guān)鍵手段。
互聯(lián)網(wǎng)產(chǎn)品的情感化設(shè)計，主要體現(xiàn)在本能層（視覺設(shè)計、動畫效果）、行為層（交互流程、功能設(shè)計、反饋設(shè)計）、反思層（內(nèi)容設(shè)計、社交互動、品牌傳遞）三個方面，三者相互結(jié)合，打造出有溫度、有情感、有共鳴的產(chǎn)品體驗。
2.1.1 案例一：微信——國民級APP的情感化設(shè)計精髓
微信，作為中國國民級的社交APP，擁有超過10億的用戶，其成功不僅在于強(qiáng)大的功能（社交、支付、辦公、娛樂等），更在于其細(xì)膩、貼心的情感化設(shè)計，微信的每一個細(xì)節(jié)，都融入了情感化元素，讓用戶在使用過程中感受到溫暖、親切、舒適，從而建立了強(qiáng)烈的用戶忠誠度。
1. 本能層設(shè)計：簡約、干凈、親切，打造舒適的視覺體驗
微信的本能層設(shè)計，遵循“簡約、干凈、親切”的原則，視覺設(shè)計簡潔大方，色彩柔和，造型簡約，讓用戶在看到微信的第一眼，就能夠產(chǎn)生舒適、愉悅的情感。
首先，在色彩設(shè)計上，微信的主色調(diào)是綠色，綠色象征著自然、健康、和諧、親切，能夠緩解用戶的視覺疲勞，傳遞溫暖、舒適的情感，與微信“連接人與人、連接生活”的核心定位相契合；微信的界面背景，采用白色作為主背景，簡潔干凈，沒有多余的裝飾，讓用戶的視覺注意力能夠集中在核心內(nèi)容上，降低視覺負(fù)荷。
其次，在圖標(biāo)設(shè)計上，微信的圖標(biāo)設(shè)計簡約大方，造型圓潤，沒有鋒利的棱角，傳遞親切、溫和的情感。
比如，微信的啟動圖標(biāo)，是一個綠色的對話氣泡，氣泡內(nèi)有兩個白色的小人，象征著“人與人的對話、人與人的連接”，簡潔明了，又充滿情感；微信內(nèi)部的功能圖標(biāo)（如微信、通訊錄、發(fā)現(xiàn)、我），設(shè)計簡約，造型統(tǒng)一，色彩協(xié)調(diào)，讓用戶能夠快速識別，同時也能夠感受到視覺上的舒適。
再次，在動畫設(shè)計上，微信的動畫效果細(xì)膩、流暢，沒有夸張的特效，卻能夠傳遞出親切、自然的情感。
比如，微信的啟動動畫，是一個孤獨的小人，望著藍(lán)色的地球，這個動畫雖然簡單，卻傳遞出“連接、陪伴”的情感——無論你身在何方，微信都能夠讓你與遠(yuǎn)方的親人、朋友保持連接，不再孤獨；
微信的消息提示動畫，是一個簡單的震動+氣泡彈出，細(xì)膩柔和，既能夠提醒用戶有新消息，又不會打擾到用戶，傳遞貼心的情感；微信的轉(zhuǎn)賬、紅包動畫，采用紅色作為主色調(diào)，搭配簡單的動畫效果，傳遞喜慶、快樂的情感，契合中國人的情感習(xí)慣。
2. 行為層設(shè)計：流暢、易用、貼心，打造高效的交互體驗
微信的行為層設(shè)計，遵循“流暢、易用、貼心”的原則，優(yōu)化交互流程，簡化操作步驟，提供及時的反饋，讓用戶在使用微信的過程中，能夠快速上手、高效操作，感受到輕松、愉悅，避免產(chǎn)生煩躁、焦慮等負(fù)面情感。
首先，在交互流程設(shè)計上，微信的交互流程簡潔清晰，沒有復(fù)雜的操作步驟，用戶能夠快速找到自己需要的功能，完成相應(yīng)的操作。
比如，發(fā)送消息的流程，只需點擊聯(lián)系人、輸入文字、點擊發(fā)送，三步即可完成，簡單易用；轉(zhuǎn)賬、發(fā)紅包的流程，也非常簡潔，只需點擊相應(yīng)的功能、輸入金額、確認(rèn)發(fā)送，即可完成，讓用戶能夠快速完成操作，節(jié)省時間。
其次，在功能設(shè)計上，微信的功能設(shè)計非常貼心，能夠精準(zhǔn)捕捉用戶的使用場景與情感需求，解決用戶的實際問題，同時傳遞溫暖的情感。
比如：
微信的“語音消息”功能，允許用戶發(fā)送語音，無需打字，既方便了那些不擅長打字、或者不方便打字的用戶（如老人、開車的用戶），又能夠讓用戶感受到“面對面交流”的溫暖，傳遞陪伴的情感；
微信的“視頻通話”功能，支持實時視頻，讓用戶能夠與遠(yuǎn)方的親人、朋友“見面”，緩解思念之情，傳遞連接的情感；
微信的“收藏”功能，允許用戶收藏自己喜歡的文章、圖片、視頻、語音等，方便后續(xù)查看，傳遞“貼心、實用”的情感；微信的“免打擾”功能，允許用戶設(shè)置免打擾時段，避免被消息打擾，尊重用戶的個人空間，傳遞尊重的情感。
再次，在反饋設(shè)計上，微信的反饋設(shè)計及時、細(xì)膩，能夠讓用戶清晰地知道自己的操作是否成功，傳遞安心的情感。比如，發(fā)送消息后，會顯示“發(fā)送成功”的提示，同時消息氣泡會變成灰色，讓用戶知道消息已經(jīng)發(fā)送成功；
轉(zhuǎn)賬、發(fā)紅包后，會顯示“轉(zhuǎn)賬成功”“紅包已發(fā)出”的提示，同時會有相應(yīng)的動畫反饋，讓用戶知道操作已經(jīng)完成；
如果操作失敗（如網(wǎng)絡(luò)異常、金額錯誤），會顯示清晰的錯誤提示，同時給出相應(yīng)的解決方法，緩解用戶的煩躁情緒，傳遞貼心的情感。
3. 反思層設(shè)計：連接、陪伴、共鳴，打造深度的情感認(rèn)同
微信的反思層設(shè)計，核心是“連接、陪伴、共鳴”，通過賦予微信特定的意義、文化內(nèi)涵，讓用戶在使用微信的過程中，能夠感受到微信所傳遞的情感、價值觀，從而產(chǎn)生深度的情感共鳴與心理認(rèn)同，將微信視為自己生活中不可或缺的一部分。
首先，在社交互動設(shè)計上，微信通過多種方式，促進(jìn)人與人之間的連接，傳遞陪伴、溫暖的情感，讓用戶獲得歸屬感。
比如，微信的“朋友圈”功能，允許用戶分享自己的生活、心情、感悟，同時也能夠查看好友的動態(tài)，點贊、評論，促進(jìn)好友之間的互動與交流，讓用戶感受到“被關(guān)注、被重視”；
微信的“群聊”功能，允許用戶創(chuàng)建群聊，邀請好友加入，方便好友之間的集體交流，傳遞“團(tuán)圓、陪伴”的情感，比如，家庭群、同學(xué)群、同事群，讓用戶能夠與自己關(guān)心的人保持緊密的聯(lián)系，獲得歸屬感；
微信的“拜年紅包”“節(jié)日祝福”功能，契合中國人的節(jié)日情感習(xí)慣，讓用戶在節(jié)日期間，能夠向親人、朋友傳遞祝福，增進(jìn)感情，傳遞溫暖、喜慶的情感。
其次，在內(nèi)容設(shè)計上，微信通過“公眾號”“視頻號”“小程序”等功能，為用戶提供豐富、有價值的內(nèi)容，同時傳遞積極、正向的價值觀，讓用戶在使用微信的過程中，能夠獲得情感共鳴與精神滿足。
比如：
再次，在品牌傳遞上，微信的品牌定位是“連接人與人，連接人與生活”，通過多年的情感化設(shè)計與品牌傳播，微信已經(jīng)成為“連接”“陪伴”的象征，讓用戶在使用微信的過程中，能夠感受到微信所傳遞的“溫暖、連接、包容”的價值觀，從而產(chǎn)生深度的品牌認(rèn)同。
比如：
微信的廣告語“微信，是一個生活方式”，傳遞了微信與用戶生活的深度融合，讓用戶意識到，微信不僅僅是一個社交工具，更是自己生活的一部分，是陪伴自己的伙伴；
微信的公益活動（如微信公益、騰訊公益），傳遞了社會責(zé)任與愛心，讓用戶在使用微信的過程中，能夠感受到自己的價值，產(chǎn)生自豪感與認(rèn)同感。
案例總結(jié)
微信的情感化設(shè)計，是本能層、行為層、反思層三者完美結(jié)合的典范。
微信的成功，證明了情感化設(shè)計的價值——好的情感化設(shè)計，能夠讓產(chǎn)品超越工具屬性，成為用戶生活的伙伴，建立強(qiáng)大的用戶忠誠度，實現(xiàn)商業(yè)價值與情感價值的雙贏。
2.1.2 案例二：網(wǎng)易云音樂——以情感共鳴打造差異化競爭優(yōu)勢
網(wǎng)易云音樂，作為國內(nèi)最具代表性的音樂APP之一，在激烈的市場競爭中，脫穎而出，擁有大量的忠實用戶，其核心競爭力，并不是強(qiáng)大的曲庫（與QQ音樂、酷狗音樂相比，曲庫并沒有絕對優(yōu)勢），而是其獨特的情感化設(shè)計——網(wǎng)易云音樂以“情感”為核心，打造了“陪伴、理解、共鳴”的產(chǎn)品氛圍，讓用戶在使用音樂的過程中，能夠找到情感的慰藉，產(chǎn)生深度的情感共鳴，從而建立了強(qiáng)烈的用戶忠誠度。
1. 本能層設(shè)計：文藝、簡約、有質(zhì)感，打造沉浸式的視覺體驗網(wǎng)易云音樂的本能層設(shè)計，遵循“文藝、簡約、有質(zhì)感”的原則，視覺設(shè)計充滿文藝氣息，色彩柔和，造型簡約，能夠讓用戶在使用過程中，感受到舒適、放松，快速進(jìn)入音樂的氛圍中。
首先，在色彩設(shè)計上，網(wǎng)易云音樂的主色調(diào)是紅色，紅色象征著熱情、溫暖、情感，與網(wǎng)易云音樂“情感共鳴”的核心定位相契合；網(wǎng)易云音樂的界面背景，采用深色作為主背景（夜間模式）或淺色作為主背景（日間模式），深色背景能夠營造沉浸式的音樂氛圍，讓用戶的注意力集中在音樂上，淺色背景則簡潔干凈，緩解視覺疲勞；界面中的文字、圖標(biāo)，色彩協(xié)調(diào)，對比清晰，既保證了視覺的美觀，又保證了可讀性。
在圖標(biāo)設(shè)計上，網(wǎng)易云音樂的圖標(biāo)設(shè)計簡約、有質(zhì)感，充滿文藝氣息。比如，網(wǎng)易云音樂的啟動圖標(biāo)，是一個紅色的唱片，唱片上有白色的音符，象征著音樂、情感，簡約而有質(zhì)感，能夠快速傳遞產(chǎn)品的核心定位；網(wǎng)易云音樂內(nèi)部的功能圖標(biāo)（如發(fā)現(xiàn)、我的、云村、視頻），設(shè)計簡約，造型統(tǒng)一，色彩協(xié)調(diào)，充滿文藝氣息，讓用戶能夠快速識別，同時也能夠感受到視覺上的舒適。
在動畫設(shè)計上，網(wǎng)易云音樂的動畫效果細(xì)膩、流暢，充滿情感，能夠增強(qiáng)產(chǎn)品的沉浸感與情感傳遞。
比如，網(wǎng)易云音樂的播放界面，唱片會隨著音樂的播放而旋轉(zhuǎn)，旋轉(zhuǎn)的速度與音樂的節(jié)奏相契合，讓用戶能夠直觀地感受到音樂的韻律，增強(qiáng)沉浸感；
網(wǎng)易云音樂的切換歌曲動畫，簡潔流暢，沒有多余的特效，卻能夠傳遞出自然、舒適的情感；
網(wǎng)易云音樂的“心動模式”動畫，采用紅色的愛心作為核心元素，搭配細(xì)膩的動畫效果，傳遞溫暖、浪漫的情感，契合用戶的情感需求。
2. 行為層設(shè)計：流暢、易用、貼心，打造個性化的音樂體驗
網(wǎng)易云音樂的行為層設(shè)計，遵循“流暢、易用、貼心”的原則，優(yōu)化交互流程，簡化操作步驟，提供個性化的功能與反饋，讓用戶在使用音樂的過程中，能夠快速上手、高效操作，獲得個性化、舒適的音樂體驗。
首先，在交互流程設(shè)計上，網(wǎng)易云音樂的交互流程簡潔清晰，沒有復(fù)雜的操作步驟，用戶能夠快速找到自己需要的功能，完成相應(yīng)的操作。比如，搜索歌曲的流程，只需點擊搜索框、輸入歌曲名稱、點擊搜索，三步即可完成，簡單易用；播放歌曲的流程，只需點擊歌曲名稱，即可開始播放，同時，播放界面的操作按鈕（暫停、播放、上一首、下一首、音量調(diào)節(jié)）布局合理，操作便捷，讓用戶能夠快速調(diào)整播放狀態(tài)。
在功能設(shè)計上，網(wǎng)易云音樂的功能設(shè)計非常貼心，能夠精準(zhǔn)捕捉用戶的音樂需求與情感需求，提供個性化的音樂服務(wù)，傳遞溫暖、貼心的情感。
比如，網(wǎng)易云音樂的“每日推薦”功能，通過大數(shù)據(jù)分析用戶的聽歌習(xí)慣、情感偏好，為用戶推薦符合自己口味的歌曲，每天推薦的歌曲都不一樣，讓用戶感受到“被理解、被重視”，傳遞陪伴的情感；
網(wǎng)易云音樂的“私人FM”功能，根據(jù)用戶的聽歌習(xí)慣，自動播放歌曲，無需用戶手動操作，讓用戶能夠輕松享受音樂，緩解疲勞，傳遞貼心的情感；
網(wǎng)易云音樂的“心動模式”功能，能夠根據(jù)用戶喜歡的歌曲，推薦相似風(fēng)格的歌曲，同時，點擊愛心按鈕，即可收藏歌曲，傳遞浪漫、溫暖的情感；
網(wǎng)易云音樂的“歌詞翻譯”“歌詞滾動”功能，讓用戶能夠更好地理解歌曲的含義，享受音樂的魅力，傳遞貼心的情感。
在反饋設(shè)計上，網(wǎng)易云音樂的反饋設(shè)計及時、細(xì)膩，充滿情感，能夠讓用戶清晰地知道自己的操作是否成功，同時感受到溫暖、貼心的情感。
比如，收藏歌曲后，會顯示“已收藏”的提示，同時愛心圖標(biāo)會變成紅色，讓用戶知道歌曲已經(jīng)收藏成功；下載歌曲后，會顯示“下載成功”的提示，讓用戶知道歌曲已經(jīng)下載完成；
如果操作失敗（如網(wǎng)絡(luò)異常、歌曲無法播放），會顯示清晰的錯誤提示，同時給出相應(yīng)的解決方法，緩解用戶的煩躁情緒，傳遞貼心的情感；
此外，網(wǎng)易云音樂的播放反饋，會根據(jù)音樂的節(jié)奏，顯示相應(yīng)的歌詞滾動與唱片旋轉(zhuǎn)，讓用戶能夠直觀地感受到音樂的韻律，增強(qiáng)沉浸感與情感體驗。
3. 反思層設(shè)計：共鳴、陪伴、認(rèn)同，打造有溫度的音樂社區(qū)
網(wǎng)易云音樂的反思層設(shè)計，是其情感化設(shè)計的核心，也是其差異化競爭的關(guān)鍵。
網(wǎng)易云音樂通過打造“云村”社區(qū)、“熱評文化”等，讓用戶在使用音樂的過程中，能夠找到情感的共鳴，獲得陪伴與理解，從而產(chǎn)生深度的情感認(rèn)同與品牌忠誠度。
首先，在“熱評文化”設(shè)計上，網(wǎng)易云音樂的“熱評”是其最具代表性的情感化設(shè)計，也是用戶情感共鳴的核心載體。
每一首歌曲的評論區(qū)，都有大量的用戶留言，這些留言，有的是用戶的心情感悟、有的是用戶的故事、有的是用戶的思念與祝福，真實而真摯，能夠戳中用戶的內(nèi)心，引發(fā)用戶的情感共鳴。
比如，很多用戶在聽到傷感的歌曲時，會在評論區(qū)留言自己的傷心事，其他用戶會在評論區(qū)安慰、鼓勵，形成一種“相互陪伴、相互理解”的氛圍；很多用戶在聽到溫暖的歌曲時，會在評論區(qū)留言自己的幸福事，分享自己的快樂，讓其他用戶也能夠感受到快樂。
網(wǎng)易云音樂的“熱評”設(shè)計，不僅讓用戶能夠表達(dá)自己的情感，還能夠讓用戶找到志同道合的人，獲得歸屬感與陪伴感。
此外，網(wǎng)易云音樂還會將優(yōu)質(zhì)的熱評，展示在歌曲的播放界面，讓更多的用戶看到，引發(fā)更多的情感共鳴；同時，網(wǎng)易云音樂還會舉辦“熱評征集”活動，鼓勵用戶留言，進(jìn)一步強(qiáng)化“熱評文化”，傳遞陪伴、理解、共鳴的情感。
其次，在“云村”社區(qū)設(shè)計上，網(wǎng)易云音樂打造了“云村”社區(qū)，讓用戶能夠圍繞音樂，進(jìn)行更深入的社交互動，傳遞陪伴、共鳴的情感。
“云村”社區(qū)涵蓋了“動態(tài)、Mlog、歌單、話題”等多個板塊，用戶可以在“云村”發(fā)布自己的動態(tài)、Mlog，分享自己的音樂感悟、生活故事；可以創(chuàng)建歌單，分享自己喜歡的歌曲，與其他用戶交流音樂心得；可以參與話題討論，圍繞音樂、情感等話題，與其他用戶交流互動，找到志同道合的人，獲得歸屬感。
比如，“云村”的“每日話題”，每天都會推出一個與情感、音樂相關(guān)的話題（如“你聽過最治愈的一首歌”“用一首歌形容你的今天”），鼓勵用戶參與討論，分享自己的故事與感悟，引發(fā)用戶的共鳴。
轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理
蘭亭妙微（藍(lán)藍(lán)設(shè)計）www.payeee.cn 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
在接觸和學(xué)習(xí) UI 設(shè)計的時候，我們都必須面對國內(nèi)外 UI 設(shè)計風(fēng)格差異巨大的問題。比如最近 618，相信大家沒少被國產(chǎn)應(yīng)用的廣告“親切的”問候。
一方面是尋找設(shè)計靈感時要做區(qū)分，另一方面則是我們學(xué)習(xí) UI 時看的書籍，學(xué)習(xí)的理論、規(guī)范，都是由西方國家產(chǎn)出的，而國內(nèi)設(shè)計的方向卻和它們背道而馳，用一個詞來形容現(xiàn)狀，那就是 —— 割裂。
所以在初學(xué)階段，理論學(xué)的越多，受到的沖擊也就越大，疑問也就越多。所以我們今天的目標(biāo)，就是來幫大家解答這個疑問。
當(dāng)我們研究國內(nèi)外 UI 設(shè)計的差異時，樣式上的差異只是表象，它們是由更深層次的因素所激發(fā)，所以我們首先要深究這些問題的根源。
根據(jù)過去十幾年的 UI 研究經(jīng)驗，我總結(jié)的設(shè)計差異包含下面這些因素：
1. 盈利模式的差異
國外產(chǎn)品相對國內(nèi)的盈利模式相對簡單、健康，排除掉大型平臺和其它服務(wù)配套應(yīng)用外（比如會員、硬件的配套），基本就是買斷、訂閱、廣告這三個途徑。
比如我們熟悉的 Figma、Canva、Notion 等，都是訂閱制服務(wù)，在產(chǎn)品具備足夠競爭力的條件下發(fā)展出海量的付費用戶，獲得巨大的收益和估值（團(tuán)隊只有一兩百人時估值過百億刀）。既然做好產(chǎn)品就能盈利，那這些產(chǎn)品的目標(biāo)自然是打造更好的產(chǎn)品和提供更好的服務(wù)或體驗來獲得收益。
而國內(nèi)市場我們都知道，用戶付費的意愿是非常非常低的，這就導(dǎo)致很多產(chǎn)品即使做的還不錯也看不到盈利希望，尤其是大廠產(chǎn)品，比如迅雷，百度網(wǎng)盤，網(wǎng)易云等等。
靠基礎(chǔ)付費模式做不出讓人滿意的營收，產(chǎn)品團(tuán)隊自然要使出渾身解數(shù)來找到盈利點，不管是增加一些奇怪的功能，還是制造各種營銷活動。而這些嘗試想要獲得持續(xù)的盈利是非常困難的，所以就得一直想，一直嘗試，一直投放。
雖然吃相往往看上去很難看，但不這么做就會“暴斃”，而這么做至少還可以“茍延殘喘”，為了生存和盈利，產(chǎn)品團(tuán)隊做出什么離奇的操作都能做出來。
這里還要澄清一點，有很多優(yōu)秀的工具產(chǎn)品不是國內(nèi)做不出來，是做出來也很難盈利，所以有能力的團(tuán)隊和開發(fā)者是不會輕易往火坑里跳的。
2. 人工成本的差異
第二點就是國內(nèi)外人工成本上的巨大差異，發(fā)達(dá)國家的人工成本非常高昂，不只局限在產(chǎn)品開發(fā)團(tuán)隊的成本，還包括底層運營、客服、銷售、業(yè)務(wù)員、快遞員等等。
而產(chǎn)品的衍生業(yè)務(wù)往往要借助大量的底層勞力，比如京東做外賣服務(wù)，得有充沛的、廉價的騎手作為依托才辦得起來，而這在發(fā)達(dá)西方國家是難以想象的。比如最近經(jīng)常討論的為什么日本線下購物市場還很繁榮，線上發(fā)展不起來。主要原因之一就是快遞員的成本差了好幾倍，做不出即廉價又便捷的網(wǎng)購體驗。
加上西方國家對雇傭關(guān)系的保護(hù)，招人容易，裁員可就沒有那么簡單，所以多數(shù)產(chǎn)品團(tuán)隊對擴(kuò)張都持非常謹(jǐn)慎的態(tài)度。人數(shù)少，又不能輕易搞 996，就大大限制了產(chǎn)品作妖的范圍，這就直接導(dǎo)致他們沒有人力做一大堆次要功能的迭代以及運營活動，設(shè)計需求自然也會低很多。
3. 用戶習(xí)慣的差異
最后一點，就是用戶習(xí)慣的差異。除了前面說的付費意愿低以外，還有很多其它因素。其中在我看來影響最大的因素，就是國內(nèi)用戶對互聯(lián)網(wǎng)的依賴是遠(yuǎn)高于國外用戶的。
國內(nèi)的移動互聯(lián)網(wǎng)行業(yè)爆發(fā)并不僅僅是局限在互聯(lián)網(wǎng)行業(yè)里，而是把觸手拓展到各行各業(yè)，用贏學(xué)的角度來講甚至它還大幅度完善了政府基建和民生服務(wù)。我們今天繳納水電費，辦理銀行卡通過線上就能完成，而很多發(fā)達(dá)國家甚至到今天還要你去營業(yè)廳手寫填表。
并且互聯(lián)網(wǎng)產(chǎn)品已經(jīng)成為我們購物、娛樂的重要載體，大量的決策、交易、娛樂是在上面進(jìn)行的。既然用戶習(xí)慣和粘性都成型了，離不開這些產(chǎn)品了，那么“適當(dāng)損害”一下用戶體驗也不是不可以。尤其是大廠各類離奇的功能和運營活動可以輪番轟炸用戶，同時把用戶對這類負(fù)面操作的耐受度都拉高了。
既然用戶都適應(yīng)了，那么為什么還要“裝清高”，做個簡約的、有原則的、有尊嚴(yán)的產(chǎn)品？當(dāng)然是加入到運營的狂歡里和其它產(chǎn)品一起壓榨用戶的注意力，像孔雀開屏一樣，在最雞肋的器官上比劃……
以上三點，就是造成國內(nèi)外設(shè)計差異的根本因素。最早國內(nèi)產(chǎn)品的設(shè)計是和國外看齊的，但隨著市場的反饋和驗證，我們最終走出了自己的道路。這是商業(yè)的選擇，而不是簡單歸因給審美、民族、文化、消費力的限制。
不管創(chuàng)業(yè)者抱著什么樣的想法，進(jìn)入這個牌桌以后，最終都會被市場調(diào)教成相同的模樣。
作為 UI 設(shè)計師來說，也不要認(rèn)為這是錯誤的發(fā)展方向，因為這種模式大大增加了 UI 設(shè)計的需求量，間接提供了更多的飯碗。如果產(chǎn)品都按歐美的模式發(fā)展和設(shè)計，那對于國內(nèi) UI 設(shè)計行業(yè)來說真正的天塌了，設(shè)計崗位會銳減 8 成以上，而這是 AI 設(shè)計根本實現(xiàn)不了的破壞力。
有了內(nèi)因，下面再對國內(nèi)外 UI 設(shè)計的具體差異做對應(yīng)的拆解，幫助大家更好理解國內(nèi)市場的設(shè)計特征。
1. 中英文字形排版差異
第一個差異，就是中英文的字體形態(tài)差異。中文文字是方塊化等寬的，而英文字母則是大小長短不一，詞組長度更長，節(jié)奏感更強(qiáng)。所以英文設(shè)計中，往往會將字體作為一部分融入到排版中，豐富視覺觀感。
而中文設(shè)計中文字的節(jié)奏感較弱，文本的主要作用基本就是傳遞信息，所以只用中文排版很難出現(xiàn)英文的相同效果，就會促使設(shè)計師添加更多的內(nèi)容，來豐富界面的效果。
2. 運營需求的平面視覺
第二個差異，就是運營設(shè)計上的差異。歐美產(chǎn)品中運營活動不是沒有，但是數(shù)量少，而且往往在設(shè)計上也做的很隨意，說好聽點叫簡約，說難聽點就是敷衍。
而國內(nèi)運營活動數(shù)量多，且投入精力更大，運營的設(shè)計是沒有限制的，可以用上廣告平面的所有視覺手段，不管是插畫還是 3D、AI、擬物、攝影。大團(tuán)隊往往會配置平面設(shè)計師完成這部分工作，小公司就要 UI 設(shè)計師自己負(fù)責(zé)，所以沒有固定的設(shè)計要求，水平之間差距也巨大。
運營設(shè)計的差異，源自國內(nèi)廣告設(shè)計方向的特色，從早年追求隱喻、創(chuàng)意的合成設(shè)計，到現(xiàn)在追求視覺沖擊力的大標(biāo)題、大色塊設(shè)計。
而國內(nèi)運營設(shè)計在今天絕不只出現(xiàn)在一般廣告位中，會見縫插針到所有元素中，比如頁面頂部、二樓、膠囊、圖標(biāo)區(qū)、瓷片區(qū)、底部導(dǎo)航等等。
3. 字段和信息數(shù)量差異
國內(nèi)有大量產(chǎn)品的功能和服務(wù)都更完善，這也就催生了更多的信息量和交互需求，單一頁面、組件的信息量、交互、狀態(tài)就遠(yuǎn)遠(yuǎn)比國外產(chǎn)品多。
這就導(dǎo)致我們在設(shè)計時要考慮這些復(fù)雜的情況，需要設(shè)計師做具體的業(yè)務(wù)分析整理字段，還需要做大量的稿件做測試和評審。
不像國外很多簡單的產(chǎn)品內(nèi)容就那么點，可以花大量精力去搞用研或者測試，在這種情況下光是完成產(chǎn)品需求就很困難，更遑論圍繞那么海量的內(nèi)容做用研也是很麻煩的。
所以國內(nèi)團(tuán)隊雖然會強(qiáng)調(diào)體驗，但實際設(shè)計過程中必然業(yè)務(wù)優(yōu)先，體驗更多是圍繞業(yè)務(wù)的優(yōu)化和改進(jìn)。所以作品集表現(xiàn)上業(yè)務(wù)的權(quán)重是非常高的，絕對不是學(xué)習(xí)國外的項目包裝邏輯堆砌體驗和用研內(nèi)容。
4. 品牌視覺特征的差異
在國內(nèi)激烈的競爭環(huán)境中，建立品牌化的視覺感知就是每個產(chǎn)品都要認(rèn)真對待的事情。但本身產(chǎn)品內(nèi)容、信息量就已經(jīng)很大了，要實現(xiàn)品牌化的視覺輸出就沒辦法走傳統(tǒng)品牌的“意識流”路線，使用簡單的配色和大量的留白。
同時，UI 的組件樣式又高度統(tǒng)一，使用常規(guī)樣式完成的設(shè)計是很難塑造品牌化視覺的。所以最終的解決方案，就是給組件增加更多樣式細(xì)節(jié)，通過局部的創(chuàng)意來塑造視覺上的差異，同時再和其它應(yīng)用做出區(qū)分。
于是，主流產(chǎn)品就陷入這種樣式上的競賽，非常高頻的更新組件和視覺的設(shè)計，希望做出和別人不同的設(shè)計同時又有自己的特點。
這種現(xiàn)狀不能說是消極的，因為它確實推動了整個 UI 行業(yè)視覺的發(fā)展，但對 UI 設(shè)計師的視覺素養(yǎng)要求也就更高。所以今天國內(nèi)的中高級 UI 設(shè)計師，轉(zhuǎn)入國外 UI 市場以后都能實現(xiàn)降維打擊，就是因為市場的要求對自身的磨練遠(yuǎn)比外部市場高。
基于以上的差異，可以說在國內(nèi)做 UI 和和在國外做 UI 是兩種難度，要學(xué)習(xí)和訓(xùn)練的方式也完全不同。作為 UI 設(shè)計師要懂得理解背后的成因，并不會無腦迷信國外的設(shè)計要求和標(biāo)準(zhǔn)，才可以幫助我們更好融入真實的工作。
結(jié)尾再說點有趣的問題，從我們之前學(xué)員到國外工作的反饋來看，雖然國內(nèi)設(shè)計容易被嫌棄，但是從設(shè)計質(zhì)量和輸出上已經(jīng)遠(yuǎn)超歐美的平均水平。
而他們的設(shè)計師多數(shù)還在劃水搞一些無關(guān)痛癢的體驗和用研時，我們在解決更復(fù)雜的商業(yè)問題，如果有機(jī)會，建議你們也可以去卷國外的 UI，會有你們想象不到的優(yōu)勢。
轉(zhuǎn)載：優(yōu)設(shè)
蘭亭妙微（藍(lán)藍(lán)設(shè)計）www.payeee.cn 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
現(xiàn)在 AI 產(chǎn)品這么多，作為 UIUX 設(shè)計師，我到底應(yīng)該使用哪一款？
Figma Make、Gemini、Claude Code、Codex，每一款產(chǎn)品看上去都能生成內(nèi)容、寫代碼、做頁面。
但真正深度使用過后，你會發(fā)現(xiàn)：它們擅長解決的問題并不相同。
蘭亭妙微UI設(shè)計：今天，我們就站在 UIUX 設(shè)計師的真實工作流程中，聊聊每一款產(chǎn)品的能力邊界，以及究竟應(yīng)該如何選擇。AI 產(chǎn)品更新很快，后續(xù)能力仍然會不斷變化。
在對比之前，我們需要先明確一件事：
AI 產(chǎn)品不是功能越多越好，而是要看它能否進(jìn)入你的真實工作流程。
比如，我要寫一篇公眾號文章、整理用戶訪談，這和我要搭建一個復(fù)雜的頁面 Demo，完全是兩種任務(wù)。
如果沒有理解差別，我們就很容易陷入一個誤區(qū)：
今天看到別人用 Claude Code，我就去折騰 Claude Code；明天發(fā)現(xiàn) Figma Make 更新了，又把所有流程搬回 Figma。
工具收藏了一堆，最后真正工作時依舊不知道應(yīng)該打開哪一個。
那對于 UIUX 設(shè)計師而言，我們應(yīng)該重點關(guān)注哪些問題？
接下來，我們逐個拆解。
如果你本身就在使用 Figma，又不想折騰復(fù)雜配置，那么 Figma Make 應(yīng)該是最容易開始的工具。
它最大的優(yōu)勢在于：距離設(shè)計師原本的工作環(huán)境足夠近。
你只需要在 Figma Make 中通過對話，就可以創(chuàng)建交互原型、Web 頁面和功能 Demo。
同時，它支持將現(xiàn)有設(shè)計稿、競品截圖、產(chǎn)品文檔和圖片素材作為參考內(nèi)容。比如，你可以丟給它一張競品截圖，讓它參考頁面布局、顏色和內(nèi)容結(jié)構(gòu)，生成一個相近的頁面。
如果公司已經(jīng)有相對成熟的設(shè)計系統(tǒng)，還可以通過 Make Kits 引入組件、變量、樣式和使用規(guī)則，讓生成結(jié)果更接近團(tuán)隊規(guī)范。
不過，這里大家需要留意：
接入設(shè)計系統(tǒng)，不代表生成結(jié)果一定正確。
特別是復(fù)雜業(yè)務(wù)頁面，仍然需要設(shè)計師反復(fù)檢查信息結(jié)構(gòu)、組件使用和交互邏輯。競品截圖也只能作為參考，并不等于可以像素級還原。
這里稍微多說一點，現(xiàn)如今很多設(shè)計師都非常依賴 AI 工具，根本不用自己去做設(shè)計，但從來沒有思考過 AI 生成的結(jié)果是否正確。比如今天有同學(xué)來咨詢一個小的問題，在AI生成的頁面中，他沒有做任何的思考，直接使用結(jié)果導(dǎo)致提案失敗，所以我們現(xiàn)在是需要具備判斷能力的。
所以，F(xiàn)igma Make 更適合：
在我的日常使用中，Gemini 更多承擔(dān)的是“內(nèi)容助手”的角色。
它支持較長的上下文，也具備文本、圖片、音頻和視頻等多模態(tài)理解能力。
因此，無論是閱讀行業(yè)報告、分析競品資料、整理訪談記錄，還是拆解一段視頻內(nèi)容，它都非常合適。
在我自己的工作流里，無論是視頻文案、公眾號文章，還是課程資料，我都會使用 Gemini 做初步整理和潤色。
從個人體驗來看，它在表達(dá)層面會更自然一些，也更適合處理較長的文本內(nèi)容。
不過，如果你的目標(biāo)是直接修改 Figma 頁面，或者搭建一套完整的設(shè)計工程化流程，它并不是第一選擇。
Gemini 更適合：
Claude Code 的定位相對明確：
它首先是一款面向工程任務(wù)的代碼智能體。
如果你需要理解復(fù)雜項目、梳理代碼結(jié)構(gòu)、定位 Bug，或者將一個頁面 Demo 做得更加穩(wěn)定，那么 Claude Code 會是非常不錯的選擇。
它能夠讀取項目文件、執(zhí)行命令、修改代碼，也可以通過 MCP 連接 Figma、Google Drive、Slack 等外部工具。
所以，Claude Code 并不是不能接入 Figma，而是它的重心依舊偏向工程實現(xiàn)。
在我的使用體驗中，如果任務(wù)涉及復(fù)雜代碼邏輯、項目級修改和穩(wěn)定落地，我會優(yōu)先考慮 Claude Code。
但如果目標(biāo)是生成圖片素材、調(diào)整視覺風(fēng)格，或者希望在設(shè)計工具之間快速往返，它就不是我的第一選擇。
Claude Code 更適合：
最后，我們來聊聊 Codex。
目前在日常輔導(dǎo)中，我更建議 UIUX 設(shè)計師重點嘗試 Codex。
原因不是它在每一個單點能力上都絕對領(lǐng)先，而是：
它能夠把設(shè)計師原本割裂的工作流程串聯(lián)起來。
首先，Codex 可以通過 Figma MCP 讀取組件、變量、布局和設(shè)計上下文，也可以將代碼頁面重新傳回 Figma，生成可編輯的設(shè)計圖層。
這就意味著，設(shè)計稿與真實頁面之間不再是單向交付，而是能夠反復(fù)往返。
其次，Codex 支持圖片生成和迭代修改。
比如頁面缺少圖標(biāo)、插畫、背景圖或者產(chǎn)品素材，你可以直接讓它生成，再根據(jù)頁面效果反復(fù)調(diào)整。
然后，它還支持 Computer Use、應(yīng)用內(nèi)瀏覽器和插件。
這就讓設(shè)計師可以進(jìn)一步串聯(lián)：
需求梳理 -> 頁面生成 -> 素材補(bǔ)充 -> 瀏覽器驗證 -> 設(shè)計走查 -> 繼續(xù)優(yōu)化
比如我們之前講過的設(shè)計驗收，就可以讓 Codex 通過瀏覽器查看真實頁面，再對照設(shè)計稿檢查問題。
當(dāng)然，功能多也意味著使用時需要先想清楚任務(wù)。
Codex 并不是一個“一句話解決所有問題”的魔法工具。你依舊需要明確自己的目標(biāo)，逐步搭建適合自己的工作流。
Codex 更適合：
如果你只是想快速生成原型，可以優(yōu)先使用 Figma Make。
如果你需要整理資料、理解長文本和潤色表達(dá)，可以優(yōu)先使用 Gemini。
如果你要處理復(fù)雜代碼和工程邏輯，可以使用 Claude Code。
如果你希望進(jìn)一步串聯(lián)設(shè)計、代碼、素材和驗收流程，可以重點嘗試 Codex。
其實在我看來，設(shè)計師不需要強(qiáng)行選擇唯一一款 AI 產(chǎn)品。
我自己更常用的方式是：
工具永遠(yuǎn)會不斷更新。
我們真正需要掌握的，不是某一個軟件的固定操作，而是理解它們的能力邊界。
當(dāng)你面對一個新任務(wù)時，能夠快速判斷應(yīng)該使用什么工具，把想法真正落地，這才是 AI 帶給 UIUX 設(shè)計師最重要的價值。
蘭亭妙微（藍(lán)藍(lán)設(shè)計）www.payeee.cn 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
在互聯(lián)網(wǎng)產(chǎn)品日趨成熟的今天，你會發(fā)現(xiàn)所有的App越來越像，似乎是同一套模版設(shè)計出來的產(chǎn)品；而這種普適化的設(shè)計會導(dǎo)致同質(zhì)化嚴(yán)重，使得設(shè)計不精致，產(chǎn)品沒有氣質(zhì)和品牌感。
一個App設(shè)計是否精致，是否富有設(shè)計感，在于它的細(xì)節(jié)，這就意味著我們在進(jìn)行設(shè)計的時候，要從細(xì)微之處著手，從多方面去鉆研如何創(chuàng)造出打動人心的UI設(shè)計。
蘭亭妙微UI設(shè)計公司，總結(jié)了12個簡單直觀的提升設(shè)計感的小細(xì)節(jié)，一起來學(xué)習(xí)。
在對UI 文本進(jìn)行樣式控制的時候，最常見的錯誤莫過于過度依賴字體大小差異來營造對比；單純使用字體大小對比，所營造的對比并不夠，嘗試結(jié)合色彩和字重來營造更好的對比效果。
每種顏色都有一個視覺權(quán)重，這有助于在內(nèi)容中建立層次結(jié)構(gòu)；通過使用顏色的深淺，為元素賦予不同的重要性。
如果可以的話，你甚至可以采用兩到三種顏色：
類似的，在UI設(shè)計的時候，通常兩種不同的字重足以營造出優(yōu)秀的層次感：
▲主標(biāo)題字重為600，其他標(biāo)綠點的文字字重都為400
應(yīng)當(dāng)盡量不要讓正文部分字重低于400，因為這一部分字體本身尺寸已經(jīng)較小，低于400會使得可讀性不佳。
如果你依然需要降低字重，那么不妨讓字體色彩更淺一點，或者替換成其他識別度較強(qiáng)、字重相對較小的字體。
灰色文字在無彩/彩色背景下要分開處理：
不要在有色背景上使用灰色的文本，在白色背景下，將黑色的文本改成灰色（或者在黑色背景下使用灰色文本），是不錯的淡化其視覺效果的做法。
但是在彩色背景下，想要降低和背景色之間的對比，通常有兩種方法：
一是降低白色文本的不透明度；二是讓文本逐步接近背景色，而不是改為灰色。
▲左圖設(shè)計師職位信息為白色文字降低不透明度，右圖為和背景同色相高明度的顏色
其次當(dāng)涉及長篇內(nèi)容時，大面積的深色粗體字會給人一種沉重感，而且很跳躍；通過選擇類似深灰色（#4F4F4F）這樣的顏色可以很容易地解決這個問題，使文字更容易被識別。
選擇一種基礎(chǔ)色，再調(diào)整色調(diào)和顏色深淺來增加均衡；設(shè)計時避免用過多的顏色。如果項目允許，只需使用固定的色板，通過調(diào)整基礎(chǔ)色的飽和度和明度，利用這種簡單的方式為設(shè)計增加一致性。
陰影是UI設(shè)計中最常見的視覺表現(xiàn)手法，它可以增加元素的深度，使其從背景中脫穎而出，引起用戶的注意力，同時也能增強(qiáng)畫面的視覺層次感。
相比于采用大范圍的擴(kuò)散模糊陰影，使用微妙的垂直偏移陰影效果更明顯，更自然，它模擬了最常見的光源特征，光線從上往下照下來所營造的陰影效果。
這種輕柔的陰影呈現(xiàn)出的干凈，增加了畫面的精致；如果陰影的范圍太小或顏色太深，位置也沒有偏移，而是聚集在元素的四周，就會讓畫面更加扁平，讓視覺變得厚重，呈現(xiàn)出不精致的畫面感。
陰影不一定是黑色的，還有一種擴(kuò)算陰影是模擬元素本身的顏色投射在背景上，由于陰影與元素的色調(diào)一致，因此呈現(xiàn)出十分融洽的畫面感。
在UI設(shè)計中，這種手法不宜過多使用，否則呈現(xiàn)出的各種色彩搭配會讓人眼花繚亂。
合格的設(shè)計師能夠繪制風(fēng)格統(tǒng)一的圖標(biāo)，而優(yōu)秀的設(shè)計師能夠創(chuàng)造風(fēng)格獨特的圖標(biāo)。
我們能否在追求大小一致，圓角一致，線寬一致和配色一致的同時，為它的視覺表現(xiàn)力加入更多的創(chuàng)意呢？例如下面這組圖標(biāo)設(shè)計，無論是在圖形上的創(chuàng)新，還是顏色搭配上都呈現(xiàn)出無與倫比的創(chuàng)意。
標(biāo)簽欄作為一個App的全局導(dǎo)航起著至關(guān)重要的作用，它的設(shè)計影響著整個產(chǎn)品的視覺風(fēng)格。
通常，大多數(shù)App都是使用iOS規(guī)范的設(shè)計樣式（默認(rèn)灰色，選中填充品牌色），這樣的設(shè)計太普通，太常見了；要想讓標(biāo)簽欄圖標(biāo)設(shè)計精致和富有個性，可以豐富每一個選中態(tài)圖標(biāo)的視覺表現(xiàn)，例如給圖標(biāo)加上背景和表情，即顯得生動有趣，又增加了用戶的好感，給人留下深刻的印象。
3D立體圖標(biāo)設(shè)計是近幾年來的流行趨勢，看上去十分精致、華麗，但是看久了會讓人產(chǎn)生輕微的視覺疲勞，同時因其復(fù)雜的結(jié)構(gòu)會增加用戶的認(rèn)知成本，一般在外賣美食類應(yīng)用中比較常見。
Tab是App設(shè)計中最常見的控件之一，它源自Material Design的設(shè)計規(guī)范；現(xiàn)在很多iOS產(chǎn)品當(dāng)中也開始使用這種導(dǎo)航欄樣式來進(jìn)行設(shè)計，而原本屬于iOS規(guī)范當(dāng)中的分段選擇器變得不那么常見了。
在視覺表現(xiàn)形式上，Tab和標(biāo)簽欄同樣也分為選中態(tài)和未選態(tài)，它的設(shè)計較為簡單，通常是使用一組文字標(biāo)簽，通過顏色或在標(biāo)簽下加上小長條來區(qū)分兩者的狀態(tài)；因為它簡單，卻越難設(shè)計出彩，要發(fā)揮極大的設(shè)計想象力，跳脫出設(shè)計規(guī)范的限制，才能找到完美的方案。
例如蝦米音樂的Tab選中態(tài)是一段音頻波線，再配合文字的大小對比，一個富有設(shè)計感又符合產(chǎn)品特征的Tabs就被創(chuàng)造出來了。
我們還可以從品牌基因中獲取靈感，品牌作為用戶熟知的形象是個絕佳的來源。
從品牌形象中提取具有獨特氣質(zhì)的視覺富豪作為Tab選中態(tài)的小長條，這樣就建立起視覺上的聯(lián)系，讓用戶產(chǎn)生由內(nèi)而外的一致感受；例如馬蜂窩品牌形象中的微笑符號和飛豬旅行品牌形象中的豬頭都被延伸到Tab的設(shè)計上，既讓界面視覺獨一無二，又進(jìn)一步強(qiáng)化了用戶對品牌形象的認(rèn)知。
在UI設(shè)計中，有許多的裝飾元素，如卡片的邊框、列表的分割線等，雖然邊框，分割線是分隔兩個元素的好辦法，但是它不是唯一的方法；使用過多會讓整個布局的設(shè)計感降低，或多或少都會干擾用戶瀏覽的視線，讓信息內(nèi)容失去注意力，因此可以減少不必要的裝飾元素。
我們可以通過以下幾個方法來劃分元素的視覺層次，讓畫面變得干凈，整齊：
1）使用陰影
陰影同樣可以營造出邊界感，而且相比邊框分割線更加微妙，并不會顯得突兀，不會分散用戶的注意力，讓內(nèi)容更聚焦。
2）使用不同的背景色來區(qū)分
通常，相鄰的元素背景只需要有微妙的差別就能夠讓人對他們進(jìn)行區(qū)分；所以，你所需要做的就是在不同的區(qū)塊采用不同的背景色，并且嘗試刪除分割線，因為你根本不需要它。
3）增加額外的留白
創(chuàng)建元素之間的分離效果，并不一定要通過線框來表現(xiàn)，只要增加留白，讓它們分隔開就行了，通過留白和間距來實現(xiàn)元素分組是UI設(shè)計中的常用手法。
在App中的每一個界面都有許多元素，那些同類的元素應(yīng)保持統(tǒng)一的設(shè)計樣式。
通常個人中心的標(biāo)簽欄圖標(biāo)是一個人形剪影，它代表著用戶，因此可以在展示用戶頭像和用戶形象的界面中延續(xù)使用。
如果圖形擁有獨特的外觀，如橢圓矩形，也可以作為視覺符號的一種，延續(xù)到其他界面中，成為圖形或按鈕的外觀；這樣，整個界面就被統(tǒng)一的設(shè)計元素聯(lián)系起來了，給用戶始終如一的一致感。
選擇符合產(chǎn)品氣質(zhì)的字體，可以與產(chǎn)品的定位相吻合，傳遞給用戶正確的情感意識。
雖然默認(rèn)字體可以滿足大多數(shù)App 的設(shè)計需求，但會出現(xiàn)一個問題就是——系統(tǒng)字體的普適性并沒有什么特色，在一些特定的情境下就顯得收效甚微；例如在運動類App中更適合粗壯的斜體來傳遞力量、爆發(fā)力、速度的感覺，換成系統(tǒng)字體后，整體感覺在氣勢上就變?nèi)趿撕芏唷?/p>
大多數(shù)App都支持三方登陸，他可以減輕用戶注冊的時間成本。
通常是在注冊登陸頁的底部展示第三方圖標(biāo)入口，這也是設(shè)計師最常忽略的內(nèi)容，往往是直接將第三方圖標(biāo)調(diào)整一致大小和擺放整齊位置，沒有針對它們再設(shè)計；一個設(shè)計精致的App不應(yīng)漏過任何的細(xì)節(jié)，我們可以以自家App的圖標(biāo)風(fēng)格為依據(jù)，對第三方圖標(biāo)進(jìn)行優(yōu)化設(shè)計。
App中優(yōu)美的圖文設(shè)計，能帶給用戶如沐春風(fēng)的視覺享受，它非常重要。我們經(jīng)常看到文字疊加在圖片背景上的設(shè)計樣式；為了減少復(fù)雜圖片背景對文字的干擾，通常的做法是疊加半透明度的黑色蒙版，讓白色文字清晰可見，但這不是最優(yōu)的辦法。
我們可以從圖片中提取主色調(diào)用于疊加背景的填充色，這樣就使文字、色塊和圖片融入到一起了，畫面變得高級和富有設(shè)計感。
圖片的質(zhì)量影響著整個App的格調(diào)和用戶的情緒，高品質(zhì)的圖片給人愉悅的視覺享受，產(chǎn)生美好的聯(lián)想；而低品質(zhì)的圖片會瞬間拉低App的質(zhì)感。
在App設(shè)計中，一張漂亮的圖片從收集到上線，需要經(jīng)過裁剪，調(diào)色等過程才能被使用；即使是普通的商品圖片，我們將它摳圖后調(diào)整成統(tǒng)一大小，再加上干凈的背景，就能立刻提升商品的美感，界面視覺也會變得美觀、整潔。
現(xiàn)在的UI界面設(shè)計中，卡片式設(shè)計已經(jīng)是一種非常常見的設(shè)計形式，它有利于信息分層和整合，劃分出更加清晰的組織結(jié)構(gòu)，實現(xiàn)復(fù)雜內(nèi)容的簡化處理，提高空間利用率；同時卡片式設(shè)計通常很依賴視覺元素，很強(qiáng)的視覺元素正是卡片式設(shè)計的一種優(yōu)勢，也是提升設(shè)計品質(zhì)感的良方。
轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理
蘭亭妙微（藍(lán)藍(lán)設(shè)計）www.payeee.cn 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
jankspace精準(zhǔn)概括這類痛點：產(chǎn)品對外宣傳全鏈路無縫自動化，實際使用卻要在賬號、支付、文件、權(quán)限間反復(fù)跳轉(zhuǎn)，消耗用戶耐心卻毫無體驗增益，屬于設(shè)計失誤帶來的無效負(fù)擔(dān)。消費心理學(xué)宜家效應(yīng)佐證：用戶親手投入步驟完成事物后，會自發(fā)抬高產(chǎn)品價值；動手參與的沉沒成本，最終轉(zhuǎn)化為情感與記憶沉淀。
| 摩擦分類 | 用戶體感 | 典型場景 | 設(shè)計決策 |
|---|---|---|---|
| 壞摩擦 | 被迫填坑、煩躁流失 | 重復(fù)登錄、錯亂跳轉(zhuǎn)、無效排隊 | 全盤刪除優(yōu)化 |
| 交易必要摩擦 | 安全感確認(rèn) | 支付二次核驗、隱私授權(quán) | 精簡話術(shù)、保留必要步驟 |
| 儀式型好摩擦 | 沉浸場景、充滿期待 | 開箱、線下試穿、集章打卡 | 結(jié)構(gòu)化設(shè)計，配套情緒回報 |
| 記憶型好摩擦 | 愿意投入時間、加深印象 | 長內(nèi)容觀看、線下展覽動線、手作 DIY | 設(shè)計體驗峰值 |
蘭亭妙微（藍(lán)藍(lán)設(shè)計）www.payeee.cn 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
AI 行業(yè)的爆發(fā)始于2022年 ChatGPT 和 Midjouney 的發(fā)布，到現(xiàn)在已經(jīng)快4年了，整個發(fā)展過程用突飛猛進(jìn)、日新月異形容一點都不過分。
但不管它過去還是現(xiàn)在，發(fā)展得有多迅猛，都依舊處于行業(yè)早期的開荒和發(fā)展階段，離真正成熟的理想形態(tài)還有很長的一段路要走，這是我們首先要達(dá)成的共識。
而之所以有這樣的結(jié)論，原因就是 AI 的發(fā)展速度是超過現(xiàn)實世界匹配它的速度的，這造成了一種經(jīng)濟(jì)和機(jī)會成本上的巨大阻力。
簡單來說，我們可以把 AI 技術(shù)的應(yīng)用拆分成上、中、下游三個層，上層是 AI 的核心，主要是算法、大模型，中游是負(fù)責(zé)運行AI模型的硬件和支撐，即 AI 芯片、光模塊 CPO、高速內(nèi)存 HBM、服務(wù)器液冷、特高壓電路等，下游即 AI 具體的應(yīng)用工具，包括 AI 軟件、硬件、智能體等。
這是一個非常龐大且復(fù)雜的產(chǎn)業(yè)鏈，它們之間是需要相互耦合，才能順利應(yīng)用到具體的使用場景中。
簡單來說，就是 AI 模型廠商需要根據(jù)技術(shù)路線和成本選擇硬件并購買算力中心，以及消耗海量的電力來訓(xùn)練自己的模型并維持它的正常運轉(zhuǎn)。雖然這些背后的基建作為普通用戶可能感受不深，但頭部廠商的競爭已經(jīng)到了白熱化的階段。
比如大模型的開發(fā)必然要關(guān)注硬件規(guī)格和架構(gòu)，大洋彼岸除了英偉達(dá)外，還陸續(xù)推出了谷歌 TPU、微軟 Maia、英特爾 Gaudi 等芯片，它們代表了不同的技術(shù)方案，應(yīng)用在了不同的模型上。
而因為貿(mào)易和地緣政治的因素，國內(nèi)是無法進(jìn)口這些高端芯片，所以我們只能自研生產(chǎn)以滿足國產(chǎn)大模型的需求。如阿里在自研并應(yīng)用自家的真武系列芯片， DeepSeek 近期更新緩慢的重要原因就是因為要適配華為的昇騰系列芯片等。
之所以要提這點，是因為 AI 大模型的發(fā)展也適用馬太效應(yīng)，贏家通吃。在接近性能和水平下誰家應(yīng)用的算力、電力成本最低，誰就具備了最大的優(yōu)勢。
而每家大模型廠商都要面臨技術(shù)路線的選擇，并投入海量的成本孤注一擲做基建，很難走回頭路。這種發(fā)展路徑注定會讓行業(yè)發(fā)展充滿波折和動蕩，會有很多企業(yè)倒在半路上，連帶著它們提供的產(chǎn)品和服務(wù)一起逐漸消亡。
比如文生圖的 OG Midjounery，已經(jīng)無法跟上大廠的技術(shù)和訓(xùn)練規(guī)模掉隊，在今天已經(jīng)無人問津，而一年多前網(wǎng)上還到處都是用 MJ 生成UI界面設(shè)計，UI 設(shè)計師要下崗的帖子。
強(qiáng)如 OpenAI，也要應(yīng)對 Google、X AI、Anthropic、Seedance 的沖擊和成本管理失控（GPT5 訓(xùn)練量需要消耗一個中等規(guī)模城市1年用電量），也在近期放棄旗下的文生視頻工具 Sora。
模型和硬件端都充滿了巨大的不確定性，因為技術(shù)的發(fā)展是需要“試”出來的，總有前浪會被拍死在沙灘上。至于誰會被拍死在沙灘上就不是站在今天的視角上能回答的。
再回到我們今天的主角 Anthropic，這是一家非常務(wù)實的 AI 公司，專注于開發(fā)有商業(yè)應(yīng)用場景的大模型，是寫作、編程等領(lǐng)域中的最佳選擇。與之相對的則是類似 ChatGPT、Gemini 這類全能多模態(tài)大模型。
因為其模型可用性極高，所以從去年開始付費用戶量暴增，在今年初預(yù)估年化收益已經(jīng)超過300億美元，不僅用戶付費率遠(yuǎn)高于 OpenAI，且運行成本也遠(yuǎn)比它低。
而這家公司想要年底要上市（估值8000億美金），產(chǎn)品矩陣的拓展就成為非常重要的資本策略。通過發(fā)布 Claude Design，能很好的和 Claude Code 實現(xiàn)聯(lián)動，完成使用 AI 開發(fā)軟件的閉環(huán)。
至于現(xiàn)階段 Claude Design 夠不夠用不重要，畢竟故事和邏輯是成立的，作為初版它也有后續(xù)升級迭代和優(yōu)化的空間。在我們目前的試用中，它的生成效果也就那樣，但消耗的 Token 量（你最好確保自己有個足夠鼓的錢包）……
Claude Design 有新上市的光環(huán)風(fēng)頭正盛，那是否還記發(fā)布也還不久的Google Stitch、OpenClaw、FigmaMake、Rive、Pencil 等等。
再往前是否還記得使用 StableDiffusion 訓(xùn)練 Lora 和 Checkpoint 的工作流？
工具一直在更新，即使今天還很粗糙。但用發(fā)展的眼光看問題的話，終有一天它生成的質(zhì)量會足夠高足夠智能足夠可控，甚至通過腦機(jī)接口 BMI 實現(xiàn)所想即所得的水平（又到了做夢的時候）。
但是，那天是什么時候？
以及，和你現(xiàn)在設(shè)計的界面有什么關(guān)系？
作為設(shè)計師一定要搞清楚的邏輯，就是 AI 生成界面和圖像的過程，只是一種工具的發(fā)展和進(jìn)步，提升了設(shè)計師的設(shè)計效率。就像人類發(fā)明了電腦和軟件，取代了尺規(guī)作圖，同樣也大幅度降低了設(shè)計的效率和成本，但設(shè)計師這個崗位并沒有消失。
因為使用工具的人之間的差異，會直接影響最終的輸出效果，就像用同一個 AI 生成工具你可能就是做不出網(wǎng)上高贊帖子的案例，都用美圖秀秀不用 PS 去 P 圖你也 P 不過有一定專業(yè)積累的攝影師。
而且任何工具使用都有門檻，就一個簡單的 Claude Design、Google Stitch 安裝和使用都需要學(xué)習(xí)和適應(yīng)，生成結(jié)果還要做大量的調(diào)節(jié)和校準(zhǔn)，這些就不是工作量，老板和產(chǎn)品經(jīng)理也一定能閑得每天學(xué)習(xí)新工具并且直接自己干？
我相信有很多公司現(xiàn)在都很熱衷于擁抱 AI，強(qiáng)行推進(jìn) AI 的工作流，從企業(yè)戰(zhàn)略和發(fā)展的角度來講是能夠理解的，但在實際執(zhí)行層面上卻不會像想的那么美好。其中最大的問題就是前面提到的整個產(chǎn)業(yè)的不確定性，產(chǎn)品還都有各自的局限。
每個團(tuán)隊在搭建 AI 工作流的時候需要做技術(shù)的選型，以及圍繞自己的實際生產(chǎn)場景優(yōu)化工具的使用方式。往往為了一個簡單的工作結(jié)果就要耗費大量的精力去搭建工作流，而這個工作流很可能是一次性的，因為之后的工作場景發(fā)生改變這套工作流就用不了了。
有些同學(xué)可能心態(tài)好點覺得這種過程可以收獲寶貴的經(jīng)驗，但最不幸的，就是工具的升級和更新（甚至關(guān)閉）可以直接顛覆掉原來的做法，讓原先的成果毫無意義。
在我朋友中普遍得到的反饋，就是在稍微復(fù)雜的專業(yè)場景中，強(qiáng)行適配 AI 的結(jié)果往往只有增加工作量，原先目標(biāo)的降本增效，實際導(dǎo)致了更長的工作時間和更晚下班，從去年到現(xiàn)在在不同 AI 工具中做研究疲于奔命。
換個角度思考，其實就是工作過程變成今天用 PS，明天用 Figma，后天用 Excel 或 PPT 進(jìn)行設(shè)計，每一陣子換個工具設(shè)計相同的東西，而它們又不能解決設(shè)計過程中最復(fù)雜的決策部分。
也就是我們一直在使用充滿不確定性的工具去尋求相對確定的結(jié)果。
這就是今天 AI 工具在 UI 行業(yè)中應(yīng)用的真相，不管我們怎么用邏輯還是格局去判斷未來 AI 要實現(xiàn)一切，但起碼不是今天和最近，就是變得更強(qiáng)了，也依舊需要有人去操作和控制。
而我們現(xiàn)在要做的是關(guān)注最終輸出的結(jié)果，而不是和別人炫耀 Figma 用的好，還是 Sketch、XD、即時、Pixso 用的好。等到市場競爭格局基本確認(rèn)，通用的工具也普及以后，再去掌握和學(xué)習(xí)也不會低人一等（門檻不會高到哪里去）。
轉(zhuǎn)載自 優(yōu)設(shè)網(wǎng)
蘭亭妙微（藍(lán)藍(lán)設(shè)計）www.payeee.cn 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
留存邊界：極小眾精細(xì)化定制場景，配置向?qū)ПＡ舳档兹肟冢蛔鳛橹髁鞑僮髀窂健?/div>2. 篩選側(cè)邊欄 + 關(guān)鍵詞手動搜索：多條件手動勾選→自然語言意圖檢索，篩選退居微調(diào)輔助
傳統(tǒng)搜索需要用戶完成兩次轉(zhuǎn)化：把真實需求提煉關(guān)鍵詞，再通過尺碼、價格、分類等篩選控件拆分條件，關(guān)鍵詞 + 復(fù)選篩選組合是過去精準(zhǔn)檢索的標(biāo)配。自然語言語義檢索成熟后，用戶一句話即可鎖定全部約束條件。
改造邏輯：產(chǎn)品以自然語言輸入框作為搜索主入口，側(cè)邊篩選不再是核心檢索工具，降級為結(jié)果微調(diào)組件；用戶可通過多輪對話持續(xù)優(yōu)化篩選范圍。落地案例
- KAYAK AI 模式：單句輸入出行需求，系統(tǒng)自動解析日期、位置、預(yù)算等信息，直出機(jī)票、酒店結(jié)果，無需拆分表單填寫；
- 招聘工具 Wrangle：HR 輸入崗位經(jīng)驗、技能要求，AI 自動批量匹配候選人并生成匹配分?jǐn)?shù)，摒棄多維度篩選面板。
補(bǔ)充：篩選組件并未消亡，在用戶漫無目的、隨意瀏覽探索的場景（如鞋服商城閑逛），篩選用于可視化全品類商品，承擔(dān)瀏覽發(fā)現(xiàn)作用，僅從核心功能變?yōu)檩o助功能。3. 手動錄入表單：全字段人工填寫→AI 自動提取 + 高置信預(yù)填，表單轉(zhuǎn)為糾錯面板
傳統(tǒng)表單設(shè)計聚焦優(yōu)化輸入體驗：調(diào)整字段排序、快捷鍵跳轉(zhuǎn)、輸入校驗，默認(rèn)所有信息由用戶手動錄入，即便附件已有完整數(shù)據(jù)，仍需二次手動謄寫，造成冗余操作。文檔 AI 可從圖片、PDF、郵件、票據(jù)中結(jié)構(gòu)化提取信息，從根源消除重復(fù)錄入。
改造邏輯：上傳原始憑證后，AI 自動填充表單字段，高置信數(shù)據(jù)靜默回填、低識別度字段高亮標(biāo)紅，用戶只修改異常內(nèi)容，表單從錄入載體變?yōu)閿?shù)據(jù)核對視圖。落地案例：QuickBooks 報銷系統(tǒng)迭代 Autofill 功能，上傳發(fā)票圖片 / 文件，系統(tǒng)秒級抓取收款方、金額、開票日期等信息，用戶告別全字段手動填寫。4. 靜態(tài)數(shù)據(jù)看板與預(yù)制報表：全指標(biāo)平鋪展示→異常優(yōu)先預(yù)警 + 對話式數(shù)據(jù)下鉆
傳統(tǒng)數(shù)據(jù)看板、周期報表提前預(yù)設(shè)固定統(tǒng)計維度，鋪滿全量 KPI 指標(biāo)，所有數(shù)據(jù)權(quán)重一致，需要使用者人工翻閱海量數(shù)據(jù)、自主查找業(yè)務(wù)異動，關(guān)鍵異常極易被海量數(shù)據(jù)淹沒。AI 數(shù)據(jù)分析實現(xiàn)實時異動監(jiān)測與歸因，重構(gòu)看板設(shè)計思路。
改造邏輯：看板不再羅列全部數(shù)據(jù)，優(yōu)先高亮業(yè)務(wù)異常、增長機(jī)會，附帶可一鍵執(zhí)行的優(yōu)化動作；深度數(shù)據(jù)探查改用自然語言提問，AI 自動拆解數(shù)據(jù)、定位問題、輸出優(yōu)化方案。落地案例
- Shopify Pulse：自動分析店鋪營收，提煉爆款促銷、購物車挽回等運營建議，搭配一鍵創(chuàng)建活動按鈕；
- Amplitude AI：輸入 “優(yōu)化定價頁轉(zhuǎn)化率”，系統(tǒng)自動定位無效點擊、暴躁點擊等轉(zhuǎn)化卡點，同步輸出三套落地優(yōu)化方案。
5. CRUD 數(shù)據(jù)表格：單條逐單元格編輯→自然語言批量指令 + 變更差異審閱
傳統(tǒng)增刪改查表格基于單行單字段操作設(shè)計，批量修改大量數(shù)據(jù)時，用戶需重復(fù)上百次點開、編輯、保存操作，用戶宏觀業(yè)務(wù)意圖被切割為碎片化操作。
改造邏輯：用戶用自然語言下達(dá)批量修改指令，AI 自動生成全量變更清單，頁面展示修改前后數(shù)據(jù)差異，使用者批量確認(rèn)或駁回個別修改項，表格從編輯工具轉(zhuǎn)為變更預(yù)覽視圖。落地案例：Airtable 智能字段助手，一句指令即可批量全網(wǎng)調(diào)研競品營收與產(chǎn)品優(yōu)勢，自動整表填充新增字段，無需逐個單元格錄入。6. 靜態(tài) FAQ + 分層幫助文檔 + 固定式新手引導(dǎo)：靜態(tài)說明書→場景化實時 AI 答疑
過往產(chǎn)品依靠分步新手彈窗引導(dǎo)、層級式幫助文檔、標(biāo)準(zhǔn)化 FAQ 解答問題，內(nèi)容為通用模板，無法匹配用戶當(dāng)下頁面、報錯場景、操作鏈路，用戶遇到個性化問題很難精準(zhǔn)檢索對應(yīng)方案。
改造邏輯：幫助文檔、FAQ 轉(zhuǎn)為 AI 知識庫底層素材，不再面向用戶開放查閱；AI 實時識別用戶所處頁面、操作行為、報錯信息，按需推送定制化解決方案，熟練度越高，引導(dǎo)提示越精簡；復(fù)雜問題支持屏幕共享、語音對話多模態(tài)求助。落地案例：Google AI Studio 搭載實時屏幕共享、語音咨詢功能，AI 實時同步用戶操作畫面，針對性解決實操問題。7. 時序信息流通知：全消息平鋪推送→AI 智能分級摘要 + 重點事項定向提醒
傳統(tǒng)通知系統(tǒng)按時間線平鋪全量消息，點贊評論、系統(tǒng)故障、審批提醒權(quán)重一致，海量無效消息淹沒關(guān)鍵告警，用戶需要逐條瀏覽篩選重要信息。
改造邏輯：AI 充當(dāng)信息分診官，依據(jù)緊急度、業(yè)務(wù)關(guān)聯(lián)度拆分消息：低優(yōu)先級內(nèi)容合并為定期摘要簡報，高風(fēng)險事件附帶因果鏈路、業(yè)務(wù)影響、處理方案定向推送，通知中心進(jìn)化為決策工作臺。落地案例：Datadog 監(jiān)控告警摒棄零散條目推送，以「故障根源 - 服務(wù)異常 - 用戶影響」鏈?zhǔn)浇Y(jié)構(gòu)展示事故，運維人員一鍵定位問題。8. 空白頁「新建」按鈕：空白畫布從零創(chuàng)作→AI 一鍵生成初稿，用戶擇優(yōu)修改
“新建空白文檔 / 項目” 按鈕把用戶置于零創(chuàng)作起點，空白界面極易帶來創(chuàng)作焦慮。改造邏輯：用戶描述創(chuàng)作需求、約束條件，系統(tǒng)自動生成完整初稿，用戶工作從從零原創(chuàng)變?yōu)閮?nèi)容微調(diào)、擇優(yōu)優(yōu)化，創(chuàng)作界面完成從空白創(chuàng)建到內(nèi)容迭代的轉(zhuǎn)變。二、推動 UI 變革的八大核心技術(shù)驅(qū)動力
- 執(zhí)行全自動化：AI Agent 可閉環(huán)完成多步驟串聯(lián)工作，依賴人工分步操作的界面失去剛需；
- 環(huán)境上下文理解：系統(tǒng)自動讀取用戶文檔、歷史行為、賬號數(shù)據(jù)，無需頁面反復(fù)采集已有信息；
- 自然語言意圖解析：機(jī)器讀懂口語化需求，無需用戶把想法轉(zhuǎn)化為下拉框、篩選條件等系統(tǒng)語言；
- 多模態(tài)輸入融合：支持圖文、語音、屏幕畫面多維度交互，打破僅文字 + 表單的交互限制；
- AI 生成初稿能力：依托簡短描述生成可用內(nèi)容，消滅空白創(chuàng)建的使用痛點；
- 按需場景解釋：精準(zhǔn)捕捉用戶困惑，即時推送對應(yīng)指引，摒棄前置全量灌輸?shù)男率纸坛蹋?/li>
- 交互成本壓縮：多步人工操作濃縮為單次指令，精簡冗余頁面流程；
- 信息智能分級：自動篩選信息優(yōu)先級，告別全量信息無差別展示。
三、行業(yè)發(fā)展規(guī)律：新舊 UI 并非非此即彼，而是主次遷徙
傳統(tǒng)交互不會瞬間徹底消亡，篩選欄、配置向?qū)А⒖瞻仔陆ò粹o仍會長期保留：面向 AI 信任度不足的用戶、小眾邊緣業(yè)務(wù)場景、無 AI 算力支撐的使用環(huán)境，老舊交互作為兜底備用方案。長期演化趨勢：傳統(tǒng)執(zhí)行型 UI 從產(chǎn)品核心主路徑，逐步下沉為備選兜底功能；AI 驅(qū)動的決策監(jiān)督型 UI 成為產(chǎn)品主流交互。兩類界面劃分
- 執(zhí)行導(dǎo)向 UI（持續(xù)萎縮）：服務(wù)人工重復(fù)錄入、分步配置、逐條修改等機(jī)械操作，AI 接管落地執(zhí)行后，該類頁面持續(xù)精簡；
- 決策監(jiān)督 UI（快速增長）：用于審核 AI 輸出結(jié)果、修正系統(tǒng)偏差、研判異常數(shù)據(jù)，是未來 UI 設(shè)計核心發(fā)力方向。
四、總結(jié)
AI 時代 UI 設(shè)計的核心變化：人類不再是系統(tǒng)操作工，變成 AI 成果的審核決策者。未來優(yōu)質(zhì)界面的設(shè)計目標(biāo)，是放大人類的判斷與決策價值，而非強(qiáng)迫用戶復(fù)刻機(jī)器的運行邏輯。轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理
蘭亭妙微（藍(lán)藍(lán)設(shè)計）www.payeee.cn 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
因此今天蘭亭妙微UI設(shè)計公司，來講解 B 端產(chǎn)品界面的視覺風(fēng)格，聊聊在整個行業(yè)當(dāng)中視覺風(fēng)格的變化與目前的現(xiàn)狀。以及給大家說說未來應(yīng)該如何選擇自己產(chǎn)品的視覺風(fēng)格～
我們會將整體分為行業(yè)初期，萌芽期、成長期、野蠻發(fā)展期、新階段 ，每一個階段給大家總結(jié)一個最為流行的風(fēng)格，并分析這個風(fēng)格出現(xiàn)的原因，方便大家進(jìn)行理解。
我們把時間拉回到 2012 年。在那時，Ant Design 還沒有出現(xiàn)，也沒有什么 Element、Semi Design，行業(yè)當(dāng)中最早的 B 端系統(tǒng)都是以客戶端的形式進(jìn)行呈現(xiàn)。
整體風(fēng)格也非常老舊，像是那會兒的 Office、SAP、Salesforce，你可以看到都是他們青澀的模樣。
在經(jīng)典傳統(tǒng)的設(shè)計風(fēng)格當(dāng)中，會使用大面積的白色作為底色，同時在頁面中用灰色進(jìn)行分割，使得整個頁面散亂搶眼，導(dǎo)致整體的視覺很難被大眾所接受，總體感覺信息較散，難以進(jìn)行聚焦。
而在早期，出現(xiàn)這些老舊風(fēng)格主要有三個原因：
關(guān)于這類風(fēng)格的產(chǎn)品，大家不要覺得這夸張，其實在目前依舊有很多產(chǎn)品會延續(xù)這個風(fēng)格。比如 醫(yī)療類產(chǎn)品、工業(yè)生產(chǎn)類系統(tǒng)，對于他們而言，能用即可，不必糾結(jié)太多。
但隨著時間的推移，行業(yè)中對于 B 端設(shè)計的要求也在逐漸變高。
我們將時間推移到 2015 年前后，隨著行業(yè)不斷發(fā)展，在國外 Fiori、Salesforce 的出現(xiàn)讓大家意識到，這類型的 B 端產(chǎn)品也是需要設(shè)計的。
因此國內(nèi)外的很多系統(tǒng)都是在這一時間面世，像是 Ant Design、Element 都相繼發(fā)布。
由于這些設(shè)計系統(tǒng)的誕生，你會發(fā)現(xiàn)大家對于整個 B 端設(shè)計有了一點自己的想法。
在設(shè)計上，會去考慮使用 區(qū)塊劃分，將整個頁面進(jìn)行規(guī)整呈現(xiàn)。
比如 SAP 在使用了 Fiori 過后，就會使整個界面更干凈。
同樣非常老牌的 Salesforce 在 2015 年的時候。也帶來了相當(dāng)大的視覺變化。整體都能感受到，整個頁面會通過不斷的分層、顏色的劃分、通過黑白灰的方式去呈現(xiàn)頁面當(dāng)中的基本信息。
我們的時間來到 2018 年前后，在這個時間節(jié)點，很多產(chǎn)品都推出了自己的設(shè)計系統(tǒng)，對于 B 端設(shè)計風(fēng)格而言，也會提出更高的要求。
比如 Teambition 產(chǎn)品當(dāng)中，它們提供了自己的設(shè)計系統(tǒng)的內(nèi)容去指導(dǎo)整個產(chǎn)品來進(jìn)行迭代和優(yōu)化。同樣 Ant Design 它們也推出了自己的 Ant Design Pro 來演示使用設(shè)計系統(tǒng)過后，能夠搭建出什么樣的產(chǎn)品。
同樣，這個時段很多產(chǎn)品也開始進(jìn)行自己產(chǎn)品的視覺優(yōu)化，這時候整體的風(fēng)格是以：黑色側(cè)邊導(dǎo)航為主，然后內(nèi)容形態(tài)進(jìn)行延展。
比如像有贊、Coding、微盟、飛書，之前都是這樣的設(shè)計風(fēng)格來進(jìn)行呈現(xiàn)。
你會發(fā)現(xiàn)它們在整體的設(shè)計上都會更加重視頁面的分塊顏色的區(qū)隔，整體頁面的識別效率。同時這段時間爆發(fā)出來非常多的 B 端產(chǎn)品，隨后國內(nèi)都會按照側(cè)邊黑色導(dǎo)航的樣式進(jìn)行進(jìn)一步設(shè)計，這一定程度上提高了國內(nèi) B 端設(shè)計的下限～
我們隨后將時間推移到 2019 年后，在這時誕生了新擬態(tài)設(shè)計風(fēng)格。
它最早是烏克蘭設(shè)計師 Alexander Plyuto 在追波和 ins 發(fā)布的一副系列作品，隨后大家發(fā)現(xiàn)非常奇特，所以得到廣泛的關(guān)注。
新擬態(tài)的設(shè)計風(fēng)格是以立體效果與浮雕元素，呈現(xiàn)更為三維立體的效果，會給人一種奇特、夢幻的界面體驗。
隨后就會有很多產(chǎn)品都開始進(jìn)行跟進(jìn)，比如 智能家居的產(chǎn)品、金融類產(chǎn)品都有所涉及，甚至很多 B 端產(chǎn)品也勇敢嘗試，但大多數(shù)設(shè)計師設(shè)計完過后，整體評價都不算太高。
為什么沒有大規(guī)模的推行，我覺得有 3 點原因：
現(xiàn)在還會使用新擬態(tài)風(fēng)格的界面設(shè)計越來越少，大多數(shù)只會在官網(wǎng)設(shè)計的局部進(jìn)行使用，這樣可以轉(zhuǎn)換視覺感受，給到用戶更好的視覺沖擊～
時間來到 2022-2024 年左右，你會發(fā)現(xiàn)很多產(chǎn)品都開始在這個時間節(jié)點進(jìn)行更新。
像我們熟知的 飛書、有贊、微盟、ONES、Coding，再到 Ant Design、Salesforce，你會發(fā)現(xiàn)非常多的產(chǎn)品都在進(jìn)行界面風(fēng)格上的迭代。
對于這個風(fēng)格，我們愿意叫它為 灰白風(fēng)。
整體頁面是以 灰色和白色 進(jìn)行的頁面劃分，在分布上灰色占據(jù)弱側(cè)信息，白色占據(jù)核心信息，進(jìn)而形成對頁面內(nèi)容的劃分。
聊到這里，可能有部分同學(xué)不太理解，這里我們以飛書管理后臺的迭代作為示例，給大家進(jìn)行講解。
在 2018 年，飛書管理后臺的第一個版本，采取的就是沉穩(wěn)側(cè)黑風(fēng)，
在 2022 年，飛書的管理后臺開始改變?yōu)榛野罪L(fēng)格
由于業(yè)務(wù)的疊加，2023 年時，在此基礎(chǔ)上增加了頂部導(dǎo)航的業(yè)務(wù)維度，最終形成了現(xiàn)在這樣的界面。
為什么這類型的風(fēng)格會大受追捧，我覺得有以下幾個原因
關(guān)于設(shè)計風(fēng)格，我們這篇只是講解了過去的風(fēng)格內(nèi)容，下篇文章我們講解當(dāng)前整個 B 端產(chǎn)品的設(shè)計梳理，講解了更為重要的四種風(fēng)格。
轉(zhuǎn)載：優(yōu)設(shè)
蘭亭妙微（藍(lán)藍(lán)設(shè)計）www.payeee.cn 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
蘭亭妙微（藍(lán)藍(lán)設(shè)計）www.payeee.cn 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
前 Meta AI 團(tuán)隊創(chuàng)立的 Hero 公司，推出專利技術(shù) AI Autocomplete SDK，能實時預(yù)測任務(wù)所需全部參數(shù)，輸入 “訂機(jī)票” 即刻呈現(xiàn)所有選項，讓交互速度提升 10 倍、成本大降。這篇文章深入解析這項革命性技術(shù)的工作原理、應(yīng)用場景與商業(yè)價值，探討它能否成為未來 AI 應(yīng)用的標(biāo)配，帶你看懂人機(jī)交互的下一場變革。
你有沒有想過，為什么和 AI 聊天總感覺像在玩猜謎游戲？你說想訂機(jī)票，AI 問你去哪兒。你說去紐約，它問什么時候出發(fā)。你說下周三，它又問幾點。你說早上，它接著問要直飛還是轉(zhuǎn)機(jī)，經(jīng)濟(jì)艙還是商務(wù)艙，要不要托運行李。這種來回問答的過程讓人抓狂，就像是在玩一場永無止境的”二十個問題”游戲。更糟糕的是，有時候你都不知道 AI 需要什么信息，只能等它一個一個問。這種交互方式看似自然，實則效率低下，完全違背了 AI 應(yīng)該讓我們生活更簡單的初衷。
前 Meta AI 團(tuán)隊成員創(chuàng)立的 Hero 公司剛剛發(fā)布了一項專利技術(shù)，可能會徹底改變這種局面。他們推出的 AI Autocomplete SDK 不是簡單的自動補(bǔ)全功能，而是一個能夠?qū)崟r預(yù)測并呈現(xiàn)完成任務(wù)所需全部信息的系統(tǒng)。想象一下，當(dāng)你開始輸入”訂機(jī)票”的時候，屏幕上立刻出現(xiàn)所有相關(guān)參數(shù)：出發(fā)地、目的地、日期、時間、航空公司、座位偏好、行李選項等等，你只需要填寫或選擇就好，不需要等 AI 一個一個問你。這聽起來像是一個小改進(jìn)，但實際上它可能會讓 AI 交互速度提升 10 倍，成本降低 10 倍，并且為未來的增強(qiáng)現(xiàn)實設(shè)備奠定基礎(chǔ)。
Hero 不僅將這項技術(shù)用在自己的助手應(yīng)用中，還通過 SDK 向其他公司開放。這意味著我們可能很快就會在各種應(yīng)用中看到這種全新的交互方式。而且，他們剛剛獲得了 Forerunner Ventures 領(lǐng)投的 300 萬美元追加投資，這是在去年 400 萬美元種子輪之后的又一次資本認(rèn)可。我深入研究了這項技術(shù)后發(fā)現(xiàn)，它的影響遠(yuǎn)比表面看起來要深遠(yuǎn)得多。
這個現(xiàn)象背后反映的是當(dāng)前 AI 交互方式的根本缺陷。大語言模型雖然能理解自然語言，但它們并不知道用戶想要完成什么任務(wù)需要哪些具體信息。就像 Hero 的 AI 工程師 Saharsh Vedi 說的：”現(xiàn)在的問題是，負(fù)擔(dān)都在用戶身上，他們需要思考 AI 需要什么信息。”這完全顛倒了技術(shù)服務(wù)人類的關(guān)系。
我自己在使用 AI 工具時也深有體會。比如用 AI 生成圖片，我經(jīng)常需要反復(fù)調(diào)整提示詞，嘗試不同的描述方式，才能得到滿意的結(jié)果。有時候我花在琢磨提示詞上的時間，比直接用傳統(tǒng)工具做圖還要長。更令人沮喪的是，即使你精心設(shè)計了提示詞，AI 也可能遺漏某些重要細(xì)節(jié)，導(dǎo)致結(jié)果不符合預(yù)期。然后你又得重新生成，這不僅浪費時間，對于按次收費的服務(wù)來說，還意味著額外的成本。
當(dāng)前主流的 AI 應(yīng)用都試圖通過各種方式解決這個問題。有些添加了建議按鈕，提供預(yù)設(shè)的提示詞模板。有些使用引導(dǎo)式問答，一步步收集用戶需求。還有些像 Adobe 的 Firefly 應(yīng)用，把提示詞拆分成多個部分，比如創(chuàng)作音樂時分別輸入情緒、風(fēng)格和用途。這些方法都在一定程度上改善了用戶體驗，但都沒有從根本上解決問題：用戶仍然需要主動思考和輸入信息，AI 仍然處于被動等待的狀態(tài)。
Hero 的方法則完全不同。他們不是讓 AI 更聰明地問問題，而是讓系統(tǒng)主動預(yù)測并呈現(xiàn)完成任務(wù)所需的全部信息。這種思路的轉(zhuǎn)變看似簡單，實則顛覆了整個交互范式。就像創(chuàng)始人 Brad Kowalk 說的：”我們基本上意識到，你在互聯(lián)網(wǎng)上能做的任何事情，都只是一系列參數(shù)。一旦你看到了這一點，就很難再忽視它。”這句話聽起來簡單，但它揭示了一個深刻的洞察：無論多么復(fù)雜的任務(wù)，本質(zhì)上都可以分解為一組參數(shù)，而這些參數(shù)是可以預(yù)測和呈現(xiàn)的。
AI Autocomplete 的核心理念是前置加載所有必要信息，而不是通過反復(fù)問答來收集。當(dāng)你開始輸入或說話時，系統(tǒng)會實時更新界面，顯示完成這個動作所需的所有參數(shù)。這不是簡單的文本補(bǔ)全，而是一個理解任務(wù)結(jié)構(gòu)、預(yù)測所需信息、動態(tài)呈現(xiàn)選項的智能系統(tǒng)。
拿訂機(jī)票這個例子來說。在傳統(tǒng)的 AI 助手中，你可能需要經(jīng)歷這樣的對話：你說”我想訂機(jī)票”，AI 問”您要去哪里？”，你說”紐約”，AI 問”什么時候出發(fā)？”，你說”下周三”，AI 問”您希望幾點的航班？”，你說”早上”，AI 問”經(jīng)濟(jì)艙還是商務(wù)艙？”，你說”經(jīng)濟(jì)艙”，AI 問”需要托運行李嗎？”，以此類推。整個過程可能需要十幾輪對話，每次都要等待 AI 的回應(yīng)。如果你在某個環(huán)節(jié)說得不夠清楚，或者 AI 理解錯了，還得重新來過。
但在 Hero 的 AI Autocomplete 系統(tǒng)中，當(dāng)你輸入”訂機(jī)票”的瞬間，屏幕上就會出現(xiàn)所有相關(guān)字段：出發(fā)地、目的地、出發(fā)日期、出發(fā)時間、航空公司偏好、返程日期、座位類型、行李選項等等。你可以隨時停下來，只填寫你知道的信息，然后發(fā)送查詢。系統(tǒng)會根據(jù)你已經(jīng)提供的信息，智能地建議或填充其他字段。你不需要等待 AI 一個一個問你，所有信息都在你眼前，你完全掌控著交互的節(jié)奏。
這種方法的優(yōu)勢是多方面的。第一，速度快。Hero 聲稱可以讓操作速度提升 10 倍，因為省去了大量來回對話的時間。第二，成本低。每次 AI 的響應(yīng)都需要服務(wù)器計算，減少對話輪次意味著大幅降低運營成本。Kowalk 特別強(qiáng)調(diào)了這一點：”因為涉及的消息更少，規(guī)模化運營的公司可以節(jié)省服務(wù)器成本。”第三，用戶體驗更好。你不會感覺自己在被 AI 審問，而是在一個清晰的框架內(nèi)主動提供信息。
我特別欣賞 Hero 工程師 Vedi 說的那句話：”希望我們回頭看時，幾乎不記得’提示詞’這個概念。”這體現(xiàn)了他們的雄心：不是改進(jìn)提示詞，而是讓提示詞成為歷史。在他們的愿景中，未來的 AI 交互應(yīng)該是結(jié)構(gòu)化的、可預(yù)測的、高效的，而不是開放式的、充滿不確定性的對話。
AI Autocomplete 的應(yīng)用場景遠(yuǎn)比訂機(jī)票更廣泛。Hero 在發(fā)布時特別強(qiáng)調(diào)了幾個重要領(lǐng)域，每個都有可能被這項技術(shù)徹底改變。
搜索和電商是最直接的應(yīng)用場景。現(xiàn)在在電商平臺搜索商品，你需要輸入關(guān)鍵詞，然后在成百上千的結(jié)果中篩選，使用各種過濾器來縮小范圍。這個過程既費時又費力。但如果有了 AI Autocomplete，當(dāng)你輸入”咖啡”時，系統(tǒng)立刻顯示出品牌、烘焙程度、包裝規(guī)格、配送時間、訂閱頻率等參數(shù)。你可以快速選擇你想要的選項，甚至可以設(shè)置”每月配送”這樣的重復(fù)訂單。Hero 展示的咖啡訂購例子就很好地說明了這一點：不僅可以快速完成當(dāng)前訂單，還能輕松設(shè)置定期訂購，就像你說”每個月”一樣簡單。
媒體生成是另一個會被改變的領(lǐng)域。我之前提到過用 AI 生成圖片時需要反復(fù)調(diào)整提示詞的痛苦。AI Autocomplete 可以在你開始輸入時就實時展示各種參數(shù)：主體、動作、風(fēng)格、光線、相機(jī)角度、分辨率等等。你可以從這些選項中選擇，而不是試圖用文字準(zhǔn)確描述你想要的效果。這不僅能激發(fā)創(chuàng)意，讓你看到自己可能沒想到的選項，還能顯著減少生成次數(shù)，從而降低服務(wù)器成本。對于視頻生成這種計算密集型任務(wù)來說，減少迭代次數(shù)的意義更加重大。
客戶服務(wù)和企業(yè)表單填寫也是重要應(yīng)用場景。現(xiàn)在的客服聊天機(jī)器人通常需要通過一系列問答來收集信息，比如你的訂單號、問題類型、聯(lián)系方式等等。這個過程對用戶來說很繁瑣，對企業(yè)來說也低效，因為經(jīng)常需要后續(xù)跟進(jìn)來補(bǔ)充缺失的信息。有了 AI Autocomplete，聊天機(jī)器人可以根據(jù)用戶的初始問題，立即呈現(xiàn)所有相關(guān)字段，引導(dǎo)用戶一次性提供完整信息。這既節(jié)省了用戶時間，也降低了企業(yè)的運營成本。
我認(rèn)為這項技術(shù)最具潛力的應(yīng)用可能還沒有被充分認(rèn)識到。比如在教育領(lǐng)域，AI Autocomplete 可以幫助學(xué)生構(gòu)建更好的學(xué)習(xí)查詢，展示他們可能沒想到的相關(guān)主題和角度。在醫(yī)療領(lǐng)域，它可以幫助患者更準(zhǔn)確地描述癥狀，提供結(jié)構(gòu)化的問診表單。在法律、金融等專業(yè)服務(wù)領(lǐng)域，它可以幫助非專業(yè)人士更有效地表達(dá)需求，獲取更精準(zhǔn)的服務(wù)。這些場景的共同點是：專業(yè)性強(qiáng)、信息復(fù)雜、普通用戶難以準(zhǔn)確表達(dá)需求。AI Autocomplete 恰好可以彌合這個知識鴻溝。
Hero 的 AI Autocomplete 不僅改變了用戶體驗，還開創(chuàng)了一種全新的廣告模式。這讓我感到特別興奮，因為它解決了自然語言界面商業(yè)化的一個核心難題：如何在對話式交互中自然地融入廣告，而不破壞用戶體驗？
傳統(tǒng)的搜索廣告模式是基于關(guān)鍵詞和搜索結(jié)果的。你在 Google 搜索”咖啡機(jī)”，頂部會顯示付費廣告。這種模式在圖形界面中運作良好，但在純對話界面中卻很難實現(xiàn)。你總不能讓 AI 助手在回答問題的中途突然推銷產(chǎn)品吧？那會讓對話變得非常生硬和令人反感。
Hero 的方法則巧妙得多。在 AI Autocomplete 系統(tǒng)中，品牌可以通過三種方式出現(xiàn)：第一，類似 Google Ads，品牌可以付費成為決策過程中的優(yōu)先建議選項。比如在訂咖啡的例子中，Peet’s Coffee 可以付費讓自己出現(xiàn)在品牌選擇列表的前面。第二，品牌可以建議互補(bǔ)產(chǎn)品，添加到當(dāng)前訂單中。比如在你訂咖啡時，建議搭配某款點心或咖啡杯。第三，品牌可以從更高的重復(fù)購買率中受益，因為在 AI Autocomplete 系統(tǒng)中，設(shè)置定期訂單就像說”每個月”一樣簡單。
我認(rèn)為這種廣告模式的天才之處在于，它不是打斷用戶的決策過程，而是增強(qiáng)這個過程。當(dāng)你在選擇咖啡品牌時，看到各種選項本來就是決策的一部分，付費推廣的品牌只是在這個自然的選擇過程中獲得了更顯眼的位置。這和傳統(tǒng)搜索廣告的邏輯一致，但執(zhí)行方式更自然、更不突兀。
Hero 目前正在與 AI 廣告平臺 Koah Labs 討論合作，將這種新廣告形式推向市場。我覺得如果這種模式成功，它可能會成為自然語言界面商業(yè)化的標(biāo)準(zhǔn)模式。想想看，未來所有 AI 助手、AI agent 和對話式應(yīng)用都可能需要這樣一種不破壞用戶體驗的廣告模式。Hero 作為先行者，有機(jī)會定義這個新興市場的規(guī)則。
更重要的是，這種廣告模式對小企業(yè)也很友好。不像傳統(tǒng)的品牌廣告需要巨額投入，自然語言廣告可以非常精準(zhǔn)地針對特定需求。一家本地咖啡烘焙商可以選擇在用戶搜索”小批量手工烘焙咖啡”時出現(xiàn)，而不需要和星巴克競爭”咖啡”這樣的大詞。這種精準(zhǔn)性和可負(fù)擔(dān)性可能會讓更多中小企業(yè)進(jìn)入數(shù)字廣告市場。
AI Autocomplete 的誕生其實源于增強(qiáng)現(xiàn)實的需求，這是我覺得最有遠(yuǎn)見的部分。Hero 的聯(lián)合創(chuàng)始人 Brad Kowalk 和 Seung Woo Lee 都曾在 Meta 工作，參與 AR 相關(guān)項目。離開 Meta 后，他們一直在思考 AR 大規(guī)模普及面臨的一個核心問題：當(dāng) AR 設(shè)備的屏幕空間遠(yuǎn)小于智能手機(jī)時，如何讓它同樣有用？
這是一個很多人沒有深入思考過的問題。我們習(xí)慣了智能手機(jī)的大屏幕、復(fù)雜菜單、多層導(dǎo)航。但 AR 眼鏡不可能有那么大的顯示空間，也不適合復(fù)雜的觸摸操作。那么，如何在有限的界面上提供豐富的功能呢？
大公司的思路通常是將移動端的界面縮小，配合手勢控制。但 Hero 認(rèn)為這不是正確的方向。Kowalk 和 Lee 的洞察是：AR 設(shè)備需要的不是縮小版的圖形界面，而是基于意圖的交互系統(tǒng)。用戶應(yīng)該能夠用自然語言表達(dá)意圖，系統(tǒng)通過 AI Autocomplete 這樣的技術(shù)引導(dǎo)用戶提供必要信息，然后直接執(zhí)行任務(wù)。整個過程不需要復(fù)雜的 UI，只需要清晰的參數(shù)呈現(xiàn)和簡單的選擇機(jī)制。
我覺得這個思路非常前瞻。它不是試圖把現(xiàn)有的交互模式搬到新設(shè)備上，而是為新設(shè)備設(shè)計全新的交互范式。這種輕量級但強(qiáng)大的 AR 操作系統(tǒng)，可能會成為下一代計算平臺的基礎(chǔ)。就像觸摸屏為智能手機(jī)帶來的革命一樣，基于意圖的自然語言交互可能會為 AR 設(shè)備帶來類似的變革。
Hero 三年前就開始申請這項技術(shù)的專利，說明他們很早就看到了這個方向。現(xiàn)在專利已經(jīng)獲批，技術(shù)已經(jīng)成熟，時機(jī)也恰到好處。大語言模型的進(jìn)步讓自然語言理解變得可靠，AR 設(shè)備開始進(jìn)入消費市場，用戶對新交互方式的接受度也在提高。所有這些因素結(jié)合在一起，為 AI Autocomplete 這樣的技術(shù)創(chuàng)造了完美的時間窗口。
雖然 Hero 現(xiàn)在主要在移動和 Web 應(yīng)用中推廣這項技術(shù)，但他們的長遠(yuǎn)目標(biāo)顯然是 AR。這也解釋了為什么他們選擇以 SDK 的形式開放技術(shù)，而不是只在自己的應(yīng)用中使用。他們希望建立一個標(biāo)準(zhǔn)，一個未來 AR 交互的基礎(chǔ)協(xié)議。如果成功，Hero 可能不只是一家應(yīng)用公司，而是下一代計算平臺的基礎(chǔ)設(shè)施提供者。
Hero 選擇以 SDK 形式開放 AI Autocomplete 技術(shù)，這是一個非常聰明的戰(zhàn)略決策。CTO Seung Woo Lee 解釋說：”我們?nèi)昵熬鸵庾R到，AI agent 的瓶頸不會是 AI 瀏覽互聯(lián)網(wǎng)和完成任務(wù)的能力，而是用戶知道該說什么的能力。所以，我們不是再造一個玩’十個問題’游戲的聊天界面，而是推出一個讓用戶能一次性完成任何多步驟動作的系統(tǒng)。我們相信我們的技術(shù)有能力增強(qiáng)今天所有使用自然語言輸入的產(chǎn)品。”
這段話揭示了他們的雄心：不是造一個更好的聊天機(jī)器人，而是改變整個行業(yè)的交互方式。這就需要讓其他公司也能使用這項技術(shù)，而不是把它封閉在自己的應(yīng)用中。從商業(yè)角度看，這是一個高風(fēng)險高回報的策略。風(fēng)險在于，開放技術(shù)意味著競爭對手也能使用，可能會削弱自己的差異化優(yōu)勢。回報在于，如果技術(shù)被廣泛采用，Hero 就能成為這個新交互范式的標(biāo)準(zhǔn)制定者和基礎(chǔ)設(shè)施提供者。
我認(rèn)為這個選擇體現(xiàn)了創(chuàng)始團(tuán)隊的格局。他們在 Meta 工作過，見識過平臺級技術(shù)的威力。他們知道，真正改變世界的不是一個優(yōu)秀的應(yīng)用，而是一個被廣泛采用的標(biāo)準(zhǔn)。就像 HTTP 協(xié)議定義了網(wǎng)頁瀏覽，觸摸屏定義了智能手機(jī)交互，AI Autocomplete 有潛力定義自然語言交互的標(biāo)準(zhǔn)。
SDK 策略還有助于快速驗證技術(shù)價值和收集反饋。通過讓不同行業(yè)、不同應(yīng)用場景的公司使用這項技術(shù)，Hero 可以快速發(fā)現(xiàn)技術(shù)的優(yōu)勢和局限，找到最有價值的應(yīng)用場景，并根據(jù)實際使用情況不斷改進(jìn)。這比自己悶頭做一個應(yīng)用要高效得多。
從生態(tài)系統(tǒng)角度看，SDK 策略有助于建立網(wǎng)絡(luò)效應(yīng)。使用 Hero AI Autocomplete 的應(yīng)用越多,用戶就越熟悉這種交互方式。用戶越熟悉，新應(yīng)用采用這種交互方式的價值就越大。這種正反饋循環(huán)一旦啟動，會形成很強(qiáng)的護(hù)城河。就像用戶習(xí)慣了觸摸屏之后，任何新的移動設(shè)備都必須支持觸摸，未來用戶習(xí)慣了 AI Autocomplete 之后，任何新的自然語言應(yīng)用可能都需要支持這種交互方式。
Hero 的 AI Autocomplete 讓我重新思考了當(dāng)前 AI 交互的發(fā)展方向。整個行業(yè)似乎都在朝著”更自然的對話”這個方向努力，讓 AI 更像人類一樣交流。但 Hero 提出了一個反直覺的觀點：也許最好的交互方式不是完全模擬人類對話，而是結(jié)合對話的自然性和表單的結(jié)構(gòu)性。
人類之間的對話之所以高效，是因為雙方共享大量背景知識和語境。你和朋友聊天時，可以用很簡短的話表達(dá)復(fù)雜意思，因為你們互相了解。但人和 AI 的對話不一樣，AI 不知道你的偏好、習(xí)慣和當(dāng)前情境。如果完全模擬人類對話，就會導(dǎo)致大量不必要的來回確認(rèn)。
Hero 的方法是承認(rèn)這個差異，利用 AI 的優(yōu)勢來彌補(bǔ)。AI 可以快速分析任務(wù)結(jié)構(gòu)，預(yù)測所需信息，實時更新界面。這些都是人類做不到的。通過展示結(jié)構(gòu)化的參數(shù)，AI Autocomplete 實際上是在利用機(jī)器的優(yōu)勢，而不是試圖完全模仿人類。
我認(rèn)為這種思路會影響整個 AI 產(chǎn)品設(shè)計領(lǐng)域。未來我們可能會看到更多混合式交互：既有自然語言的靈活性，又有結(jié)構(gòu)化界面的清晰性。這不是倒退到傳統(tǒng) GUI，而是在更高層次上綜合了兩種交互方式的優(yōu)點。
從技術(shù)架構(gòu)角度看，AI Autocomplete 也提出了新的要求。它需要 AI 模型不僅能理解用戶意圖，還要能預(yù)測任務(wù)結(jié)構(gòu)和參數(shù)需求。這可能會推動一類新的 AI 模型發(fā)展，專門用于任務(wù)分解和參數(shù)預(yù)測。Hero 提到他們使用了一系列模型來預(yù)測用戶可能輸入的內(nèi)容，說明這不是單一模型能解決的問題，而需要專門的技術(shù)棧。
對于正在開發(fā) AI 產(chǎn)品的團(tuán)隊來說，Hero 的成功提供了重要啟示：不要只關(guān)注 AI 的智能程度，還要關(guān)注交互設(shè)計。最聰明的 AI 如果交互方式糟糕，用戶體驗也會很差。反過來，即使 AI 能力有限，如果交互設(shè)計得當(dāng)，也能提供很好的用戶體驗。Hero 的技術(shù)本質(zhì)上是通過更好的交互設(shè)計，最大化了現(xiàn)有 AI 能力的價值。
我也在思考這項技術(shù)可能的局限性。它適合參數(shù)化的、結(jié)構(gòu)化的任務(wù)，但對于真正開放式的、需要創(chuàng)造性的對話可能不太適用。比如你和 AI 討論一個哲學(xué)問題，或者尋求情感支持，這種場景下強(qiáng)行展示參數(shù)就會顯得生硬。所以 AI Autocomplete 可能不會取代所有類型的 AI 交互，而是在特定場景下提供更優(yōu)選擇。
另一個值得關(guān)注的是隱私和數(shù)據(jù)安全。AI Autocomplete 需要理解任務(wù)結(jié)構(gòu)和預(yù)測用戶需求，這意味著它需要訪問相當(dāng)多的上下文信息。如何在提供個性化服務(wù)和保護(hù)用戶隱私之間找到平衡，將是這類技術(shù)普及過程中必須解決的問題。
Hero 目前正在自己的助手應(yīng)用中測試這項技術(shù)，計劃在幾個月內(nèi)向用戶發(fā)布。他們重點展示的功能是幫助用戶通過自動補(bǔ)全提示詞找到會議時間或和朋友見面的時間。這是一個很實用的場景，也是一個很好的切入點。安排會議往往需要考慮多個人的時間、地點偏好、會議時長等因素，用自然語言描述清楚并不容易。有了 AI Autocomplete，這個過程會簡化很多。
但我更期待看到 Hero 在更廣泛場景中的應(yīng)用。比如在旅行規(guī)劃、購物、客戶服務(wù)等領(lǐng)域，AI Autocomplete 的價值可能更加明顯。Hero 的 SDK 策略意味著我們不需要等 Hero 自己去開發(fā)所有應(yīng)用場景，而是會看到各行各業(yè)的公司將這項技術(shù)集成到自己的產(chǎn)品中。
從融資角度看，Hero 去年獲得了 400 萬美元種子輪，現(xiàn)在又獲得了 Forerunner Ventures 領(lǐng)投的 300 萬美元追加投資。Kowalk 表示，根據(jù)應(yīng)用和 SDK 的增長情況，他們計劃在未來幾個月籌集更大一輪融資。我認(rèn)為如果 SDK 能夠吸引到一批有影響力的客戶，證明技術(shù)價值，那么 A 輪融資應(yīng)該不成問題。這項技術(shù)的潛在市場非常大，任何使用自然語言輸入的應(yīng)用都可能是潛在客戶。
我也在想，Hero 會不會成為下一個 Twilio 或 Stripe 那樣的基礎(chǔ)設(shè)施公司？Twilio 讓每個應(yīng)用都能方便地集成短信和電話功能，Stripe 讓每個應(yīng)用都能方便地接入支付。Hero 有潛力讓每個應(yīng)用都能方便地提供優(yōu)秀的自然語言交互體驗。如果真的走到這一步，Hero 的價值將遠(yuǎn)超一個普通的應(yīng)用公司。
但挑戰(zhàn)也是存在的。技術(shù)再好，也需要市場教育和生態(tài)建設(shè)。開發(fā)者需要理解這項技術(shù)的價值，學(xué)會如何集成和使用。用戶需要適應(yīng)這種新的交互方式，培養(yǎng)新的使用習(xí)慣。這些都需要時間和持續(xù)投入。Hero 團(tuán)隊有 Meta 的背景，應(yīng)該對這些挑戰(zhàn)有充分認(rèn)識。
我特別欣賞 Hero 團(tuán)隊的一點是，他們在三年前就開始布局這個方向，提前申請了專利。這種前瞻性在快速變化的 AI 領(lǐng)域特別難得。很多公司都在追逐最新的熱點，而 Hero 則在思考更根本的問題：人機(jī)交互的本質(zhì)是什么？未來的交互應(yīng)該是什么樣子？這種長期思維是真正有影響力的公司的特質(zhì)。
最后，我想說的是，Hero 的 AI Autocomplete 提醒我們，AI 革命不只是關(guān)于更強(qiáng)大的模型，也關(guān)于更好的交互設(shè)計。技術(shù)進(jìn)步和設(shè)計創(chuàng)新同樣重要，甚至在某些場景下，好的設(shè)計比更強(qiáng)的模型更有價值。這也是為什么我對 Hero 的未來充滿期待。他們不是在和其他公司比誰的模型更強(qiáng)，而是在重新定義人機(jī)交互的方式。這種創(chuàng)新往往更持久，也更有影響力。
我相信，幾年后回頭看，我們會驚訝地發(fā)現(xiàn)自己曾經(jīng)需要花那么多時間和 AI 來回對話，就像我們現(xiàn)在回想起曾經(jīng)需要記住各種命令行指令一樣。AI Autocomplete 可能就是推動這個轉(zhuǎn)變的關(guān)鍵技術(shù)之一。
轉(zhuǎn)載：人人都是產(chǎn)品經(jīng)理
蘭亭妙微（藍(lán)藍(lán)設(shè)計）www.payeee.cn 是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的大數(shù)據(jù)可視化界面設(shè)計、B端界面設(shè)計、桌面端界面設(shè)計、APP界面設(shè)計、圖標(biāo)定制、用戶體驗設(shè)計、交互設(shè)計、UI咨詢、高端網(wǎng)站設(shè)計、平面設(shè)計，以及相關(guān)的軟件開發(fā)服務(wù)，咨詢電話：01063334945。
關(guān)鍵詞：UI咨詢、UI設(shè)計服務(wù)公司、軟件界面設(shè)計公司、界面設(shè)計公司、UI設(shè)計公司、UI交互設(shè)計公司、數(shù)據(jù)可視化設(shè)計公司、用戶體驗公司、高端網(wǎng)站設(shè)計公司、銀行金融軟件UI界面設(shè)計、能源及監(jiān)控軟件UI界面設(shè)計、氣象行業(yè)UI界面設(shè)計、軌道交通界面設(shè)計、地理信息系統(tǒng)GIS UI界面設(shè)計、航天軍工軟件UI界面設(shè)計、醫(yī)療行業(yè)軟件UI界面設(shè)計、教育行業(yè)軟件UI界面設(shè)計、企業(yè)信息化UI界面設(shè)計、軟件qt開發(fā)、軟件wpf開發(fā)、軟件vue開發(fā).
我們建立了一個微信群，每天分享國內(nèi)外優(yōu)秀的設(shè)計，有興趣請加入一起學(xué)習(xí)成長，咨詢及進(jìn)群請加藍(lán)小助微信ben_lanlan。
藍(lán)藍(lán)設(shè)計的小編 http://www.payeee.cn
