在接觸和學(xué)習(xí) UI 設(shè)計(jì)的時(shí)候，我們都必須面對國內(nèi)外 UI 設(shè)計(jì)風(fēng)格差異巨大的問題。比如最近 618，相信大家沒少被國產(chǎn)應(yīng)用的廣告“親切的”問候。

一方面是尋找設(shè)計(jì)靈感時(shí)要做區(qū)分，另一方面則是我們學(xué)習(xí) UI 時(shí)看的書籍，學(xué)習(xí)的理論、規(guī)范，都是由西方國家產(chǎn)出的，而國內(nèi)設(shè)計(jì)的方向卻和它們背道而馳，用一個(gè)詞來形容現(xiàn)狀，那就是 —— 割裂。

所以在初學(xué)階段，理論學(xué)的越多，受到的沖擊也就越大，疑問也就越多。所以我們今天的目標(biāo)，就是來幫大家解答這個(gè)疑問。

更多設(shè)計(jì)差異相關(guān)干貨：

一、設(shè)計(jì)差異的根源分析

當(dāng)我們研究國內(nèi)外 UI 設(shè)計(jì)的差異時(shí)，樣式上的差異只是表象，它們是由更深層次的因素所激發(fā)，所以我們首先要深究這些問題的根源。

根據(jù)過去十幾年的 UI 研究經(jīng)驗(yàn)，我總結(jié)的設(shè)計(jì)差異包含下面這些因素：

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

1. 盈利模式的差異

國外產(chǎn)品相對國內(nèi)的盈利模式相對簡單、健康，排除掉大型平臺和其它服務(wù)配套應(yīng)用外（比如會員、硬件的配套），基本就是買斷、訂閱、廣告這三個(gè)途徑。

比如我們熟悉的 Figma、Canva、Notion 等，都是訂閱制服務(wù)，在產(chǎn)品具備足夠競爭力的條件下發(fā)展出海量的付費(fèi)用戶，獲得巨大的收益和估值（團(tuán)隊(duì)只有一兩百人時(shí)估值過百億刀）。既然做好產(chǎn)品就能盈利，那這些產(chǎn)品的目標(biāo)自然是打造更好的產(chǎn)品和提供更好的服務(wù)或體驗(yàn)來獲得收益。

而國內(nèi)市場我們都知道，用戶付費(fèi)的意愿是非常非常低的，這就導(dǎo)致很多產(chǎn)品即使做的還不錯(cuò)也看不到盈利希望，尤其是大廠產(chǎn)品，比如迅雷，百度網(wǎng)盤，網(wǎng)易云等等。

靠基礎(chǔ)付費(fèi)模式做不出讓人滿意的營收，產(chǎn)品團(tuán)隊(duì)自然要使出渾身解數(shù)來找到盈利點(diǎn)，不管是增加一些奇怪的功能，還是制造各種營銷活動(dòng)。而這些嘗試想要獲得持續(xù)的盈利是非常困難的，所以就得一直想，一直嘗試，一直投放。

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

這里還要澄清一點(diǎn)，有很多優(yōu)秀的工具產(chǎn)品不是國內(nèi)做不出來，是做出來也很難盈利，所以有能力的團(tuán)隊(duì)和開發(fā)者是不會輕易往火坑里跳的。

2. 人工成本的差異

第二點(diǎn)就是國內(nèi)外人工成本上的巨大差異，發(fā)達(dá)國家的人工成本非常高昂，不只局限在產(chǎn)品開發(fā)團(tuán)隊(duì)的成本，還包括底層運(yùn)營、客服、銷售、業(yè)務(wù)員、快遞員等等。

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

加上西方國家對雇傭關(guān)系的保護(hù)，招人容易，裁員可就沒有那么簡單，所以多數(shù)產(chǎn)品團(tuán)隊(duì)對擴(kuò)張都持非常謹(jǐn)慎的態(tài)度。人數(shù)少，又不能輕易搞 996，就大大限制了產(chǎn)品作妖的范圍，這就直接導(dǎo)致他們沒有人力做一大堆次要功能的迭代以及運(yùn)營活動(dòng)，設(shè)計(jì)需求自然也會低很多。

3. 用戶習(xí)慣的差異

最后一點(diǎn)，就是用戶習(xí)慣的差異。除了前面說的付費(fèi)意愿低以外，還有很多其它因素。其中在我看來影響最大的因素，就是國內(nèi)用戶對互聯(lián)網(wǎng)的依賴是遠(yuǎn)高于國外用戶的。

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

并且互聯(lián)網(wǎng)產(chǎn)品已經(jīng)成為我們購物、娛樂的重要載體，大量的決策、交易、娛樂是在上面進(jìn)行的。既然用戶習(xí)慣和粘性都成型了，離不開這些產(chǎn)品了，那么“適當(dāng)損害”一下用戶體驗(yàn)也不是不可以。尤其是大廠各類離奇的功能和運(yùn)營活動(dòng)可以輪番轟炸用戶，同時(shí)把用戶對這類負(fù)面操作的耐受度都拉高了。

既然用戶都適應(yīng)了，那么為什么還要“裝清高”，做個(gè)簡約的、有原則的、有尊嚴(yán)的產(chǎn)品？當(dāng)然是加入到運(yùn)營的狂歡里和其它產(chǎn)品一起壓榨用戶的注意力，像孔雀開屏一樣，在最雞肋的器官上比劃……

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

不管創(chuàng)業(yè)者抱著什么樣的想法，進(jìn)入這個(gè)牌桌以后，最終都會被市場調(diào)教成相同的模樣。

