通過問題定義、拆分成計算公式、公式中的每個指標(biāo)可被量化賦值：

1. 自上而下法，也被稱之為「從供應(yīng)端出發(fā)」，從產(chǎn)能方面，比較適合供給端存在瓶頸，供<求，例如下雨天不好打車，用戶需求遠遠高于司機供給，只能通過司機能提供多少供給去測算單量。
2. 自下而上法，也被稱之為「從需求端出發(fā)」，從用戶需求方面，比較適合供給端能滿足用戶需求的情況，供>求。

按照這類方法的特點是：

1. 偏于宏觀方面的估計；
2. 測算方法相對成熟；
3. 測算速度比較快，測算精度上有待不足。

測算精度的問題主要是基于每一步計算過程都是數(shù)量級的估算，導(dǎo)致顆粒度比較粗，但企業(yè)中一般存在相對精確的數(shù)據(jù)，因此可以使用市場規(guī)模測算的方法做出相對精確的測算，本文著重介紹市場規(guī)模測算中的自下而上法在企業(yè)中的應(yīng)用。

Chapter One .
用戶規(guī)模測算的使用場景？

對于公司來講，產(chǎn)品上線之后，通常需要設(shè)立用戶增長目標(biāo)，設(shè)置過高的目標(biāo)往往難以達成，過低的目標(biāo)通常過于容易達成，進行用戶規(guī)模測算可以為用戶增長提供適當(dāng)?shù)膮⒖挤秶?

1. 對于不同的產(chǎn)品階段都可以使用，比較推薦新產(chǎn)品上線階段，這時候往往還沒有那么快去設(shè)立增長目標(biāo)，這時候業(yè)務(wù)方對于業(yè)務(wù)增長的信息較為模糊，通過用戶規(guī)模測算可以設(shè)置一個較為清晰的目標(biāo)和數(shù)量級。
2. 在制定年度規(guī)劃階段，對于未來的增長目標(biāo)不確定，可以通過此確定量級。

Chapter Two .
為什么不直接用數(shù)據(jù)庫里面的數(shù)據(jù)去預(yù)測？

這個問題確實值得被考慮，而且在大數(shù)據(jù)分析領(lǐng)域中，也有各種模型預(yù)測，為什么不用數(shù)據(jù)分析模型去進行，而使用調(diào)研去獲得相應(yīng)的數(shù)據(jù)，如果數(shù)據(jù)層面有相應(yīng)的行為數(shù)據(jù)可以進行相對準(zhǔn)確地預(yù)測，則也可以數(shù)據(jù)模型預(yù)測，比如電商、快銷品等。

實際上，除了行為數(shù)據(jù)之外，還有用戶態(tài)度數(shù)據(jù)，比如需求情況、購買意愿、購買偏好等，這些很有可能無法通過數(shù)據(jù)庫數(shù)據(jù)得到，因此可以通過問卷進行推算。

Chapter Three .
測算的流程是怎樣的呢？

先來劃分一下市場：

• 潛在市場：這個潛在的需求有多大，
• 可服務(wù)市場：有多少需求已經(jīng)被滿足了，滿足需求的形式不限。
• 可獲得市場：有多少需求被我們滿足了。
• 獨占市場：有多少需求是別人無法滿足的，只使用我們?nèi)M足的。

如何去獲得相應(yīng)數(shù)據(jù)呢？

我們通過問卷抽樣，來確定每個切分市場所代表的部分，然后按照問卷抽樣推算總體的情況。

這個總體可以分成：域內(nèi)總體和域外總體，總體由用戶導(dǎo)流來決定，比如如果是一個新產(chǎn)品的孵化，一般會從域內(nèi)先去導(dǎo)流，通過域內(nèi)的流量能做前期的產(chǎn)品價值點驗證，再逐步拓展。如果是領(lǐng)域有明顯差別，需要從域外導(dǎo)流，那么后續(xù)的用戶增長目標(biāo)大概率由域外向域內(nèi)的流量或者是線索。

第一步：通過問卷得到需求和使用數(shù)據(jù)

根據(jù)目標(biāo)設(shè)計問卷問題，在總體用戶中進行問卷投放，投放問卷得到相應(yīng)占比。

第二步：獲得總體大盤的相應(yīng)數(shù)據(jù)

如果是域內(nèi)導(dǎo)流的產(chǎn)品，則總體數(shù)據(jù)既是大盤數(shù)據(jù)（特別地：抽樣期間的大盤數(shù)據(jù)）；如果是域外導(dǎo)流的產(chǎn)品，則總體數(shù)量可以選擇市場占有率計算。市場占有率的計算方式，可以去第三方平臺投遞問卷，經(jīng)過計算得到相應(yīng)的數(shù)據(jù)。

第三步：計算產(chǎn)品數(shù)據(jù)

根據(jù)總體大盤數(shù)據(jù)和問卷相關(guān)比例，計算產(chǎn)品日活（highcase～lowcase）

• highcase，屬于最大需求量
• basecase，屬于某產(chǎn)品滿足需求的情況，可以作為基準(zhǔn)線，basecase可以
• lowcase，屬于某產(chǎn)品優(yōu)先滿足需求的情況，獨占市場的份額

第四步：計算細分需求量、使用情況等

除了日活、月活、銷量等數(shù)據(jù)，還可以計算細分?jǐn)?shù)據(jù)，比如行業(yè)、職業(yè)、會員等，可以采取同樣的思路進行計算，為細分領(lǐng)域的拓展提供思路。在這里需要注意的是也需要考慮大盤中的量，最終的需求量、使用量是有總體大盤的數(shù)量、針對該產(chǎn)品的需求量來決定的。

