01. Behance

https://www.behance.net/

Behance 對于設(shè)計師來說并不陌生，作為國外的一大設(shè)計平臺匯聚了眾多的設(shè)計大佬，分享了很多高質(zhì)量的設(shè)計作品。

對于 UI 設(shè)計師來說，這是我們需要定期訪問的網(wǎng)站，里面很多 UI/UX 設(shè)計相關(guān)的作品都偏向于成套的作品輸出。不僅可以讓我們學(xué)習全案設(shè)計的思路，作品包裝設(shè)計的思路和處理技巧也是非常值得學(xué)習的。除了 UI/UX 作品以外，還包括平面、圖形、品牌、插畫、攝影、動畫等等作品，并且質(zhì)量都非常高。

成為優(yōu)秀的設(shè)計師離不開靈感的積累，這個網(wǎng)站絕對是高質(zhì)量靈感來源之一。

02. Dribbble

https://dribbble.com/

Dribbble 相信很多喜歡 UI 設(shè)計打卡的同學(xué)比較熟悉，匯集了大量設(shè)計師的一些日常創(chuàng)意作品。該網(wǎng)站不同之處是發(fā)布作品需要邀請碼，就是需要有邀請碼的設(shè)計師邀請加入才能發(fā)布作品，獲得邀請碼也相當于設(shè)計能力獲得認可。

整體作品的質(zhì)量還是不錯的，如果當你設(shè)計時沒有想法，這是一個不錯的靈感采集地。

03. Pinterest

https://www.pinterest.com/

這絕對是一個靈感采集的絕佳網(wǎng)站，經(jīng)過眾多用戶的長期積累，已經(jīng)匯集了全球大量的優(yōu)質(zhì)圖片資源，其中設(shè)計作品也是非常豐富，且質(zhì)量都普遍偏高。

你可以通過關(guān)鍵詞搜索、畫板關(guān)注、以圖搜圖等操作獲得靈感，而且相似推薦還能延伸出更多類似構(gòu)圖、配色、主題等圖片資源。點擊作品還能跳轉(zhuǎn)到原始出處，順藤摸瓜找到更多優(yōu)質(zhì)資源，真的是非常便利。

04. Mobbin

https://mobbin.design/

這是一個匯集全球優(yōu)秀 APP 截圖的網(wǎng)站，有超過 50000 個優(yōu)秀 APP，節(jié)省了下載應(yīng)用的時間，對于 UI 設(shè)計師來說非常實用。

同樣的應(yīng)用還提供了 iOS 和 Android 兩個不同版本的截圖，簡直非常的人性化。這是一個使用起來非常簡單的網(wǎng)站，海量的設(shè)計必將開啟你的靈感腦洞。

05. Medium

https://medium.com/

這是國外的一個分享專業(yè)文章的網(wǎng)站，各行業(yè)的大佬們會在這里分享自己的經(jīng)驗和心得，帶給新人很大的幫助。作為設(shè)計師來說，一些設(shè)計技巧和經(jīng)驗的學(xué)習也是至關(guān)重要的，這里也匯集了很多優(yōu)質(zhì)的設(shè)計類文章，相信可以帶給你更多幫助。

學(xué)習吸收國外設(shè)計師的想法也是一種擴充視野的方式，這個網(wǎng)站是一個知識吸收層面來說不錯的選擇之一。

06. Unsplash

https://unsplash.com/

這是個人非常喜歡的一個圖庫網(wǎng)站，在做一些設(shè)計作品的時候，我經(jīng)常去里面搜索符合的圖片填充我的設(shè)計。這個圖庫網(wǎng)站的圖片都是可以免費商用的，而且你無需注冊也可以下載使用里面的圖片，是不是非常的人性化。

網(wǎng)站提供了很多的圖庫資源，在搜索的時候采用英文搜索資源會更豐富一些。

07. Zhongguose 中國色

http://zhongguose.com/

你知道茶花紅是什么顏色嗎?莧菜紅你可能名字都不一定聽過，中國有很多傳統(tǒng)復(fù)古的顏?，這個?站相信會給你想要的答案。

當我們在做一些傳統(tǒng)文化項目或者需要用到國風味道的配色時， Zhongguose 這個網(wǎng)站列舉了很多中國色，提供給設(shè)計師進行配色參考。

08. Designspiration

https://www.designspiration.com/

該網(wǎng)站除了通過關(guān)鍵詞搜索圖片內(nèi)容以外，在搜索欄有?個調(diào)色板的圖標，點擊可以通過指定的顏色進行搜索相關(guān)配色的圖片或者設(shè)計。在選擇顏色的時候不是單一的色彩選擇，可以選擇幾個配?組合進行搜索，對于設(shè)計師來說?常實用。

09. Adobe Color

https://color.adobe.com/zh/create

該網(wǎng)站是 Adobe 公司開發(fā)的，主要功能就在于超級方便的色彩選取。它提供免費的?彩主題，我們可以在任何作品上使用它們。我們也可以選擇不同的調(diào)色規(guī)則，然后使用交互式色盤、亮度以及不同顏?模式的滑塊來建立顏?。

10. 51學(xué)設(shè)計-設(shè)計規(guī)范

http://51xsj.cn/index.php?s=/index/design/categorylist.html

最后給大家推薦一個黑馬哥自己的網(wǎng)站 – 51學(xué)設(shè)計網(wǎng)，本次主要推薦的是里面的設(shè)計規(guī)范欄目。為了方便各位 UI 設(shè)計師熟悉各大平臺的設(shè)計規(guī)范，專門為大家整理了常用的設(shè)計規(guī)范合集，讓大家更方便獲取相關(guān)的資源。

當然，還有黑馬家族平時推送的一些文章合集也收錄在里面了，還有設(shè)計書籍欄目也是不錯的選擇。

小結(jié)

靈感的積累來源于日常的不斷吸收和總結(jié)，今天分享的這些網(wǎng)站如果大家可以經(jīng)常去逛一下，相信可以帶給你很多收獲。本期先給大家分享這 10 個網(wǎng)站作為拋磚引玉，希望可以帶給大家更多幫助。

原文地址：黑馬家族（公眾號）

作者：黑馬青年

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》UI設(shè)計新人必須要善用這10個網(wǎng)站

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

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

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

Fiori

在SAP的 Fiori 設(shè)計系統(tǒng)當中，同樣它也進行過多次的改版：

從最初的 Fiori 1.0版本的Blue Crystal

再到 Fiori 2.0版本的 Concept Design