作為 UI 設(shè)計(jì)師來說，也不要認(rèn)為這是錯(cuò)誤的發(fā)展方向，因?yàn)檫@種模式大大增加了 UI 設(shè)計(jì)的需求量，間接提供了更多的飯碗。如果產(chǎn)品都按歐美的模式發(fā)展和設(shè)計(jì)，那對于國內(nèi) UI 設(shè)計(jì)行業(yè)來說真正的天塌了，設(shè)計(jì)崗位會銳減 8 成以上，而這是 AI 設(shè)計(jì)根本實(shí)現(xiàn)不了的破壞力。

二、國內(nèi)外 UI 的具體差異

有了內(nèi)因，下面再對國內(nèi)外 UI 設(shè)計(jì)的具體差異做對應(yīng)的拆解，幫助大家更好理解國內(nèi)市場的設(shè)計(jì)特征。

1. 中英文字形排版差異

第一個(gè)差異，就是中英文的字體形態(tài)差異。中文文字是方塊化等寬的，而英文字母則是大小長短不一，詞組長度更長，節(jié)奏感更強(qiáng)。所以英文設(shè)計(jì)中，往往會將字體作為一部分融入到排版中，豐富視覺觀感。

而中文設(shè)計(jì)中文字的節(jié)奏感較弱，文本的主要作用基本就是傳遞信息，所以只用中文排版很難出現(xiàn)英文的相同效果，就會促使設(shè)計(jì)師添加更多的內(nèi)容，來豐富界面的效果。

2. 運(yùn)營需求的平面視覺

第二個(gè)差異，就是運(yùn)營設(shè)計(jì)上的差異。歐美產(chǎn)品中運(yùn)營活動(dòng)不是沒有，但是數(shù)量少，而且往往在設(shè)計(jì)上也做的很隨意，說好聽點(diǎn)叫簡約，說難聽點(diǎn)就是敷衍。

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

運(yùn)營設(shè)計(jì)的差異，源自國內(nèi)廣告設(shè)計(jì)方向的特色，從早年追求隱喻、創(chuàng)意的合成設(shè)計(jì)，到現(xiàn)在追求視覺沖擊力的大標(biāo)題、大色塊設(shè)計(jì)。

而國內(nèi)運(yùn)營設(shè)計(jì)在今天絕不只出現(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è)計(jì)時(shí)要考慮這些復(fù)雜的情況，需要設(shè)計(jì)師做具體的業(yè)務(wù)分析整理字段，還需要做大量的稿件做測試和評審。

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

所以國內(nèi)團(tuán)隊(duì)雖然會強(qiáng)調(diào)體驗(yàn)，但實(shí)際設(shè)計(jì)過程中必然業(yè)務(wù)優(yōu)先，體驗(yàn)更多是圍繞業(yè)務(wù)的優(yōu)化和改進(jìn)。所以作品集表現(xiàn)上業(yè)務(wù)的權(quán)重是非常高的，絕對不是學(xué)習(xí)國外的項(xiàng)目包裝邏輯堆砌體驗(yàn)和用研內(nèi)容。

4. 品牌視覺特征的差異

在國內(nèi)激烈的競爭環(huán)境中，建立品牌化的視覺感知就是每個(gè)產(chǎn)品都要認(rèn)真對待的事情。但本身產(chǎn)品內(nèi)容、信息量就已經(jīng)很大了，要實(shí)現(xiàn)品牌化的視覺輸出就沒辦法走傳統(tǒng)品牌的“意識流”路線，使用簡單的配色和大量的留白。

同時(shí)，UI 的組件樣式又高度統(tǒng)一，使用常規(guī)樣式完成的設(shè)計(jì)是很難塑造品牌化視覺的。所以最終的解決方案，就是給組件增加更多樣式細(xì)節(jié)，通過局部的創(chuàng)意來塑造視覺上的差異，同時(shí)再和其它應(yīng)用做出區(qū)分。

于是，主流產(chǎn)品就陷入這種樣式上的競賽，非常高頻的更新組件和視覺的設(shè)計(jì)，希望做出和別人不同的設(shè)計(jì)同時(shí)又有自己的特點(diǎn)。

這種現(xiàn)狀不能說是消極的，因?yàn)樗_實(shí)推動(dòng)了整個(gè) UI 行業(yè)視覺的發(fā)展，但對 UI 設(shè)計(jì)師的視覺素養(yǎng)要求也就更高。所以今天國內(nèi)的中高級 UI 設(shè)計(jì)師，轉(zhuǎn)入國外 UI 市場以后都能實(shí)現(xiàn)降維打擊，就是因?yàn)槭袌龅囊髮ψ陨淼哪ゾ氝h(yuǎn)比外部市場高。

基于以上的差異，可以說在國內(nèi)做 UI 和和在國外做 UI 是兩種難度，要學(xué)習(xí)和訓(xùn)練的方式也完全不同。作為 UI 設(shè)計(jì)師要懂得理解背后的成因，并不會無腦迷信國外的設(shè)計(jì)要求和標(biāo)準(zhǔn)，才可以幫助我們更好融入真實(shí)的工作。

結(jié)尾

結(jié)尾再說點(diǎn)有趣的問題，從我們之前學(xué)員到國外工作的反饋來看，雖然國內(nèi)設(shè)計(jì)容易被嫌棄，但是從設(shè)計(jì)質(zhì)量和輸出上已經(jīng)遠(yuǎn)超歐美的平均水平。

而他們的設(shè)計(jì)師多數(shù)還在劃水搞一些無關(guān)痛癢的體驗(yàn)和用研時(shí)，我們在解決更復(fù)雜的商業(yè)問題，如果有機(jī)會，建議你們也可以去卷國外的 UI，會有你們想象不到的優(yōu)勢。

歡迎關(guān)注作者的微信公眾號：「超人的電話亭」