需求占比=所在總體中的細分領(lǐng)域用戶規(guī)模比例*細分領(lǐng)域有需求的用戶占比。

Chapter Four .
案例

我們通過問卷獲得了以下的數(shù)據(jù)：

看到最后，大家會不會好奇？

原文鏈接：酷家樂用戶體驗設(shè)計（公眾號）

作者：魚日

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》用戶規(guī)模測算: 為用戶增長設(shè)立目標(biāo)

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

1.為什么要改版？

如果你已經(jīng)開始工作了，那么對于設(shè)計改版你應(yīng)該不陌生。改版目的是為了優(yōu)化產(chǎn)品體驗，增加品牌粘性，提升數(shù)據(jù)轉(zhuǎn)化。

一般情況下，產(chǎn)品在一年中至少會有一次大改版。其他情況下不會特別大的變動，畢竟每次改版都是會影響數(shù)據(jù)的變化，領(lǐng)導(dǎo)也不敢隨便冒險。

那么到底什么情況下會改版？下面看一張圖，就一目了然。

從上圖看出，通常在這些條件下，公司業(yè)務(wù)層、用研側(cè)、設(shè)計側(cè)驅(qū)動、年久未迭代、產(chǎn)品需求出發(fā)，企業(yè)基本就會做設(shè)計改版。

這里簡要說下用研報告，用研團隊和設(shè)計配合完成一份研究報告。那么這份報告里面就會有用戶對產(chǎn)品主觀評價，和測試過程中發(fā)現(xiàn)的一些體驗問題或者產(chǎn)品問題，這些關(guān)鍵結(jié)論可作為設(shè)計改版的依據(jù)。

如果你在的團隊有會每年都去改版，那么恭喜你，要好好把握每次機會，改版最能鍛煉設(shè)計師的時候，也是設(shè)計師價值體現(xiàn)，平時小迭代版本真的就像小修小補一樣。

2.改版中常出現(xiàn)的問題

• 目標(biāo)不清晰或者說不知道如何推導(dǎo)

在啟動改版過程中，很多設(shè)計師不清晰設(shè)計目標(biāo)，要達成什么要的效果。從大家作品集邏輯推導(dǎo)中就能看出，比如，很多設(shè)計師的目標(biāo)關(guān)鍵詞常出現(xiàn)的情況是：簡潔、清晰、高級等等，我們可以想象下這樣的詞匯，是不是對任何產(chǎn)品都能用，沒有體現(xiàn)出產(chǎn)品要真正解決的問題。

那么對于設(shè)計目標(biāo)來說，我們應(yīng)該從哪幾個維度思考？

在一般情況下，可從以上四個大維度去挖掘設(shè)計目標(biāo)。設(shè)計師首先就需要對每個目標(biāo)充分理解，最好能和老板、產(chǎn)品、領(lǐng)導(dǎo)對齊各方向目標(biāo)后，開始去拆解可量化的設(shè)計目標(biāo)。

這里補充說明下，如果只是單純的視覺層面的改版，是很難得到多方協(xié)同支持，而且價值意義不是很大。所以，改版一定要挖掘出對產(chǎn)品產(chǎn)生明顯影響的問題。

• 不知所云的用戶畫像

在包裝過程中，如果你只懂皮毛的用戶畫像，還是盡量不要把用戶畫像東西放進去，沒有多大意義。放進去反讓人覺得你是套模板，大家可以看看大廠公眾號中改版文章，幾乎很少看到用戶畫像。

那么用戶畫像一般什么情況下會出現(xiàn)？比如是0~1設(shè)計啟動，這時候是需要細分人群定位，但是在設(shè)計側(cè)角度來說，建議別放，除非你對這塊非常懂。

3.設(shè)計改版流程

雖然網(wǎng)上流傳出很多各種經(jīng)典設(shè)計思維模型，比如斯坦福大學(xué)設(shè)計學(xué)院設(shè)計流程、尼爾森諾曼集團設(shè)計流程等，這些都大同小異。在真正做的過程中，還會有很多問題出現(xiàn)，我們還需從實際情況出發(fā)，遇到問題解問題。

上圖就是一個大致的改版設(shè)計方法，從洞察問題、目標(biāo)確定、發(fā)散收攏、方案探索、結(jié)果匯報、推動落地等6個步驟，每個步驟都有很多事情要做，所以設(shè)計改版真的是一個很龐大的工程。

除了我們?nèi)粘９ぷ髦羞@樣去推進，在包裝作品集思路時，也是可以使用這樣的流程去思考，只是可以去掉最后兩個步驟。

4.寫在最后

前面有說到，我們真正在改版過程中可能并沒有很順，會出現(xiàn)很多突發(fā)狀況，這也是考驗設(shè)計師是否會靈活變通。最重要的一點是在啟動項目的時候，不要單點去看產(chǎn)品的問題，最好能系統(tǒng)的思考和業(yè)務(wù)方對齊關(guān)鍵目標(biāo)，找準(zhǔn)發(fā)力點，循序漸進，這樣也是為了減少設(shè)計過程中的返工問題，或者考慮不周的情況，不然會有失專業(yè)水準(zhǔn)。

設(shè)計師路還很長，我們都需要在過程中學(xué)習(xí)成長，通過實戰(zhàn)提高思維應(yīng)變和設(shè)計能力，通過設(shè)計驅(qū)動價值體現(xiàn)。

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》用例驅(qū)動設(shè)計，讓你的設(shè)計更嚴(yán)謹(jǐn)！

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

9大特點：

1.使用純色

2.使用素色

3.襯線字體

4.干凈的圖片

5.使用幾何輪廓圖片