而Fiori 1.4 版本的 Belize

而除了視覺風格的改變，更多是交互形式的一點點優(yōu)化，而優(yōu)化并不等于顛覆，更多是想在原本的設(shè)計框架下去調(diào)整錯誤的交互形式，在一些細節(jié)點上去做創(chuàng)新。

感興趣的讀者可以復(fù)制下方鏈接去看看 Fiori 的一點點改變：

https://zhuanlan.zhihu.com/p/54476972

Lightning

在 SalesForce設(shè)計團隊的 一次 YouTube 直播分享過，講到一個問題：如果想要對當前的系統(tǒng)進行一次小范圍的迭代，所耗費的資金可能會達到數(shù)百萬美金。

因為當你進行了改版過后，企業(yè)需要通知用戶有哪些改版內(nèi)容；而銷售則需要對大型企業(yè)進行培訓(xùn)；作為產(chǎn)品設(shè)計者你需要引導(dǎo)用戶，提示他修改的點；

你上面所做的一切并不能覆蓋所有的用戶，就像我這篇文章雖然大家都會轉(zhuǎn)發(fā)，但是也不是所有的B端設(shè)計師都能看到（不過大家也一定要多多轉(zhuǎn)發(fā)）。

而很多用戶不知道，也就意味著他可能需要去翻閱幫助文檔、咨詢客服。

這一系列的付出都是需要成本，因為不能簡單站在一個設(shè)計師的角度去分析改版，更多需要你多去理解改版究竟會帶來什么，特別是產(chǎn)品成熟階段。

而SalesForce 的案例并不是勸退設(shè)計師改版，而是在改版之前需想清楚自己的真實需求，哪怕是視覺上的好看，也要確定你的設(shè)計與其他版本之間的差距究竟有多少，來驗證自己的設(shè)計。B端設(shè)計目前難點不在設(shè)計“好看”的頁面，而是如何講清楚你設(shè)計的頁面是合理的。

Element Plus

這里也和大家聊聊 Element，不知道有沒有細心的讀者發(fā)現(xiàn)Element最近正在更新 Element Plus。

而關(guān)于Element的版本迭代，則是因為技術(shù)的原因。

如果你對基本的技術(shù)框架有那么一點點的了解，你就會知道 Element 是基于 vue 進行搭建的，而最近的Vue 3.0 的出現(xiàn)，也就意味著 Element 需要進行一次全新的迭代。

這是 Element 的技術(shù)迭代大背景下，而他的迭代過程，就需要將之前element系統(tǒng)當中一些基礎(chǔ)內(nèi)容給優(yōu)化，調(diào)整來滿足現(xiàn)如今B端市場的設(shè)計需求。

最近也在與 忠忠 一起負責 Element 的設(shè)計系統(tǒng)優(yōu)化改版，如果你有設(shè)計系統(tǒng)相關(guān)經(jīng)驗，有充足的時間，可以微信咨詢我。

總結(jié)

其實B端設(shè)計，更多的是優(yōu)化、迭代，想要顛覆，會付出很多代價，正因如此它和C端不同，也正因如此才叫做B端。

原文鏈接：CE青年（公眾號）

作者：CE青年

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》組件固化、布局確定，如何對B端頁面進行大的改版？- B端問答

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

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

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

B端用戶有哪些

不同于C端消費產(chǎn)品的用戶比較唯一，B端產(chǎn)品系統(tǒng)更為復(fù)雜所以用戶角色也更多。本篇將從商業(yè)銷售的角度來研究B端用戶。

用戶構(gòu)成

B端產(chǎn)品的售賣大多針對一個組織/一家企業(yè)，往往存在著產(chǎn)品價格高、產(chǎn)品體量大、適用范圍廣的情況，所以商家決定購買的決策成本更高，按照組織層級從上向下、可以歸納出「決策者」、「運維者」、「使用者」 三個層級的角色。

• 使用者 —— 一般是企業(yè)內(nèi)的內(nèi)部員工，在日常工作時需要一些支持性軟件來更好地辦公。比如公司內(nèi)的員工進行上下班打卡，這時他們對于考勤系統(tǒng)就是使用者。

• 運維者 —— 一般是企業(yè)管理內(nèi)部的部門負責人或管理員，他們?yōu)槠髽I(yè)提供支持性的服務(wù)，也是產(chǎn)品工具輔助完成工作的管理者。

• 決策者 —— 一般是一個企業(yè)的CEO/負責人，他們來決定是否需要支付一筆不小的費用購入一款軟件，來更好地管理企業(yè)。比如某公司的CEO最終決定買企業(yè)微信還是釘釘，讓員工進行內(nèi)部溝通。

關(guān)于決策鏈

B端用戶的三個角色，通過相互影響形成了產(chǎn)品購買的「決策鏈」。

這個“決策鏈”的作用產(chǎn)生在「是否購買」、以及「是否續(xù)費」兩個核心問題上，通常我們簡稱為「新購」與「續(xù)購」。

在這里我還是重審下背景：出現(xiàn)的新購與續(xù)購概念，好像看起來已經(jīng)脫離了本篇文章的主題，但這確實非常重要。對于B端產(chǎn)品，產(chǎn)研開發(fā)的核心目的還是將產(chǎn)品賣出，設(shè)計師作為產(chǎn)研的一員也需要背負這樣的任務(wù)。所以我們需要研究用戶，并且從商業(yè)的角度出發(fā)給出建議。基于此，新購與續(xù)購的商業(yè)概念可以幫助大家更好的聚焦用戶場景與設(shè)計策略。

關(guān)于新購:

新購即指從未買過產(chǎn)品的商家、初次購買的過程。

對于新購，有的商家是自上而下決策：決策者主動有意愿有想法，從而購買產(chǎn)品。

這樣的方式在購買后對產(chǎn)品的推廣和使用更為容易，下面人員的配合度更高，產(chǎn)品取得的效果也就更好，更容易成為優(yōu)秀的標桿案例。

有的商家是自下而上決策：從運維者主動有意愿有想法，并通過游說決策者、讓其理解當前企業(yè)存在的問題、通過什么樣的產(chǎn)品去解決，從而購買產(chǎn)品。

這樣的方式取決于決策者獲取到產(chǎn)品價值從而支持購入，如果沒獲取或不認同，則導(dǎo)致產(chǎn)品售賣失敗；但沒獲取，卻因為其它因素（比如競品企業(yè)都在用了），可能會進行購買。但這樣的方式因為不能獲得決策者最大限度的支持，在推行起來會存在一些障礙和困難，因為B端產(chǎn)品往往牽扯組織內(nèi)多個部門或人員，所以往往啟動較慢，產(chǎn)品效果也不能保證。