6.圖片與線的組合

7.圓弧形圖片配弧線文字

事情的來源是今早 9 點零三分，我還在夢里吃著澳龍，突然微信的震動把我震醒了。我一拿手機，原來是我的恩師胡曉波給我發(fā)來一條消息，讓我試著能不能寫一篇關(guān)于卡通 LOGO 的教程。當(dāng)然我是一個很樂于分享的好人，所以有了今天的這篇分享。

準(zhǔn)備好了嗎？我要進去……哦不，我要開始了！

 

首先先去網(wǎng)上找一些關(guān)于青蛙的素材，當(dāng)然，你可以找照片，也可以找一些青蛙的卡通形象參考。然后在網(wǎng)上我看到了這張圖，覺得非常有意思?；④|一震，決定把這個拿來當(dāng)動作參考。

  

在做卡通logo的時候，找照片素材最好是找姿態(tài)、動作比較有故事性、有意思、有特點的，這樣出來的形象也比較生動。

接著，把這張照片墊底，試著草圖一下它，把它的輪廓先用 AI 鋼筆工具勾出來，這樣就得到了一個初始的外輪廓。

再處理下這個外輪廓，得到這個初始的輪廓后，感覺這個形象完全可行，那么我們現(xiàn)在需要把它的線條變的更順滑，整體的形象顯得更可愛（既然是卡通，可愛一點會更好看）。

重點 2：

怎么能讓一個形象變得 Q 萌可愛？長時間的研究卡通，我得出這么一個結(jié)論：形象偏矮胖、敦厚、圓潤，就比較能突出可愛的特征，把你勾勒的初始輪廓適當(dāng)壓扁，讓它變矮胖。

經(jīng)過線條的優(yōu)化（使其圓滑），外輪廓的壓扁處理以后，就得到了最后的這個結(jié)果。

整體形象確定以后，再給青蛙畫五官，這里，我們再去網(wǎng)上找一些青蛙的卡通形象的處理方式（或者不局限于找青蛙也可以找一些與青蛙形象相近的動物，例如蜥蜴等等）。

重點 3：

卡通的五官，處理方式其實很簡單，盡量用幾何圖形去作為臉部的五官特征。

在這個案例上，因為主體是青蛙，所以不能單純用一個小圓點去作為青蛙的眼睛，我們可以看到青蛙眼睛的特征，是有一個較大的眼白與較小點的眼珠。所以這邊的處理方式，就是一個白色的大圓+黑色小圓。

單單這個形象還是不太夠，雖然這個坐姿已經(jīng)比較生動了，我們可以根據(jù)這個形象展開聯(lián)想，讓它更充滿故事性和趣味性，這里觀察青蛙的姿勢，這個屁股的角度，可以讓它坐在跟大自然有關(guān)的物體上，加上這個雙手護胸的動作，讓它叼一根樹枝，更能體現(xiàn)悠閑的氣質(zhì)。

重點 4：

卡通吉祥物的標(biāo)志，利用本身的的姿態(tài)動作，適當(dāng)展開聯(lián)想，加一些小物件可以讓它更生動，更有趣。

接下來就是上色跟補充一些細節(jié)了。如果配色較差，可以去網(wǎng)上找一些配色的參考。這里我找到一個卡通的配色，剛好也是綠色為主，適合青蛙，且背景也可以參考它做一個疊底。

最后，選個自己覺得較為合適的字體，如果會做字體的話最好是自己做個字兒，再做個排版，就OK 啦~

  

重點 5：

卡通 LOGO 的排版，不要太復(fù)雜，因為卡通標(biāo)志本身的圖形具象，排版簡單更好看，用字的字體氣質(zhì)要符合圖形。

前面的案例，想必大家都已經(jīng) get 到了步驟，還我還是要再演示一下這個案例，嘻嘻。

還是一樣的，這張照片是我偶然看到的，覺得非常有感覺就保存到手機了。在做這個 LOGO 前突然想到有這么一張圖，立馬開始操作。

其實大家在日常生活中看到比較有意思的圖片，都可以保存下來，說不定哪天它就能變成一個好看的 LOGO 是不是呢？

好了不說廢話，開始勾輪廓！

這張圖的松鼠，看起來還是比較飽滿的，所以在后期調(diào)整優(yōu)化曲線的時候會比較輕松，但是這個圖的外輪廓，相比第一個案例的青蛙，是比較復(fù)雜的，這里需要耐心一些。

這里繪制的外輪廓，線條都不是合并的，但是我們發(fā)現(xiàn)，這個 LOGO 是需要做一些高光跟陰影的，所以這里先給大家普及一個基礎(chǔ)知識。

三種描邊模式，我們選擇第三種——使描邊外側(cè)對齊，因為我在給圖形做剪切陰影或者是高光時，不可能 100% 沿著輪廓去勾勒，這樣太累了，所以一般會超出外輪廓一些，再去做剪切，這樣能省不少時間。

  

重點 6：

卡通 LOGO 的繪制，基本都是用到外輪廓，這樣好做高光跟陰影的剪切。

回到主題，我們接著畫這個松鼠。

剛剛我們已經(jīng)把草圖大概勾勒出來了，現(xiàn)在把這個草圖墊底，讓它形成一個合并的狀態(tài)（注意先觀察草圖找好錨點的起點，否則很難讓整個輪廓連起來），并且過程中、優(yōu)化線條曲線（這一步還是有點難度的，鋼筆工具不太熟的同學(xué)需要多練習(xí)）。

勾勒完成后的線條是圖 1 這樣的，不少同學(xué)會有疑問，為什么有些地方會呈現(xiàn)雙線的狀態(tài)？別急，把它換成外描邊模式你就明白了。

因為外描邊模式，當(dāng)有兩條相近的線條時，是有可能重疊的，這樣就能形成一些細節(jié)線條。

接著，我們繼續(xù)調(diào)整有些不完美的地方，比如重疊到的地方線條粗細不統(tǒng)一等等，調(diào)整完后我們看下效果。

到了這步以后，其實最難的點已經(jīng)被你拿捏了，剩下的就是補一些細節(jié)。另外，松鼠的尾巴，這邊是沒有按照圖片的線條去處理的，因為現(xiàn)在這個圖形是往下走的趨勢，如果尾巴還是往下垂，那整個圖形的重心就不平衡了。

這邊尾巴的處理也可以網(wǎng)上找一些參考，因為上面說的平衡問題，所以我把松鼠尾巴處理成往上走的趨勢。

大體造型已經(jīng)完成，現(xiàn)在剩下的就是填補五官、填充顏色，加高光陰影。

 

重點 7：

陰影跟高光這部分，其實不需要過于嚴(yán)謹(jǐn)。沒有美術(shù)功底的同學(xué)也不用發(fā)愁，在一些有交錯，遮擋的部位加陰影，在頭頂或者身體外邊緣加高光，基本是沒有什么大問題的。

這樣圖形就完成了，最后加上排版就完成了。

  

第三個案例跟前兩個其實很相似，都是我在網(wǎng)上看到比較有意思的照片，下載下來做成卡通標(biāo)志。廢話不多說，上圖了。

其實我個人很喜歡做猴，當(dāng)然大部分原因是因為我愛人叫……猴子，emmm好像離題了，收！

因為猴子本身是一種帶著調(diào)皮、聰明、智慧性質(zhì)的動物，做猴 LOGO 其實可以讓它賦予多種性格。

如上兩個案例的方法，先大概繪制一下猴子的外輪廓，看一下圖形大概的感覺（這里還是與第一個案例說的，圖形整體看起來比較瘦高，可愛氣質(zhì)會偏弱,我們可以嘗試壓扁）。壓扁后我覺得是我想要的一個高度，但是壓扁后頭部也會變形，那么接下去只要我們把這個壓扁后的猴子輪廓復(fù)制一個，再使用第一版繪制的頭部就 OK 了（這里不做具體演示）。

重點 8：

卡通類型的 LOGO，一般身體都會比較短，頭比較大，圓，這樣可愛的氣質(zhì)才會突顯。

經(jīng)過一番調(diào)整操作后得到這樣一個輪廓，但是現(xiàn)在這猴子是沒有尾巴的，所以我們要給它添加一根又粗又長……的尾巴。

這樣得到了一個最終的輪廓形態(tài)。接下來就是給它畫上臉，五官，還有增加一些高光細節(jié)了。

這里看你想給猴子定義什么樣的表情氣質(zhì)。原照片的這猴子，表情略帶無辜，我覺得還蠻不錯的。那么我們嘗試一下畫上表情，注意簡化。

委屈、無辜的表情，如果你不知道怎么畫才能表現(xiàn)出來，可以對著鏡子裝個委屈的表情看下，或者度娘一下委屈、無辜的照片。一般委屈無辜，眼睛的形狀都是呈現(xiàn)一個眼角往下的狀態(tài)。

加完五官以后，現(xiàn)在整個猴子的大致形象已經(jīng)出來了，那現(xiàn)在這個姿勢，需要加點什么才能讓它變完整。原照片上，是兩根分叉的樹干，其實照著畫也沒什么不妥，那我們就給它畫上樹干，再上個色。

畫完樹干，上完色后，整個圖形是不穩(wěn)的。原因是分叉的樹干其實是個 V 字形，所以我們?yōu)榱俗屗€(wěn)住，在底部加一個類似陰影的形狀去壓住它就完全 OK了。

本以為到這，就完成了。端詳許久，總覺得還差點啥，感覺這猴兒還不夠靈性。這時候我突然想到我前幾天買的毛線帽，然后想著，天冷了，給猴兒個帽子吧……

畫完后，又看了許久，不禁發(fā)出感嘆，我 TMD 真是個天才……最后老規(guī)矩，加排版，完事兒！

  

 

前面的都是根據(jù)一些照片去做的吉祥物卡通標(biāo)志，其實創(chuàng)造性不屬于特別高，我個人其實更喜歡是這類 MIX 標(biāo)志，把兩種不相關(guān)的物體結(jié)合起來，但卻不違和，反而更顯趣味創(chuàng)造性。

這個案例的靈感來源是我在 BE 上看到一個我很喜歡的設(shè)計師做的一個標(biāo)志（下圖） ，把老鼠與胡蘿卜結(jié)合，非常有意思。

做這個 LOGO 之前，我就一直想做個胡蘿卜的創(chuàng)意性標(biāo)志（出于對波哥的愛），這類型的卡通 LOGO，有時候就是靈感一瞬間迸發(fā)的事兒。但是沒靈感的時候，我都會去網(wǎng)上瞎看，有時候看著看著，就能想到做啥了。偶然間看到幾張?zhí)箍说恼掌?，靈雞一動，把胡蘿卜跟坦克結(jié)合，因為剛好坦克的炮管，可以用胡蘿卜代替（想到這里，我露出了姨母笑）。

那么胡蘿卜跟坦克的造型怎么畫呢？首先還是打開你的網(wǎng)頁，可以先搜一下胡蘿卜的造型，再搜坦克的圖片（這里找到的坦克圖片，已經(jīng)是手繪圖了，所以我們要把它概括簡化一下)。