所以在這個階段決策者的態(tài)度與意見是非常重要的，運維者提供一定的建議，使用者通常沒有話語權(quán)。

關(guān)于續(xù)購:

續(xù)購即指已經(jīng)購買過的商家，續(xù)約產(chǎn)品的過程。

決定續(xù)購的核心標準：產(chǎn)品是否有效果，翻譯到產(chǎn)研側(cè)就是產(chǎn)品是否被用起來了。

在這個問題上，因為決策者幾乎不會參與過程，所以更考驗運維者本身的使用策略，同時也非?？粗厥褂谜叩膶嶋H使用體驗。

在決策鏈上，核心角色的建議權(quán)，往往比決策權(quán)還重，是否被用起來以及用起來的效果是一個從下向上檢驗的結(jié)果。所以在這個階段，運維者和使用者的體驗非常重要。

對癥下藥:

在了解基礎(chǔ)的概念后，還要知道他們關(guān)心什么才能將設(shè)計對癥下藥。

對于決策者來說，擁有最終購買決定權(quán)，但因其并不是實際業(yè)務(wù)執(zhí)行人，所以會考慮其他角色的建議與意見。他們關(guān)注營收增長、效率提高、減少成本等方面的問題。一般都是階段性的查看成果，權(quán)衡產(chǎn)品價值。

對于運維者來說，是提供重要意見的核心建議者，也是實際業(yè)務(wù)的執(zhí)行人會對產(chǎn)品有更多的要求和考慮。他們同樣關(guān)注營收增長、效率提高、減少成本等方面的問題。但更多的是實際執(zhí)行時的種種細節(jié)問題，具體些：管理方面的功能完不完備（比如社區(qū)中是否能精選評論、是否能自定給精選評論發(fā)獎勵）、數(shù)據(jù)能力完不完善等等。

對于使用者來說，前期幾乎只能被動接受，但承載著后期衡量產(chǎn)品實際使用效果的作用。他們關(guān)注產(chǎn)品便捷性、是否為自己解決問題。幫他們解決問題，他們才愿意用，產(chǎn)品才能用的起來、用的好。

如何尋找用戶

對B端用戶有一個大概了解后，我們再來了解下設(shè)計師如何介入用戶、了解用戶與用戶相處，讓我們的設(shè)計更打動人心。

不同于C端可以較為自由的選取用戶，B端產(chǎn)品對于用戶的選取與接觸較為受限。

產(chǎn)品供應(yīng)企業(yè)針對所服務(wù)的商家會提供一套售前+售后的服務(wù)體系，并配備了不同的人員分管各個階段，例如有客戶銷售、客戶成功、專屬運營等。設(shè)立的目的是針對性的個性化服務(wù)，面對不同商家情況不同，所轉(zhuǎn)述的產(chǎn)品價值甚至價格都會有所區(qū)別，當然這些信息也都非常敏感和隱私。

所以當你想尋找用戶做調(diào)研時，一般要找到對應(yīng)的商家運營，告知目的后幫你推薦合適的用戶與聯(lián)系方式，除此之外，在話術(shù)方面例如什么可以溝通、什么不可以溝通，如何回答敏感問題等更為嚴格（這個我們后文會再詳細描述）。

如何接觸用戶

在認知用戶基礎(chǔ)信息所處身份后，還需了解如何與用戶接觸，本文將從接觸時機與接觸渠道兩個方面闡述，內(nèi)容來自實際經(jīng)驗總結(jié)以供參考。

接觸時機:

功能類變動

• 在涉及操作的流程設(shè)計前后，需要跟進商家意見，看是否真正解決商家問題、減少成本或符合習慣。
• 在大模塊頁面優(yōu)化前后，需要調(diào)研是否符合使用習慣或預(yù)期。

視覺類變動

• 在重要的視覺表現(xiàn)設(shè)計上（比如證書樣式、皮膚設(shè)置等），需要調(diào)研是否符合其審美。

接觸渠道:

除了尋求運營幫助推薦單個用戶，還有一些渠道方式可以幫助你接觸用戶。

• 日常溝通商家群

一般一個商家會建立一個包含該商家的運維者、B端的產(chǎn)品經(jīng)理以及運營的群，用來解決對接問題以及日常咨詢，所以設(shè)計師可以通過加入這個群，就能了解商家如何使用、都在反饋些什么問題。一般商家反饋的最多的是某某功能如何使用和bug類。

• 產(chǎn)研反饋優(yōu)化群

不同于商家群的人少而精的特點，問題反饋群更多匯集了各類技術(shù)與全部運營銷售人員，用以處理運營在平時遇到的商家的各種問題、還有商家從故障平臺等多個方面回收的使用反饋。這個群不僅可以幫你了解商家更關(guān)注哪些功能、還能通過技術(shù)對于問題的解答更加了解產(chǎn)品邏輯。

如何跟進用戶

一般B端產(chǎn)品的用戶數(shù)量有限，使用深度也更高，除了非常少頻的調(diào)研問卷，更多采用訪談的形式來進行問題的挖掘與調(diào)研。這些跟進方式其實在各個領(lǐng)域已經(jīng)非常成熟，作者通過自己的實際經(jīng)驗羅列一些方法和區(qū)別以供參考。

實地拜訪:

通過實地走訪，真實的走入用戶的實際使用場地，近距離、近環(huán)境的接觸用戶。

操作指南

• 一般運營聯(lián)系商家用戶確定上門的時間以及目的來發(fā)起一次拜訪。
• 拜訪時在設(shè)計師提前準備好問題的情況下，過程中因為B端商家的使用場景往往不能預(yù)想，且面對面聊天會更加激發(fā)用戶的表達欲，所以在深度追問的過程中，用戶的回答可能不會按照預(yù)想的方向進行，會經(jīng)常跑偏，此時需要根據(jù)你的目的視情況引導(dǎo)談話方向。
• 溝通時，用戶除了回答產(chǎn)研預(yù)設(shè)的問題、還會提一堆優(yōu)化需求或是功能需求，此時要注意避坑，除了自己能力范圍外的，不能擅自答應(yīng)，但同時也需要給出比較委婉的解決方案安撫用戶。
• 用戶所有提出的問題、給出明確的后續(xù)反饋時間、并同步組內(nèi)其它產(chǎn)研同學(xué)、及時跟進和反饋結(jié)果，不然商家會覺得一直在提重復(fù)的問題給不同的人，但沒什么反饋，造成不良印象。