我先不用管胡蘿卜的部分，因為胡蘿卜的角度是要根據(jù)坦克輪子的角度來做，所以我們先把坦克的部分繪制一下。仔細觀察坦克底座的構(gòu)造，拆解繪制。

到這里大家可能會有點困惑，這樣的圖片我要怎么下手？不要急，其實不難。上面我們已經(jīng)把坦克底座的部分拆解，現(xiàn)在只需要繪制一排車輪跟輪子上面的鐵蓋。這里需要注意的是，因為坦克的特征十分明顯，就是一根長長的炮管與底部的一排輪子，所以只要把這兩個特征能抓出來，基本不難看出是坦克了。

重點 9：

當(dāng)你要把一個實物/動物圖片轉(zhuǎn)化成卡通風(fēng)格時，要仔細觀察它原來的線條，使其更幾何化，去繁從簡。

坦克部分處理完就可以搞這個胡蘿卜了，這里就不用做太多演示了，胡蘿卜這么好畫！注意跟坦克合上的角度就 OK 了！

這個角度先畫個草圖，放上去試試合不合適。

可以！

再觀察下胡蘿卜的細節(jié)，因為它要充當(dāng)炮管，所以我們不加上面的葉子，但是這樣會不會看不出是胡蘿卜？那我們可以觀察下胡蘿卜身體部分有什么細節(jié)，再加上胡蘿卜的橙紅色，說看不出我不信！

特征：胡蘿卜身上的劃痕

別急，現(xiàn)在看不出胡蘿卜不要緊，上色以后一切都會好的~

好了，可以合體了！注意各個組件的圖層關(guān)系。

上色！排版！完事兒！

  

這個案例跟上個案例其實非常相似，都是 MIX 系列的卡通 LOGO 這個 LOGO ，這個 LOGO 靈感來源于我偶然在網(wǎng)上看到了這張圖片，以獼猴桃代替了鸚鵡的翅膀，配色也完全不違和，是非常優(yōu)秀的作品了。

萌生了想長做一個類似的 LOGO，當(dāng)然我們不能再用獼猴桃的元素了。想想，其實很多水果可以做這樣的「代替品」。但是這里需要注意的是，什么樣的水果切開，還非常具有特征，讓人一眼就能辨識出來。最后我選了西瓜，西瓜可以有半圓，也可以有三角形，這樣的話，鳥的翅膀形態(tài)發(fā)揮空間就很大了。切開后的西瓜籽加上紅色的瓜瓤十分具有辨識度。

當(dāng)然我們先要做的是「鳥」這個主體的造型。這邊還是先去網(wǎng)上找一下鳥的圖片，最終，我選用這張圖片來作為這個 LOGO 的主體（因為它本身圖片就有可愛的氣質(zhì)，更方便我們后面創(chuàng)作）。

這里我只提取了這只鳥的身體跟嘴的部分，翅膀我們要用西瓜代替的，所以暫時先不去繪制。確定好身體部分以后，我們再嘗試先畫切開的一半的西瓜。這里也不難，網(wǎng)上搜一下西瓜，很多素材可以參考著畫。

畫好的西瓜，我們再嘗試旋轉(zhuǎn)角度，跟鳥的身體部分合體一下。

看起來真可以啊！

現(xiàn)在的造型看起來是不是還不戳！是吧~但是還沒完！一般展翅的鳥兒，爪子是什么狀態(tài)？別慌，繼續(xù)度娘！

可以看到，展翅后的鳥兒，爪子都是往前伸。我們秉著卡通能簡化就簡化的原則，把爪子處理成線的形式即可。加以上色，「西瓜鳥」就出來了。

圖形這樣已經(jīng)是完成了，現(xiàn)在就剩下排版。當(dāng)我加上文字以后，發(fā)現(xiàn)這個 LOGO 越看越顯得空，那咋辦？加個背景色塊其實就解決了（這里的背景色塊,也是根據(jù)鳥的身體走勢做的橢圓）！

  

重點 10：

當(dāng)你的卡通 LOGO 做完后發(fā)現(xiàn)整體看起來不飽滿，嘗試加個背景色塊，屢試不爽。

   

總結(jié)Tips：

• 在做卡通 LOGO 的時候，找照片素材最好是找姿態(tài)，動作比較有故事性，有意思，有特點的，這樣出來的形象也比較生動。

• 怎么能讓一個形象變得 Q 萌可愛？形象偏矮胖、敦厚、圓潤，就比較能突出可愛的特征，把你勾勒的初始輪廓適當(dāng)壓扁，讓它變矮胖。

• 卡通的五官，處理方式其實很簡單，盡量用幾何圖形去作為臉部的五官特征。

• 卡通吉祥物的標(biāo)志，利用本身的的姿態(tài)動作，適當(dāng)展開聯(lián)想，加一些小物件可以讓它更生動，更有趣。

• 卡通 LOGO 的排版，不要太復(fù)雜，因為卡通標(biāo)志本身的圖形具象，排版簡單更好看，用字的字體氣質(zhì)要符合圖形。

• 卡通 LOGO 的繪制，基本都是用到外輪廓，這樣好做高光跟陰影的剪切。

• 陰影跟高光這部分，其實不需要過于嚴(yán)謹(jǐn)，在一些有交錯，遮擋的部位加陰影，在頭頂或者身體外邊緣加高光，基本是沒有什么大問題的。

• 卡通類型的 LOGO，一般身體都會比較短，頭比較大，圓，這樣可愛的氣質(zhì)才會突顯。

• 當(dāng)你要把一個實物/動物圖片轉(zhuǎn)化成卡通風(fēng)格時，要仔細觀察它原來的線條，使其更幾何化，去繁從簡。

• 當(dāng)你的卡通 LOGO 做完后發(fā)現(xiàn)整體看起來不飽滿，嘗試加個背景色塊，屢試不爽。

初試卡通，或許效果沒有很好，但是都是能靠多看，多練，練會的。喜歡它，你就能靜下心去做它，練它，興趣是最好的老師。所以如果你也喜歡卡通類型的 LOGO，讓我們干起來吧！

原文地址：胡曉波工作室（公眾號）

作者：小章魚

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》五個案例教會你怎么做卡通 LOGO （一）

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

三種加載狀態(tài)

頁面加載進程會受多方面的影響，例如頁面里圖片、圖標(biāo)的數(shù)量，頁面中是否有三維場景或模型，是列表式設(shè)計還是卡片式設(shè)計…

逐一加載

對于可以同時進行多個加載任務(wù)的產(chǎn)品，更適合應(yīng)用逐一加載的形式，這樣做能減少用戶對于等待的感知程度。任務(wù)列表逐一加載的過程會給用戶帶來一種秩序感。

完全加載

進入一個網(wǎng)站或App，很多頁面都會一下就顯示出來所有內(nèi)容，這種頁面完全加載的形式對用戶來說更熟悉。

同樣，頁面完全加載的形式會讓用戶的操作和瀏覽過程更流暢。

延遲加載

延遲加載是用戶主動觸發(fā)的操作，根據(jù)操作系統(tǒng)反饋對應(yīng)的結(jié)果。延遲加載包括三種形式：

• 無限滾動：當(dāng)檢測到用戶快要到達列表或頁面的末尾的時候，通過無限滾動來作為觸發(fā)器，引導(dǎo)用戶獲取更多內(nèi)容。

• 加載更多：通過點擊“加載更多”按鈕來獲取更多內(nèi)容，這個過程由用戶主導(dǎo)決定，是否選擇點擊。

• 分頁加載：分頁是在不同頁面上進行的延遲加載。這個過程也是由用戶主動選擇，但和“加載更多”按鈕不同的地方在于，分頁是頁面間的切換，并且用戶能清楚地看到具體的頁面數(shù)量。

五種加載模式

加載模式需要依托場景去考慮。比如一個1秒就能加載的頁面和一個需要5秒才能加載出來的頁面，我們就需要考慮使用不同的加載模式設(shè)計，這樣才能做到差異化設(shè)計。

這里我做了一個表格，將頁面加載需要的時間以及對應(yīng)的加載模式進行了整合。

0.1秒以內(nèi)

如果加載時長低于0.1秒，用戶不需要等待加載過程，內(nèi)容就能即時呈現(xiàn)出來，有一種“還沒開始就已經(jīng)結(jié)束”的感覺。

0.1秒以內(nèi)的加載不需要在頁面中添加任何加載狀態(tài)，但要一個場景需要格外注意，如果用戶剛完成一系列復(fù)雜的操作，點擊提交之后，考慮為用戶提供撤消機制。

▲用谷歌郵箱發(fā)送郵件時，發(fā)送成功之后會彈出一個撤銷提示，允許用戶在5s內(nèi)撤銷剛才發(fā)送成功的郵件。

0.1-1秒間

大多數(shù)產(chǎn)品的頁面加載速度都在這個區(qū)間，用戶幾乎不會注意到這種加載延遲。所以我們不需要增加額外的加載動效來填充這段加載時間，不然可能會起到畫蛇添足的反面效果。

試想一下，如果在每個頁面加載的過程中都加上加載動效，不僅會分散用戶的注意力，并且屏幕上總出現(xiàn)不斷跳動的內(nèi)容，會讓人感到很焦躁。

1-2秒間

如果加載時間超過1秒，用戶就會感知到這個加載過程，這個時候我們就可以考慮適當(dāng)添加加載動畫，緩解用戶等待的焦急感。

• 微加載：1-2秒的加載時間對用戶來說，說長不長說短也不短，優(yōu)先推薦輕量級的動畫加載形式，為用戶提供一種進度感。

▲在下載內(nèi)容的過程中，使用這種輕量級的環(huán)形動畫來顯示加載進度，簡潔清晰，而且還能作為組件來復(fù)用，能夠極大提升工作效率。

• 骨架屏：用于整頁加載，這種加載形式在產(chǎn)品中的應(yīng)用也越來越頻繁。骨架屏可以讓用戶在等待加載的過程中，先了解頁面的架構(gòu)。

在骨架屏基礎(chǔ)上，可以“選裝”一些好看的效果，增加頁面加載時的視覺體驗觀感：

• 微光效果：在骨架屏基礎(chǔ)上添加微光效果，光感的加入能將用戶的注意力從等待中轉(zhuǎn)移開，有效地減少等待感知。

• 脈沖效果：效果和微光效果很像，差異的地方在于脈沖效果用于單個的任務(wù)或卡片列表。

2-10秒

這個加載時間對于用戶來說已經(jīng)很長了，對于設(shè)計師來說，需要對這段加載時間進行合理有效地設(shè)計，來提升用戶體驗。

• 時間提示：在開發(fā)中很難以分和秒為單位來精確地估計加載時間。

如果在加載的過程中，想給用戶一個期望的時間值，告訴用戶整個加載過程需要多長時間，我們可以用“這可能需要幾秒鐘”這種提示方法，既能展示加載需要的時間，又能給用戶一個時間預(yù)期。

• 進度條：最常使用的加載形式，加載過程中使用緩入動畫會讓整個過程看起來更像在加速。

• 分步提示：如果加載過程過長，可以將整個過程分為幾個不同的步驟，幫助用戶預(yù)估操作完成需要的時間。如果系統(tǒng)正在處理多個項目，分步提示的設(shè)計能讓用戶明確了解已完成的操作。