實地拜訪好處是面對面增強真實感、更準確的解讀用戶需求，也能一次性了解商家?guī)缀跞康挠脩纛愋?，有更為全面的用戶源可了解，同時更容易跟用戶熟悉起來，建立長期的關(guān)系。壞處是，成本高、費時間。

線上訪談:

一般遇到?jīng)]辦法花時間實地拜訪的情況，線上聯(lián)系也是一種好方法。此時需要聯(lián)系好運營確認好溝通訴求后，自行線上聯(lián)系用戶進行調(diào)研。

操作指南

• 聯(lián)系前要說明來意、并預(yù)約時間（區(qū)別于C端直接打電話開始訪問），一般商家都會很高興（可能因為畢竟花了錢）。
• 需要提前準備好問題，一般會按照問題逐個回答，很少跑偏。

線上調(diào)研的好處是便捷快速的聚焦問題，壞處是對問題的理解還有回答的準確度判斷可能沒那么高。

調(diào)研問卷:

不同于C端場景，B端產(chǎn)品因為用戶體量上的原因，較少用到問卷。但依然有一些必要場景會用到，比如針對某一功能的認知、產(chǎn)品的滿意度等。

操作指南

• B端問卷的一個難點在于“如何發(fā)放”。C端一般在產(chǎn)品內(nèi)留有問卷入口，因為用戶量大、總會收集部分反饋，但B端用戶較少，若要確保收集到一定量的問卷就得主動出擊提高觸達率。目前作者所在團隊每周會針對運維者進行答疑直播活動，相當于每次直播都自動匯集一群目標用戶，在直播過程中可以穿插問卷及入口，能夠極大概率的收到反饋（當然填寫?yīng)剟畋夭豢缮?，可以準備一些公司周邊小禮品抽獎）。
• 問卷如何設(shè)計按照普遍方式進行即可在此不詳述。

如何維護用戶

建立個人用戶庫:

通過以上方法我們已經(jīng)開始并可以與各類用戶認識、并進行調(diào)研了。做完調(diào)研后，我建議可以針對一些愿意發(fā)聲的用戶建立更深一層的關(guān)系，比如直接幫助他們解決設(shè)計問題、解答功能疑惑等，用戶其實是樂于接受更多交流的。這樣可以構(gòu)建個人用戶庫，它可以幫助你避免重復(fù)的走預(yù)約流程，更加便捷的獲取用戶信息，讓你對用戶也能夠更加了解。

關(guān)于B端的標桿客戶

在B端產(chǎn)品迭代中，我們經(jīng)常聽到這樣的話“我們要打造一個標桿”“目前這個功能還沒形成標桿”等，這里涉及到一個詞“標桿客戶”。其實除了企業(yè)內(nèi)部角色的劃分，針對企業(yè)本身，也是有不同維度的劃分，「標桿」相當于企業(yè)的一種分層維度。

什么是標桿:

標桿客戶指該B端產(chǎn)品在商家內(nèi)部推行后、使用的效果超過預(yù)期，對商家某問題起到了極大的正面作用。

標桿的作用:

• 驗證產(chǎn)品可行性

只用通過標桿的建立，才可以一定程度證明產(chǎn)品能力是符合市場需求的。如果遲遲沒有標桿產(chǎn)生、可能產(chǎn)品本身就得重新考慮定位與方向了。

• 為產(chǎn)品站臺增強說服力

在很多銷售售賣產(chǎn)品時，如果只是單薄的產(chǎn)品邏輯講解，往往商家沒那么容易理解獲取產(chǎn)品價值，但如果有標桿案例，銷售將標桿商家是如何運營、如何取得成果的流程闡述出來，基本上同行商家能夠立馬理解產(chǎn)品價值。

所以商家對標桿是很看重的，且要求會越來越高，不僅是同行標桿、有的還會要求有細分行業(yè)的案例給到（比如除了同樣是家居行業(yè)、更希望有硬裝行業(yè)、甚至家居-硬裝-瓷磚行業(yè)的案例）

為B端用戶做設(shè)計的避坑指南

關(guān)于「如何為B端用戶做設(shè)計」又是一個宏大的主題，在此先不做系統(tǒng)性的分析和展開，僅提供一些經(jīng)歷實戰(zhàn)后的小技巧以供讀者參考。

• 產(chǎn)品模塊對B端商家的作用不同、需求不同、要保證適配各類商家的靈活性
• B端產(chǎn)品往往復(fù)雜，更注重頁面引導(dǎo)、新功能的解釋，所以每做一個新功能對于“能不能理解”的新人引導(dǎo)設(shè)計非常必要（且是人性化的）

• 避免個人經(jīng)驗主義，B端場景往往不能共情，不能依靠個人生活經(jīng)驗去做設(shè)計判斷
• 決策者和使用者有時會在功能模塊上有利益沖突，需要根據(jù)該功能對產(chǎn)品購買的影響程度，來權(quán)衡利弊（參考決策鏈）

• B端產(chǎn)品是用戶花錢買的，與C端的免費使用是一個本質(zhì)區(qū)別，“買的東西去享受”和“免費的東西去享受”，感受與包容度是完全不一樣。買，代表有所需，使用時，會有準確的預(yù)期，在產(chǎn)品設(shè)計時需要考慮該功能商家是否買單，是不是當初買這份產(chǎn)品所預(yù)期的，如果不是，謹慎添加，且要保證不增加任何認知/操作成本
• 商家更注重儀式感，對于某些一次性場景不可因頻率不高而忽視視覺表現(xiàn)，比如產(chǎn)品初始化設(shè)置。

最后

B端用戶既是普通消費者也是企業(yè)打工人，在使用B端產(chǎn)品時天然擁有兩重身份、會有職業(yè)屬性的因素存在，所以拆解好這兩種角色并對癥下藥，就可以了解他們深入他們設(shè)計出極致的產(chǎn)品。

以上內(nèi)容來自作者在實際業(yè)務(wù)中的探索、學(xué)習與實踐經(jīng)驗總結(jié)，未必足夠系統(tǒng)與細致，歡迎留言討論其中內(nèi)容~

聲明: 本文插圖icon部分取自酷家樂內(nèi)部圖標系統(tǒng)；部分C4D插圖取自UI中國-悶悶小悶悶的圖標分享。

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

作者：十禾

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》設(shè)計師搞定B端用戶初級指南

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

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

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

余秋雨曾說：這是一個浮躁的時代 ；我說：這是一個需要獨立思考的時代。

我們每天忙碌的過著互聯(lián)網(wǎng)民工起早貪黑的生活，每天接受著外界各種嘈雜的聲音，都沒完整的獨立思考空間。為了緩解焦慮，有些設(shè)計師，每天拼命的學(xué)習，像海綿一樣不斷吸收知識，看似乎很努力，但是實際上是沒有方向的努力，是平庸的努力。

回過頭來想想，確實如此。無意義的學(xué)習浪費了時間還沒有成效，這是最笨的一種方式。

在這個時代，我們需要保持獨立思考，每個人都需要重新認識自己。比如我們想成為一個什么樣的人？然后成為這樣的人，需要具備的能力，最后付出行動，做就完了。

比如，你繪畫比較好，那么就工作之余多去畫畫；如果你喜歡演講，那就多參加一些演講活動；又或者你只會畫界面，那就大量做出更多精品作品。如果實在沒有任何優(yōu)勢，那就去挖掘，先動起來，只有動起來才有變化的機會。

這種有目標的行動，用一分力，就能獲得十分的效果，這才是聰明的做法。在努力過程中，不斷收獲正向反饋，激勵你有更大動力前行。

2.建立壁壘，創(chuàng)造不可替代性

企業(yè)都在建立自己的護城河，建立競爭壁壘，那么我們設(shè)計師同樣的需要這樣做，創(chuàng)造不可替代性。如何構(gòu)建自己的競爭壁壘，其實很簡單，就是這個領(lǐng)域的知識體系。

知識體系的重要性，設(shè)計師在面對任何難題，任何場合，都能隨機應(yīng)變，并應(yīng)用結(jié)構(gòu)化思維去解決難題。

上圖是大廠設(shè)計師第一層級的能力模型圖，也是設(shè)計師的知識體系建構(gòu)的底層模型，因此可以從這幾個維度構(gòu)建自己專業(yè)競爭壁壘，打造屬于自己的知識體系框架。

這里，我們拿專業(yè)知識來舉例，首先你對本職工作的專業(yè)知識了解多少？能做到什么程度？如果不足有沒有思考過怎么去提升？任何一個小的點，做好了都能給我們產(chǎn)生很大正面影響。

我們在構(gòu)建自己的專業(yè)知識模型時，勿要貪多，覺得自己啥都會，全能型，最可怕的就是不知道還說自己知道。

我們成長過程都是一步步往前走的，所以不急不躁，踏實穩(wěn)步前行，方能走得更穩(wěn)更遠。

3.破圈，走出去

之前聽到一句話，很受震撼，分享給大家，“你之所以焦慮，就是因為你的認知不足導(dǎo)致的”確實，我們所有的焦慮就是因為知道的太少了，對周遭事務(wù)理解有限。對于設(shè)計師來說，這個圈子本身很小，我們更要踏出去。

如果我們想要和同齡人拉開差距，那么破圈就是其中一個不錯的方法。大家都擠在同一個地方，當你還沒有競爭力時候，你的機會自然更少，所以努力走出第一步。

破圈思維的好處：“圈子鑄就動能，圈子鑄就眼界”，眼界開闊，思維開竅，自然對自己人生有了更多的想法和思路。

那么如何破圈呢？其實就是去認識更多的牛人，看看他們平時在做什么？怎么思考的？如何學(xué)習的？時間怎么分配的？可以從中找到一些適合的方法，然后加以優(yōu)化用在自己的身上。

很多人說，如何認識一些牛人，以及該認識哪些牛人？我覺得不一定是設(shè)計師的圈子，其他行業(yè)圈子都是可以的。只要能幫助到自己，對自己有價值的都可以的。成事在人，我相信沒有什么做不成的。

4.時間分配，保持初心，全速前進

What 是什么

簡介：「加載提示」是用戶在提交操作之后，程序響應(yīng)結(jié)果前顯示的動畫和指示。

加載提示通常是儀表或溫度計式的動畫，用于顯示某項耗時較長的任務(wù)的關(guān)鍵數(shù)據(jù)。例如，上傳大型文件或圖像，或者在移動設(shè)備上加載移動應(yīng)用程序時的動畫，表示當前的狀態(tài)以及完成任務(wù)剩余的時間。

例子： 使用 Ant Design 組件-加載中 搭建的kitchen頁面加載時的效果

Why 為什么

「加載提示」可以讓用戶通過一個指示器看到系統(tǒng)正在積極進行響應(yīng)，讓用戶感受到當下的交互反饋是實時的，使用戶有耐心保持在等待的狀態(tài)，不離開當前頁面。特別是當一個頁面其他部分都不能操作的時候，更應(yīng)該加上加載提示，這樣用戶在等待的時候會更有耐心。

When 什么時候使用

當一個耗時的操作會打斷用戶繼續(xù)操作，或需要在背后運行，耗時超過一秒時就可以應(yīng)用此模式。

原因為：

• 不到十分之一秒時，用戶會感覺他們在與界面進行“實時”交互，軟件的響應(yīng)讓用戶感覺是即時的，沒有感覺到延遲。
• 在十分之一秒到一秒之間，用戶會感受到略有延遲，但他們會等待并立即繼續(xù)。

• 超過一秒時，用戶可能會認為他的操作對任務(wù)推進不起作用，導(dǎo)致其可能放棄當前任務(wù)。此時若使用使用加載指示，用戶就能明確知道系統(tǒng)正在工作，他可以選擇繼續(xù)等待或者在此期間進行其他活動。

使用條件

• 當前的操作系統(tǒng)需要一秒以上時間處理
• 為了讓用戶明確知道當前系統(tǒng)正在運行

• 想讓用戶留在當前頁面等待

How 如何使用

在頁面中放置一個文字或者圖形的指示器，指示當前已經(jīng)完成的進度。告訴用戶：

• 當前正在做什么；
• 已經(jīng)完成了多少比例；
• 還需要多少時間才能完成；
• 如何停止這項任務(wù)。

有時加載提示的時間不一定十分精準，但是只需要保證出錯時能很快回到準確的時間就可以了。當一個用戶界面無法推斷耗費時長時，可以使用加載提示告訴用戶當前系統(tǒng)的處理狀態(tài)。

Example 案例

案例一：Apple 音樂 APP啟動頁面

用戶需求：選擇在線音樂聽歌

在用戶進入APP時使用了加載提示動畫，通常應(yīng)用于輕微等待的場景下。目的是讓用戶知道“系統(tǒng)正在工作，請稍等”。