10秒以上

• 百分比加載：使用百分比加載雖然不能告訴用戶加載完成需要多長時間，但是能提供一種過程感，讓用戶自己來估計加載時間。圓形進度條+百分比是最常見的加載形式。需要注意的是，不要在加載到99%的時候讓進度條卡住不動，這樣會讓用戶感到焦急。

• 后臺加載：如果一項任務(wù)需要加載很長時間，我們不能讓用戶看著進度條干等，其他什么都做不了，這種情況我們可以考慮將任務(wù)放到后臺去加載。

最后

把加載細分成這五種模式，可以覆蓋很多使用場景，這樣的對癥下藥既能保證用戶體驗，還能讓產(chǎn)品豐富化，起到錦上添花的作用。

在對的時間和對的場景下做對的事，這句話用在什么地方都不為過，設(shè)計也是一樣。

最后考慮到大家經(jīng)常使用卡片式UI排版，為大家整理了90+個iOS卡片模板，源文件已經(jīng)打包好，大家可后臺領(lǐng)取。

領(lǐng)取方式：關(guān)注公眾號，后臺回復(fù)【小組件】獲取源文件。

慢慢來比較快，希望對你有幫助！

原文地址：Clip設(shè)計夾（公眾號）

作者：Clippp

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》3種狀態(tài)+5種模式，從UX角度分析加載設(shè)計

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

02.插畫與文字

熱衷于插畫設(shè)計的設(shè)計師們將文字巧妙的融合的圖形元素中，這種形式更能傳達設(shè)計師的想法，使其更為具象化的表現(xiàn)在欣賞者的面前。

03.3D設(shè)計

3D軟件讓設(shè)計師們不在拘泥于二維世界當(dāng)中，更全面的視角和細膩的質(zhì)感表達，讓設(shè)計作品煥發(fā)出全新的力量！

原文地址：設(shè)計師深海（公眾號）

作者：設(shè)計師深海

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》2022的100種設(shè)計法！

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)

前言

影響APP轉(zhuǎn)化率的因素有很多，設(shè)計也是其中重要組成部分，那設(shè)計師需要如何應(yīng)對，才能助力用戶轉(zhuǎn)化呢？從用戶角度來看，助力轉(zhuǎn)化就是掃清理解障礙，提升瀏覽意愿與順暢度。

想要以設(shè)計語言達成以上目的，快速傳達有效信息是十分重要的一環(huán)，接下來，我們結(jié)合案例，聊聊快速傳達重要信息是如何通過節(jié)省用戶時間來助力轉(zhuǎn)化的。

01.為什么要快速傳達

研究表明，人類在面對非自身興趣的事物時，注意力只能高度集中 10 分鐘左右，短暫休息后再次集中注意力的時間則為7-10 分鐘[1]。

當(dāng)用戶使用服務(wù)類APP的時間超過這個閾值后，就會因為遲遲沒有達到目的而產(chǎn)生焦躁情緒，隨之而來的負面影響要么是跳出到其他APP，亦或者對軟件產(chǎn)生厭煩感，而無論哪一種都不是我們想要看到的結(jié)果。這也就意味著，我們每次只有20分鐘的時間讓用戶完成從篩選到下單的時間。

因此，在用戶有限的時間與精力中，迅速的傳達有效信息，不僅可以縮短用戶從挑選到下單的流程，站在用戶角度來說，因為可以快速的找到自己想要的信息，也可以讓用戶切實的感覺到這是“好用”的軟件。

因此我們需要快速傳達的理論依據(jù)就此成立：

02.如何快速傳達

那么如何快速傳達有效信息呢？方法有很多，今天我們重點闡述以下三個技巧：

接下來我們結(jié)合實際案例看看如何運用以上手段以達到快速傳達的目的。

 · 塑造視覺焦點

什么是視覺焦點呢？就是畫面中讓我們能多停留幾秒的視覺元素，可以是一個點，一條線，一個面，通俗來講，就是頁面中最引人注意的地方，視線上交匯集中的地方，這個位置就叫做視覺焦點，而焦點可以通過構(gòu)圖，色彩運用，比例等手段進行塑造。

接下來我們結(jié)合十一活動的實際案例說說如何進行焦點塑造，我們需要先構(gòu)建合理的視覺層次結(jié)構(gòu)，好的層級能使觀者快速瀏覽信息，位于層級頂層的信息也可以在最短的時間內(nèi)讓人注意到。

根據(jù)人眼對畫面的閱讀習(xí)慣，位于頂部和正中這兩個位置的信息會最先被注意到，我們應(yīng)優(yōu)先將重要信息放在此處，符合了閱讀習(xí)慣之后，通過運用色彩對比，字號大小等差異化手段，可以將信息的層級提高。

大字號更容易讓人一眼看到信息，因此就算是同處高層級的信息，通過內(nèi)部字號大小的對比，可以進一步細分層級，讓視覺焦點更加具體

飽和度與對比色的運用同樣重要，我們將彩色的圖片去掉顏色之后可以發(fā)現(xiàn)，色彩關(guān)系對畫面層次的影響，通過對灰度，明暗和色相的使用，可以使焦點位信息產(chǎn)生視覺前推感。

視覺焦點在具體案例中的應(yīng)用展示：

58到家活動

小結(jié)：通過構(gòu)建畫面層級之后，運用字號大小和顏色對比等手段做出差異化設(shè)計，可以快速將用戶注意力吸引至焦點區(qū)域，并被引導(dǎo)著跳過次要區(qū)域，視線按從上到下，從左到右的順序，在各個焦點位中跳躍，從而達成我們優(yōu)先傳遞重要信息的目的。