案例二：語雀和釘釘郵箱上傳附件

用戶需求：上傳文件

在上傳大文件時，等待的時間可能比較久，此時的進度條可以讓用戶知道當前的上傳進度，用戶能夠預(yù)估大概還需要多久才能傳完。

案例三：安卓端Google Play 商店

用戶需求：下載軟件

Google Play商店中將軟件下載到用戶的安卓設(shè)備上時會顯示加載指示條，將文件大小，進度提示等信息都顯示在上面，可以讓用戶知道需要多長時間，并可以等待、取消或做其他事情，稍后再回來。

案例四：Adobe Creative Cloud desktop manager

用戶需求：下載軟件

Adobe 在其macOS桌面的 Creative Cloud 應(yīng)用程序中使用了加載指示。 在頁面中放入了進度條，讓用戶知道安裝進度。

原文地址：Ant_Design（站酷）

作者： 六六

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》設(shè)計模式丨加載提示：如何讓用戶看到任務(wù)執(zhí)行進度？

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

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

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

原文地址：百度MEUX（公眾號）

作者：運營設(shè)計中心

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》盲盒熱潮-設(shè)計師必備工藝揭秘

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

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

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

什么是汽車HMI？

什么是汽車HMI呢？咱們先把這個概念拆分成兩個關(guān)鍵詞：汽車+HMI。

先來說一下HMI，HMI是Human Machine Interface的縮寫，“人機接口”，也叫人機界面。

HMI(人機界面)是系統(tǒng)和用戶之間進行交互和信息交換的媒介，它實現(xiàn)信息的內(nèi)部形式與人類可以接受形式之間的轉(zhuǎn)換。

知道了HMI的定義后，我們把“汽車”這個前綴加上，汽車HMI是指用戶與汽車系統(tǒng)之間進行人機交互的媒介。

當然汽車HMI并不局限于界面中，而是作為功能的集合，例如汽車儀表盤、HUD抬頭顯示器、交互媒介(語音、觸覺)等，都是汽車HMI設(shè)計包含的內(nèi)容。

聊聊汽車HMI的發(fā)展

目前我們說到的汽車HMI最早是在80年代初推出的。

在當時，普通汽車需要實現(xiàn)的功能在迅速增加，設(shè)計師的任務(wù)之一就是為駕駛員提供控制，保證駕駛員能夠使用和管理這些新功能。

對于新功能的增加，主要遵循兩種方法：

• 一是添加模擬控件，為新功能添加物理按鈕。例如想在車內(nèi)開空調(diào)，需要空調(diào)開關(guān)控制按鈕；想在車里聽音樂，需要添加換歌/調(diào)節(jié)音量按鈕。
• 二是添加具有動態(tài)內(nèi)容的汽車屏幕系統(tǒng)。例如展示車速的動態(tài)儀表、可以導(dǎo)航的動態(tài)地圖。

第一種方法在德系車中比較流行，而第二種方法在美系和日系車中比較流行。

現(xiàn)在看來也是這樣，雖然現(xiàn)在汽車都在用車載大屏來代替物理按鍵，但德系車的物理按鍵仍然要比日系車多。

別克汽車在1986年最早推出了車載屏幕系統(tǒng)，用戶可以在單色觸摸顯示屏中控制電臺和天氣。

另一個典型的案例是日產(chǎn)推出的CUE-X概念車，具備可觸摸和彩色圖形的車載系統(tǒng)。能夠看出來，當時車內(nèi)功能控件的位置和設(shè)計跟現(xiàn)在的車內(nèi)飾已經(jīng)很像了。

現(xiàn)在的汽車HMI更像是汽車控制中心與娛樂系統(tǒng)混合的數(shù)字座艙，提供的功能更多更強大，同時兼?zhèn)鋳蕵穼傩浴?/span>

汽車HMI設(shè)計重點關(guān)注這些原則

設(shè)計美觀有效的HMI，需要將藝術(shù)性與功能性合為一體。藝術(shù)性和功能性應(yīng)該是平等和諧地協(xié)同工作，讓用戶沉浸在體驗中。以下是一些基本的設(shè)計原則：

給用戶控制感

汽車HMI應(yīng)該始終在合理的時間內(nèi)，通過適當?shù)姆答?，告知用戶當前的狀態(tài)。

這一點在用戶開車時尤為重要。如果系統(tǒng)在沒有通知駕駛員的情況下就采取某個行為，很可能會對駕駛員造成干擾，產(chǎn)生不好的后果。

駕駛員駕駛汽車，實際上就是在控制汽車做出各種行為。這既是一種控制，也是一種反饋，控制的是汽車的功能，反饋的功能帶來的結(jié)果。例如利用指示燈、速度儀表等各種動態(tài)化信息，隨時告知駕駛員當前的狀態(tài)。

遵循“安全第一”法則

HMI系統(tǒng)主要的好處是可以幫助我們避免事故。現(xiàn)代汽車配備了許多傳感器，傳感器可以收集信息，再利用這些信息跟蹤駕駛狀況。

HMI系統(tǒng)可以實時監(jiān)控情況，防止交通碰撞和事故的發(fā)生。系統(tǒng)對條件的響應(yīng)包括：

反應(yīng)型：系統(tǒng)會通知駕駛員剛剛發(fā)生的事，例如胎壓過低或疲勞駕駛，并向駕駛員發(fā)出警告。

主動型：系統(tǒng)分析狀況，預(yù)測可能發(fā)生的情況，并基于潛在的不良情況向駕駛員發(fā)出警告。例如系統(tǒng)分析天氣狀況，并建議用戶避免在道路結(jié)冰的日子開車。

在設(shè)計系統(tǒng)響應(yīng)時，重要的不是用大量信息淹沒用戶，而是要制定可靠的通知策略。發(fā)送給用戶的反饋應(yīng)該是：

• 有價值的：用戶只看到他們關(guān)心的反饋。
• 及時的：反饋應(yīng)該在需要時準確發(fā)送給用戶。
• 清楚的：在設(shè)計信息反饋時，依據(jù)模塊化和格式塔原則很重要，確保用戶能夠快速理解反饋表達的含義。這些信息越容易理解，安全性就會越好。

認知負荷最小化

認知負荷是使用系統(tǒng)需要付出的腦力成本、思考成本。用戶在使用產(chǎn)品時付出的成本越小，說明這個產(chǎn)品至少是簡單易用的。

話說回來，如果一個車載系統(tǒng)要求用戶承擔大量認知負荷時，說明這個系統(tǒng)存在很大的改進空間。

首先，不要去強迫用戶記住汽車駕駛相關(guān)的信息。大家都知道，用戶在短期記憶中不能記住太多信息，特別是多個容易混淆的功能或抽象的概念。

預(yù)先考慮用戶在駕駛過程中可能遇到的問題，例如機艙溫度是多少？現(xiàn)在在聽什么音樂？怎么導(dǎo)航去商場？基于這些場景和問題進行系統(tǒng)的設(shè)計，以此來解答用戶的問題。

其次，基于現(xiàn)有的心智模型構(gòu)建HMI至關(guān)重要。為什么大多數(shù)汽車的儀表、中控的分布位置都很相似呢？

實際上這些都是在用戶與汽車的交互行為中建立起來的使用習慣，遵循熟悉的設(shè)計方式，能最大限度減少學(xué)習使用系統(tǒng)所需的工作量。

減少不必要的分心

駕駛過程中，駕駛員沒有什么理由去看手機，因為HMI能夠做任何在手機上能夠做的事情。可能會有人說，現(xiàn)在車載大屏尺寸那么大，會吸引用戶的注意力，對駕駛造成一定影響。

所以現(xiàn)在越來越多的智能汽車推出各種車載語音助手，將聲音——而不是觸摸，作為用戶與系統(tǒng)交互的主要媒介，通過語音來控制場景，例如切歌、撥打電話、調(diào)節(jié)溫度等。

不言自明的導(dǎo)航體驗

可發(fā)現(xiàn)性(在系統(tǒng)中找到特定功能)和導(dǎo)航體驗應(yīng)該在設(shè)計中處于最高級別。

現(xiàn)在很多車載系統(tǒng)面臨著操作層級過多/過深的情況：用戶需要點擊很多次才能找到他們想要做的功能。

通過仔細規(guī)劃系統(tǒng)的信息架構(gòu)，將常用的功能放置在第一層級，可以避免這種情況。

改進視覺效果

在美即適用效應(yīng)的影響下，用戶更傾向于認為好看的、有吸引力的產(chǎn)品更實用。

設(shè)計師可以通過改進系統(tǒng)的視覺效果，改善用戶對系統(tǒng)的感知態(tài)度。例如為導(dǎo)航渲染逼真的3D模型，能幫助用戶更快地理解他們現(xiàn)在所在的位置和要去的地方，并獲得很好的體驗。

驗證HMI是否合理，不僅要衡量操作完成的時間和發(fā)生錯誤的數(shù)量，還要注重用戶滿意度。

最后

用戶對汽車HMI的期望很高，有時候甚至會依據(jù)汽車HMI體驗的好壞來決定是否購買汽車。

如果你下次設(shè)計HMI系統(tǒng)，可以將這些要求作為基準：

• 給用戶一種控制感；
• 提供良好的學(xué)習能力；
• 避免分散注意力；
• 不斷了解用戶偏好并提出更改建議；
• 激發(fā)用戶積極的情緒反應(yīng)。 

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

作者：Clippp

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》還不知道什么是汽車HMI設(shè)計？進來帶你快速了解

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

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

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

1.數(shù)字人的三方面特征

虛擬數(shù)字人是指具有數(shù)字化外形的虛擬人物。與具備實體的機器人不同，虛擬數(shù)字人依賴顯示設(shè)備存在，我們所知的很多虛擬人都要通過手機、電腦或者智慧大屏等設(shè)備才能顯示。

虛擬數(shù)字人宜具備以下三方面特征:

• 一是擁有人的外觀，具有特定的相貌、性別和性格等人物特征;
• 二是擁有人的行為，具有用語言、面部表情和肢體動作表達的能力;
• 三是擁有人的思想，具有識別外界環(huán)境、并能與人交流互動的能力。

綜合來看，就是具備四方面的能力，即形象能力、感知能力、表達能力和娛樂互動能力。

如果我們下次再看到有公司推出數(shù)字人，就可以結(jié)合這些特征和能力來判斷這個數(shù)字人的可信度，避免被借勢營銷的企業(yè)鉆了空子。

2.數(shù)字人的運作原理

知道了什么是數(shù)字人，接下來就要搞清楚數(shù)字人到底是怎么說話、互動的，是背后有真人在操控，還是完全通過技術(shù)生成。

面對新興的數(shù)字人，相信很多讀者都存在類似的疑問。

數(shù)字人的誕生發(fā)展和AI人工智能可以說是密不可分，想了解數(shù)字人的運作原理，首先要知道數(shù)字人的通用系統(tǒng)框架。

虛擬數(shù)字人系統(tǒng)一般情況下由人物形象、語音生成、動畫生成、音視頻合成顯示、交互等5個模塊構(gòu)成。（資料參考: 2020年虛擬數(shù)字人發(fā)展白皮書)

交互模塊為擴展項，根據(jù)其有無，可將數(shù)字人分為交互型數(shù)字人和非交互型數(shù)字人。

首先看一下非交互型數(shù)字人：系統(tǒng)依據(jù)目標文本生成對應(yīng)的人物語音及動畫，并合成音視頻呈現(xiàn)給用戶。

交互型數(shù)字人根據(jù)驅(qū)動方式的不同可分為智能驅(qū)動型和真人驅(qū)動型。

▲ 智能驅(qū)動型數(shù)字人：通過智能系統(tǒng)自動讀取并解析識別外界輸入信息，根據(jù)解析結(jié)果決策數(shù)字人后續(xù)的輸出文本，驅(qū)動人物模型生成相應(yīng)的語音與動作來使數(shù)字人跟用戶互動。

這種人物模型是預(yù)先通過AI技術(shù)訓(xùn)練得到，可通過文本驅(qū)動生成語音和對應(yīng)動畫，業(yè)內(nèi)將此模型稱為TTSA(Text To Speech & Animation)人物模型。

▲ 真人驅(qū)動型數(shù)字人：真人根據(jù)視頻監(jiān)控系統(tǒng)傳來的用戶視頻，與用戶實時語音，同時通過動作捕捉采集系統(tǒng)將真人的表情、動作呈現(xiàn)在虛擬數(shù)字人形象上，從而與用戶進行交互。

3.數(shù)字人常見的類型

調(diào)研分析當前市場上的數(shù)字人，根據(jù)人物圖形維度，分為2D和3D兩大類，從外形上可分為卡通、寫實等風格，綜合來看可分為二次元、3D卡通、3D高寫實、真人形象四種類型。