· 前置思考過程

我們平時在想要達成某種目的時，需要先獲取大量信息，在腦內(nèi)羅列整理，然后歸納出有用信息后，再進行處理。

用戶在使用APP時也是這樣，比如想點餐時，要挑餐廳，挑口味，挑菜品，而這一系列的信息整理過程是十分繁瑣又消耗耐性的，正因此，我們才經(jīng)常面臨：不知道吃啥啊 這樣的難題。

而這個思考過程是可以通過設(shè)計語言來簡化，甚至提前完成的。通過將頁面中的信息分類后，將同類信息放置在不同組塊中的相同位置，使用相同的顏色和格式，會幫助用戶形成閱讀慣性。

 結(jié)合十一活動案例來看，每個組件中都會包含有幾類基本信息：產(chǎn)品名，利益點，和下單跳轉(zhuǎn)按鈕，每個組件中的信息都在固定的區(qū)域展示.

同時用高飽和度的紅色來強調(diào)，在這樣的固定排列中，用戶想要取得什么樣的信息時，可以第一時間去固定的位置尋找，大大提高了信息獲取的效率。

前置思考在具體案例中的應(yīng)用展示：

小結(jié)：通過將畫面中的信息整理并歸類，我們可以縮短用戶的信息獲取與腦內(nèi)整理歸納的時間，讓用戶將有限的時間更多的放在優(yōu)惠對比與決策中去，這不但有助于提高下單率，易讀的版式也更容易讓用戶產(chǎn)生“好用”的感覺。

· 米勒定律[2]

我們先來看以下兩段數(shù)字

是不是后一段更容易記憶，這涉及到一個叫“組塊”的概念，人腦記憶一組信息的時候，這組信息內(nèi)的元素數(shù)量小于7±2時最容易記憶，具體數(shù)量因人而異，老年人的記憶數(shù)量會顯著降低。

因此一長串?dāng)?shù)字看起來毫無規(guī)律難以記憶，而3個數(shù)字一組分成多個組塊后，則容易記憶很多，同一組塊內(nèi)的信息越少，越容易讓用戶記憶深刻。

這個定律對設(shè)計畫面同樣有著重要的影響，一個板塊中如果包含了過多的組塊，不僅會讓用戶對這個板塊的內(nèi)容難以記憶，也會因為信息過多且沒有主次而大大增加篩選成本，用戶將時間過多的花費在篩選上會延長下單之前的流程，也會提高下單之前的跳出率。

結(jié)合我們的頁面設(shè)計來看，每一區(qū)域內(nèi)的組塊分布都不超過5個，同時組塊內(nèi)的信息類別也只有圖片、產(chǎn)品名、簡要介紹與下游鏈接4部分組成，通過做減法，讓重要信息可以迅速被提取，更容易被記憶。無論對于新老用戶來說，都可以有效的降低篩選成本，新用戶能更容易理解板塊功能，老用戶則更容易記住自己想找的功能在什么區(qū)域。

米勒定律在具體案例中的應(yīng)用展示：

58到家電商首頁展示

 小結(jié)：通過簡化板塊中的信息類別，能有效縮短新老用戶尋找服務(wù)的時間，同時老用戶也更容易記住想要的板塊在什么位置，下次再使用的時候，迅速觸達。

03.寫在最后

作為設(shè)計師，兼顧商業(yè)化與用戶體驗是我們的必修課，好的設(shè)計不僅僅是要“好看”，更需要兼?zhèn)溆脩襞c產(chǎn)品兩方面的功能性，將視覺語言與心理學(xué)、行為學(xué)的結(jié)合運用，既可以有效的提升用戶體驗，提高粘性，又能縮短下單前的必要流程，提高轉(zhuǎn)化率。

注釋：

[1]出自《教書育人》2016年1期38頁，【運用心理學(xué)規(guī)律提高課堂學(xué)習(xí)效率】章節(jié) 

[2]米勒(Miller，1956)的分析，人腦處理信息有一個魔法數(shù)字7(正負2)的限制，也就是說，人的大腦最多同時處理5到9個信息(chunks)。原因是短期記憶儲存空間的限制，超過9個信息團，將會使得大腦出現(xiàn)錯誤的概率大大提高。

原文地址：58UXD （公眾號）

作者：環(huán)鐵藝術(shù)家

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》三個小技巧，輕松提高設(shè)計轉(zhuǎn)化率

藍藍設(shè)計建立了UI設(shè)計分享群，每天會分享國內(nèi)外的一些優(yōu)秀設(shè)計，如果有興趣的話，可以進入一起成長學(xué)習(xí)，請掃碼藍小助，報下信息，藍小助會請您入群。歡迎您加入噢~~希望得到建議咨詢、商務(wù)合作，也請與我們聯(lián)系。

分享此文一切功德，皆悉回向給文章原作者及眾讀者.
免責(zé)聲明：藍藍設(shè)計尊重原作者，文章的版權(quán)歸原作者。如涉及版權(quán)問題，請及時與我們?nèi)〉寐?lián)系，我們立即更正或刪除。

藍藍設(shè)計( www.yvirxh.cn )是一家專注而深入的界面設(shè)計公司，為期望卓越的國內(nèi)外企業(yè)提供卓越的UI界面設(shè)計、BS界面設(shè)計 、 cs界面設(shè)計 、 ipad界面設(shè)計 、 包裝設(shè)計 、 圖標(biāo)定制 、 用戶體驗 、交互設(shè)計、 網(wǎng)站建設(shè) 、平面設(shè)計服務(wù)