接下來根據(jù)每種類型的特點，從外在形象、服飾裝扮、表情動作等方面，結(jié)合典型案例來逐一分析虛擬數(shù)字人的設(shè)計。

二次元類型

虛擬歌手-洛天依

洛天依的職業(yè)設(shè)定為虛擬歌姬，個性軟萌可愛、溫柔細膩，外貌特征上是灰發(fā)、綠瞳，頭戴碧玉發(fā)飾。

▲ 除了獨特的形象和性格，洛天依還能唱歌、跳舞、直播帶貨，多樣的才藝加持讓人物設(shè)定不單薄，受到很多用戶的關(guān)注。

3D卡通類型

虛擬助理-度曉曉

度曉曉是基于虛擬人IP的陪伴型虛擬助理。在小度助手的能力基礎(chǔ)上，度曉曉有虛擬人物形象和情感交互系統(tǒng)，具備視覺識別能力，支持自然的交流方式。

▲ 在外形裝扮上，度曉曉是紅色短發(fā)的甜美可愛風，五官比例偏向二次元風格。根據(jù)現(xiàn)有案例來看，度曉曉在眨眼、微笑等面部微動作以及肢體的造型，都很自然、生動，整體設(shè)計效果相對較好。

▲ 度曉曉定期更新身穿不同主題服裝、擺著各種pose的形象，每套服裝都有一個主題再帶配上各種周邊小配飾，營造出一種清新時尚的效果。

3D高寫實類型

浦發(fā)銀行數(shù)字員工-小浦

小浦作為銀行的數(shù)字員工，主要進行風險評估、要聞播報、投資建議等在線服務(wù)。

▲ 從外觀上，小浦在形象上無論發(fā)型還是五官都足夠擬人化、職業(yè)化，穿著銀行職業(yè)裝，屬于比較典型的銀行職員形象。

▲ 小浦沒有很夸張的面部表情，始終以面帶微笑的狀態(tài)面向用戶，給人一種親切感。肢體動作相對較少，沒有特別夸張的動作設(shè)定，只有固定的幾套動作。

虛擬偶像-AYAYI

AYAYI是使用Unreal引擎造出來的特別擬真的Metahuman形象。

▲ 外在形象：寫實程度更高，人物整體效果已經(jīng)和真人十分接近，五官特別精致、眼瞼微斂、銀色短發(fā)，散發(fā)著一種清冷氣質(zhì)。

▲ 從AYAYI社交賬號的更新來看，目前主要是分享一些AYAYI的擺拍圖片，穿著的服裝、飾品都比較真實、時尚，拍照環(huán)境都是休閑、藝術(shù)類的場景。

▲ AYAYI人物形象的時尚感和真實感，更容易切入商業(yè)化，比如穿著特定品牌的服裝進行擺拍。

高保真數(shù)字人-Siren(塞壬)

Siren是高保真、實時、可交互數(shù)字人，用到了實時渲染、表情捕捉、動作捕捉、高保真3D掃描等前沿技術(shù)，達到了目前業(yè)界最高的技術(shù)水平。

▲ Siren的面貌細節(jié)更加真實，可以很清楚看到皮膚的細節(jié)、眼睛的轉(zhuǎn)動、說話的神態(tài)、臉上各種各樣的細紋。不管是毛孔、細紋等皮膚質(zhì)感，還是神態(tài)上的表情，都很像真人。

▲ Siren在說話時嘴唇動作自然，效果真實。

之所以有的數(shù)字人看起來不自然，很大一部分原因是因為數(shù)字人面部表情不生動，特別是在說話時嘴唇和臉部、牙齒甚至舌頭的聯(lián)動，很容易出現(xiàn)動作不聯(lián)動、不真實的情況。

真人形象類型

新華社AI合成主播-新小浩

“新小浩”是無論外在形象、面部表情、服裝搭配、說話聲音，還是肢體動作上，都是完全基于真實主持人生成。

通過語音合成、唇形合成、表情合成以及深度學(xué)習等技術(shù)，克隆出具備和真人主播一樣播報能力的“AI 合成主播”。

▲ 我們每天都會遇見各種各樣的人，即使臉上最細微的表情，我們都可以感知到，用計算機打造出來的表情，往往缺乏靈氣。

真人形象的虛擬主播的優(yōu)勢在于，他的特征都是來源于真人，呈現(xiàn)的面貌和狀態(tài)更容易被用戶了解。如果不仔細看，可能分辨不出是不是真人。

4.數(shù)字人的應(yīng)用場景

目前國內(nèi)市場上已經(jīng)出現(xiàn)了非常多的虛擬數(shù)字人，在各行各業(yè)中有著廣泛的應(yīng)用。

虛擬數(shù)字人技術(shù)結(jié)合實際應(yīng)用場景領(lǐng)域，切入各類，形成行業(yè)應(yīng)用解決方案，賦能影視、傳媒、游戲、金融、文旅等領(lǐng)域，根據(jù)需求為用戶提供定制化服務(wù)。

按照應(yīng)用場景或行業(yè)的不同，已經(jīng)出現(xiàn)了娛樂型數(shù)字人，如虛擬偶像、歌手、網(wǎng)紅、虛擬代言人等；

助手型數(shù)字人，如虛擬客服、虛擬導(dǎo)游、智能助手。

主播型數(shù)字人，如虛擬主播、虛擬支持人等。

這里搜集的案例只是虛擬數(shù)字人的應(yīng)用的一小部分，還有很多優(yōu)秀的應(yīng)用案例等待著大家去一起發(fā)現(xiàn)。

5.代表性的研發(fā)平臺

國內(nèi)有很多互聯(lián)網(wǎng)平臺在研發(fā)虛擬數(shù)字人，我也從中收獲了大量的信息和資料，這次把這些平臺分享給大家：

• 搜狗AI開放平臺
• 網(wǎng)易伏羲、網(wǎng)易易現(xiàn)
• 百度AI開放平臺
• 騰訊云、騰訊NEXT Studios
• 訊飛開放平臺…

設(shè)計夾把這些網(wǎng)站進行了匯總，如果大家想了解更多關(guān)于AI人工智能、數(shù)字人和最新科技的發(fā)展，可以去公眾號后臺獲取網(wǎng)站鏈接～

領(lǐng)取方式：關(guān)注公眾號，后臺回復(fù)【數(shù)字人】領(lǐng)取虛擬數(shù)字人網(wǎng)址鏈接匯總

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

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

作者：Clippp

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》用一篇文章，幫你了解什么是虛擬數(shù)字人？

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

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

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