用戶體驗(yàn)設(shè)計(jì)首先字面意思是用戶+體驗(yàn)。

01 座艙內(nèi)的用戶除了駕駛員還要考慮非駕駛員， 非駕駛員也有多種角色：老人/兒童/青年。

02 體驗(yàn)：用戶發(fā)生使用操作的感受。

但實(shí)際用戶體驗(yàn)一定是脫離不了場景的，場景是用戶發(fā)生行為的一個大環(huán)境。

03 考慮場景的時(shí)候除了考慮的當(dāng)下現(xiàn)實(shí)場景還有未來場景。

場景案例：充電全屏展示充電信息

場景案例：導(dǎo)航交互體驗(yàn)，先展開詳細(xì)信息，然后再收起信息

場景案例：蔚來的360泊車系統(tǒng)開啟時(shí)不能喚醒nomi

而且產(chǎn)品的研發(fā)和功能創(chuàng)新，用戶的體驗(yàn)都是依據(jù)場景體系建立的。所以HMI設(shè)計(jì)過程當(dāng)中，場景體系化的建立尤為重要。

二、智能座艙的場景體系化搭建

1、搭建流程

01 場景發(fā)掘：競品分析、用戶畫像定位、產(chǎn)品定位、用戶旅程圖

場景發(fā)掘首先要把場景和使用的用戶做定位，結(jié)合實(shí)際項(xiàng)目進(jìn)行用戶畫像定位，確定場景主題，尋找到目標(biāo)用戶進(jìn)行實(shí)車訪談和拍攝。

02 場景數(shù)據(jù)細(xì)化：網(wǎng)絡(luò)數(shù)據(jù)、用戶訪談、實(shí)車測評數(shù)據(jù)、常見高頻數(shù)據(jù)

這一步主要是把用戶訪談收集上來的數(shù)據(jù)，進(jìn)行拆分和細(xì)化，然后篩選出有價(jià)值的數(shù)據(jù)進(jìn)行錄入。

用戶訪談數(shù)據(jù)錄入到數(shù)據(jù)庫里，產(chǎn)品經(jīng)理和設(shè)計(jì)師會針對收集上來的用戶反饋，進(jìn)行痛點(diǎn)/和爽點(diǎn)的挖掘。提出需求解決方案。

03 場景應(yīng)用設(shè)計(jì)：原型設(shè)計(jì)、界面設(shè)計(jì)

基于場景的應(yīng)用設(shè)計(jì)會分為兩個步驟、一個是原型設(shè)計(jì)、一個界面設(shè)計(jì)、原型設(shè)計(jì)時(shí)我們更多是組內(nèi)評估、找專家來提供指導(dǎo)性意見，到了界面設(shè)計(jì)時(shí)候除了專家評審、可以做出demo給用戶進(jìn)行測試來獲得反饋。

04 場景走查：還原場景

在設(shè)計(jì)方案產(chǎn)出完成之后，給用戶還原到我們發(fā)掘的場景去進(jìn)行走查，根據(jù)用戶旅程圖查看有沒有遺漏的用戶場景和不同的用戶反饋。

2、搭建工具

整個智能座艙的場景體系化搭建需要幾個工具，競品分析、用戶畫像定位、產(chǎn)品定位、用戶旅程圖。

用戶調(diào)研方法有很多，我們需要掌握（調(diào)查問卷、用戶畫像、用戶體驗(yàn)地圖、用戶訪談、焦點(diǎn)小組、）

今天核心介紹使用頻率最高的三種用研方法。

2.1 用戶旅程圖

關(guān)注用戶在駕駛階段的行為、方式、心情、痛點(diǎn)、期待。

關(guān)鍵步驟：

① 設(shè)定場景、目標(biāo)、期望（用戶畫像）

② 確定行為路徑

③ 建立核心地圖

④ 包裝地圖

⑤ 繪制故事板

2.2 可用性測試

可用性測試已經(jīng)成為獲得用戶反饋的流行手段，主要因?yàn)樗麄兩鲜挚?，能快速反?yīng)出問題。

關(guān)鍵步驟：

① 明確測試目的

② 問卷框架的設(shè)計(jì)

③ 投放調(diào)研問卷

④ 組織測試

⑤ 整理輸出結(jié)論

2.3 5W+1H法則

5W+1H 是選定的項(xiàng)目、工序或操作，可以從原因(Why)、對象(What)、地點(diǎn)(Where)、人員(Who）、時(shí)間（When）、方法(How)等六個面進(jìn)行思考。

① 原因—立項(xiàng)背景？

② 對象—什么功能？

③ 地點(diǎn)— 什么場景下？

④ 人員–駕駛員？/非駕駛員？

⑤ 時(shí)間–什么時(shí)機(jī)？哪個流程之后？

⑥ 如何–什么方式操作？

三、細(xì)化座艙用戶體驗(yàn)的三階段

1、用戶體驗(yàn)的三階段

體驗(yàn)的時(shí)間性有三個主要組成成分，及熟悉程度、功能依賴和情感依賴。

1.1 初識體驗(yàn)：

我們在產(chǎn)品使用初期的階段，都會對產(chǎn)品有個使用預(yù)期。例如期望產(chǎn)品能提供一個好的體驗(yàn)，或者怕產(chǎn)生不好的體驗(yàn)。

1.2 使用體驗(yàn)：

使用體驗(yàn)分為兩個階段：使用產(chǎn)品初期和使用產(chǎn)品深度期

進(jìn)入到車內(nèi)試駕或者試乘，試駕員和銷售除了會讓用戶體驗(yàn)車機(jī)的基礎(chǔ)功能外，主要介紹的就是和競品車型的競爭功能。

產(chǎn)品深度體驗(yàn)期的時(shí)候，長期的可用性變得更加重要，而不是最初的易學(xué)性。從而產(chǎn)品的實(shí)用性成為影響我們整體評估判斷的主要因素。

1.3 獲得體驗(yàn)：

最后，當(dāng)我們接受了產(chǎn)品，在我們的日程生活中它參與了我們的社交活動。成為了生活當(dāng)中的固定解決問題的工具，這個階段產(chǎn)品體驗(yàn)就具有可識別性了。

2、體驗(yàn)的三條路線

2.1 體驗(yàn)線路是感官線

我們現(xiàn)在座艙內(nèi)的交互感官有、觸感、聽感、視覺、嗅覺、語音。用戶在人機(jī)交互的時(shí)候第一時(shí)間獲得直觀感受。

2.2 體驗(yàn)線路是情感線

情感線是諾曼強(qiáng)調(diào)感情在塑造體驗(yàn)中的重要性。比如燈光秀、寵物模式、和擬人化的汽車助手。帶給用戶都是情感上的滿足。這些情感構(gòu)成了與汽車的首次互動體驗(yàn)。

2.3 體驗(yàn)線路的流暢

就像C端和B端一樣，我們交互體驗(yàn)的線路效率和流暢程度，能給用戶增強(qiáng)駕駛樂趣?；蛘咦畲笙薅葴p少信息元素的干擾，讓駕駛員沉浸在當(dāng)下。

3、把握用戶體驗(yàn)的多樣性

3.1 個人價(jià)值觀的差異

首先個人的因素，因?yàn)槲覀兂砷L的環(huán)境不同，造成了對價(jià)值觀的差異，有的人喜歡刺激新穎的產(chǎn)品，有的人喜歡乏善可陳的產(chǎn)品。

3.2 產(chǎn)品屬性問題

第二可能是產(chǎn)品屬性的問題，游戲產(chǎn)品帶給用戶就是不斷的快感刺激，工具類型的產(chǎn)品用戶使用流程流暢會更好。

3.3 跟隨時(shí)間線的體重心變化

用戶的使用體驗(yàn)對于時(shí)間的變化，通過用戶旅程圖，他們對產(chǎn)品的關(guān)注點(diǎn)會產(chǎn)生變化，例如用戶剛開始對產(chǎn)品互動中更關(guān)注新的功能和刺激的體驗(yàn)。但在使用過一段時(shí)間后他們可能不會再關(guān)注他的新穎程度，更關(guān)注產(chǎn)品的實(shí)用性和效率。所以需要我們在不同的使用階段重新幫助用戶提升體驗(yàn)。

原文地址：七醬設(shè)計(jì)筆記

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》基于智能座艙場景的用戶體驗(yàn)設(shè)計(jì)

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

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

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

最關(guān)鍵的是，點(diǎn)進(jìn)去每一個app，里面有這個app的所有截圖：

簡直就是一個吸取靈感的天堂，太nice了。（網(wǎng)址在文末）

那我們有了這個好東西，怎么去參考借鑒呢？

今天菜心就給大家一些啟發(fā)，希望能對大家有所幫助。

一、圖標(biāo)雙線條風(fēng)格

比如像下面這個app，體育競技類的：

我們仔細(xì)觀察底部主圖標(biāo)：

會發(fā)現(xiàn)他的風(fēng)格是雙線條的，在國內(nèi)還很少見過，而這種形式我們就可以參考參考，省的來被別人說你得東西太同質(zhì)化！

當(dāng)然，也不能亂參考，一定要說清楚理念和原因，比如像人家體育類的app，用雙線條風(fēng)格，把這個雙線條比喻成跑道，我感覺沒毛病，哈哈。

二、學(xué)習(xí)人家的一些小創(chuàng)意

比如，像這個地圖上的小創(chuàng)意點(diǎn)，人物拿著一個巨大的咖啡杯，和人物形成強(qiáng)烈的大小對比，就很有趣味性：

放大看，人物還伸出來個舌頭，挺饞的感覺：

這種小創(chuàng)意，當(dāng)你做一些場景的時(shí)候，就可以借鑒，比如一些地圖啊、外賣啊，都可以嘗試參考參考。

三、老板說你的閃屏太單調(diào)

閃屏是app的重要頁面之一，我們看到的大部分閃屏都是一個簡單的logo，比如：

咱就是說，萬一哪天你的老板不喜歡這種簡單的形式，像來點(diǎn)設(shè)計(jì)感的閃屏，那你就可以去這個網(wǎng)站上找靈感，你就在主頁劃拉就完了，你框框一頓劃拉，
就能發(fā)現(xiàn)有很多參考形式，比如這種圖形類的：

這種插畫類的：

這種圖片類的：

你就咔咔參考唄，靈感老了去了！

四、看看別人的插畫風(fēng)格

也可以看看別人的app里面融入的插畫風(fēng)格是什么樣的，千萬別一畫插圖就是這樣的：

看看別人的風(fēng)格和造型，最起碼可以提高一些審美，也可以提高一些對于差異化的視覺敏感度：

當(dāng)然，最好可以自己動手練一練，那樣會吸收的更好！

總結(jié)

除了這些，看看差異化的風(fēng)格，也都是可以的，像這些

說不定，后面什么時(shí)候就能夠用到，參考一番。

好啦，以上就是給大家的一些靈感啟發(fā)， 主要是告訴大家，拿到一個優(yōu)秀的網(wǎng)站后，怎么尋找靈感，吸取靈感，好好的把它用起來，而不是放到收藏夾里面吃灰。

網(wǎng)址：https://mobbin.com/

好好用起來，希望可以幫到大家！下期見！

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》這10年，我都在這里看全球最頂尖的app產(chǎn)品！

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

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

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

Post-it 與彩通色彩研究所共同開發(fā)，推出 11 種全新 Post-it Notes 系列，以令人耳目一新的色調(diào)展現(xiàn)色彩的力量。激發(fā)創(chuàng)意生產(chǎn)力！

 Post-it Notes 

Post-it 始終提供繽紛的畫布，為人們的想法增添些許鮮艷的色彩，而在七年沒有重大的視覺轉(zhuǎn)變之后，彩通色彩研究所獲選成為 3M 的合作伙伴，在全球推出重新打造的 Post-it Notes 和 Post-it Super Sticky 系列。

三種精選調(diào)色板包括：

1、花卉幻想

這個調(diào)色板充滿新鮮芬芳的春季花卉，陽光正面的氣息能帶來活力與好心情。

2、能量激發(fā)

這個系列中活力四射的色彩能點(diǎn)亮您的心情，讓訊息清晰透徹。

鮮艷色彩混搭成組，振奮人心的色調(diào)以充滿活力的配色之姿自然呈現(xiàn)。這些動感活潑的色調(diào)使人留下大膽鮮明的印象，傳達(dá)生氣蓬勃的歡樂訊息，以急迫感和力量激勵使用者采取實(shí)際行動。

3、單純靜謐

透過干凈現(xiàn)代的單純靜謐系列，為提醒事項(xiàng)便利貼注入一絲禪意。

和諧混搭干凈俐落的經(jīng)典顏色，呈現(xiàn)簡潔外觀和平靜狀態(tài)，突顯人們對簡化、清理和整理的渴望。這幾種獨(dú)特色調(diào)穩(wěn)定可靠且歷久不衰，使用溫柔且老少咸宜的粉紅色來達(dá)到強(qiáng)調(diào)的目的，傳遞直接而單純的訊息，讓輕柔的氛圍靜靜地?fù)嵛咳诵摹?

二、多彩的元宇宙

元宇宙中的色彩：探索色彩在虛擬與現(xiàn)實(shí)之間的關(guān)系。

1、視覺語言

許多人幾乎無法想像生活在眼睛所見只有黑白灰、沒有其他色彩的世界；我們已經(jīng)習(xí)慣被色彩包圍，色彩更是定義世界的視覺訊號，讓我們感知與周遭環(huán)境和所愛事物的連結(jié)。約有 80% 的人生體驗(yàn)會經(jīng)過雙眼吸收，因此視覺訊號對于傳達(dá)訊息至關(guān)重要。

色彩在元宇宙的使用方式與實(shí)體世界大致無異，唯一的差別在于：

實(shí)體世界中的色彩有其局限。物體自然會是一種色彩，可以改變，不過需要資源、時(shí)間和精力。此外數(shù)碼光譜中的某些色彩無法在實(shí)體世界重現(xiàn)。在元宇宙中，色彩可以立即視需求調(diào)整。

元宇宙中的色彩沒有任何限制。從你在 Web 3.0 中的外貌到衣著，或者是你擁有的產(chǎn)品，這些色彩都可以隨你的心情以及你希望在數(shù)碼世界呈現(xiàn)的方式改變，不論它們在實(shí)體世界呈現(xiàn)的色彩為何。元宇宙將會帶來自由。

三、提契諾的色彩

Ticino Turismo 了解色彩會喚起我們對旅游地點(diǎn)的珍藏回憶，并激發(fā)未來的旅游計(jì)畫。因此他們與彩通色彩研究所 (Pantone Color Institute) 的全球色彩專家團(tuán)隊(duì)合作，透過各種色彩描述造訪瑞士著名提契諾地區(qū)的體驗(yàn)。

（點(diǎn)擊圖片前往原文查看視頻）

icino Turismo 與彩通色彩研究所合作精選出五種最能代表提契諾的色彩，用來傳達(dá)春夏兩季訪客在當(dāng)?shù)厮娮R到的美景與快樂體驗(yàn)。

彩通色彩研究所以這些色彩為基礎(chǔ)創(chuàng)造出 Ticino Camellia Pink (提契諾山茶花粉紅)，用來代表點(diǎn)綴這片地區(qū)的艷粉色花朵；Bellinzona Fortress Grey (貝林佐納城堡灰)，這種帶有灰色調(diào)的暖褐灰色正是當(dāng)?shù)刂惺兰o(jì)城堡呈現(xiàn)的色彩；Brissago Blue (布利薩戈藍(lán))，這是布利薩戈島周圍澄澈湖水的色彩；Lugano Sunset Orange (盧加諾日落橘)，呈現(xiàn)當(dāng)?shù)厝章涞拿匀斯獠?；以?nbsp;Valle di Muggio Green (穆吉奧山谷綠)，展現(xiàn)郁郁蔥蔥的山谷色彩。

四、周大福的色彩

彩通色彩研究所最近與周大福集團(tuán)合作，透過提供包含三種新色調(diào)的時(shí)尚調(diào)色盤，結(jié)合中國傳統(tǒng)風(fēng)格和現(xiàn)代審美，借以襯托周大福集團(tuán)標(biāo)志性的招牌紅色。

全新周大福調(diào)色盤體現(xiàn)了融合傳統(tǒng)色彩與現(xiàn)代風(fēng)格的故事。呈現(xiàn)出精致感觸、完美品質(zhì)和現(xiàn)代雅趣，全新周大福調(diào)色盤既融合了傳統(tǒng)的優(yōu)雅，也繼承了現(xiàn)代風(fēng)格的美感和精神。

全新調(diào)色板：融合中國傳統(tǒng)風(fēng)格和現(xiàn)代審美

為強(qiáng)調(diào)大福紅 (Tai Fook Red) 濃郁而充滿活力的強(qiáng)大吸引力，我們透過暖金色突顯出一系列相容的色調(diào)，打造和諧的色彩故事。

五、西派金銅  City Park Golden Brass

彩通色彩研究所最近與中國鐵建房地產(chǎn)集團(tuán)有限公司 (CRCCRE) 合作，提供宏觀色彩趨勢指引并建立招牌色彩，做為該公司的主要品牌視覺形象，用于公司旗下不同的重慶西派城住宅。

這個全新色彩能夠向潛在買主傳達(dá)出重慶西派城的居住環(huán)境和生活風(fēng)格，以及CRCCRE 的愿景：成為具價(jià)值的房產(chǎn)開發(fā)、工程設(shè)計(jì)及資產(chǎn)管理商，借此提升中國生活水準(zhǔn)，同時(shí)解決人們?nèi)找嬖鲩L的需求，滿足他們追求自然景觀環(huán)繞，以及求取身心靈平衡的愿望。

在考量中國生活風(fēng)格趨勢的美學(xué)，以及中國居民未來的追求后，我們創(chuàng)造出「西派金銅 (City Park Golden Brass) 」來代表重慶西派城的品牌定位：拘謹(jǐn)、優(yōu)雅、穩(wěn)定發(fā)展、現(xiàn)代化、年輕且時(shí)尚，同時(shí)仍支持及推廣積極進(jìn)取的哲學(xué)。

作者：劉濤

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》2022 PANTONE 最美色彩來啦！

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

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

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

不同的產(chǎn)品，對于頁面的模式、表現(xiàn)上都會有明顯的差異，今天我們就來聊聊 客戶關(guān)系管理系統(tǒng)

一、定義

CRM 的全稱為客戶關(guān)系管理系統(tǒng)，是 Customer Relationship Management 的縮寫，顧名思義就是提供給銷售人員進(jìn)行使用的管理系統(tǒng)，來幫助銷售人員管理他手下的客戶。從產(chǎn)品類型來看，CRM產(chǎn)品是屬于垂直業(yè)務(wù)型的產(chǎn)品，主要是為各行各業(yè)的企業(yè)，提供管理銷售的服務(wù)

當(dāng)然在CRM產(chǎn)品當(dāng)中目前主要分為兩個賽道，分別是以：Salesforce、紛享銷客、銷售易、悟空CRM 為首的管理型CRM，它們最為主要的功能是管理客戶，也就是將銷售人員手中的客戶，通過公司的CRM系統(tǒng)進(jìn)行統(tǒng)一的管理，能夠保證企業(yè)的權(quán)益不會受到傷害

而另一個賽道則是SCRM，這應(yīng)該算是國內(nèi)比較火的新名詞（其實(shí)也出現(xiàn)了很長一段時(shí)間了），它的全稱是 Social Customer Relationship Management 也就是社交化客戶關(guān)系管理系統(tǒng)。主要典型的產(chǎn)品包含：EC、塵鋒、探馬、微盛 等等…

如何去理解SCRM？

比如我們現(xiàn)在日常溝通、獲取信息，會從以前的傳統(tǒng)媒體像是 “電視、報(bào)紙、收音機(jī)” ，逐漸遷移到 微信、知乎、小紅書、抖音 等等，而這些社交媒體上我們的各種喜好、最近發(fā)生的事情，都能夠在SCRM當(dāng)中展示，并且他可以根據(jù)你的喜好，來與你進(jìn)行溝通進(jìn)而幫助它進(jìn)行獲客、成單

比如今天我想買 Figma ，然后我又在微信朋友圈當(dāng)中吐槽 Sketch 很卡，那作為銷售的你肯定會給我推銷說，咱們 Figma 一點(diǎn)也不卡。當(dāng)然SCRM的功能還會有很多，由于篇幅有限，我們目前分析還是以CRM為主，再加上SCRM篇幅太大，后面在做分析?；蛘呤怯性谶@些行業(yè)工作的小伙伴，可以在評論區(qū)進(jìn)行補(bǔ)充

二、作用

想要了解CRM產(chǎn)品究竟能夠給用戶帶來什么作用，我們今天換一個視角，來說說如果企業(yè)不使用CRM，會有哪些后果

1、客戶安全性很難保證

因?yàn)樵趥鹘y(tǒng)的銷售業(yè)務(wù)模式當(dāng)中，銷售人員可以與客戶直接進(jìn)行對接，企業(yè)無法對銷售進(jìn)行合理的管控，所以經(jīng)常會發(fā)生客戶跟著銷售“跑了”，也就是銷售離職，帶走了之前他負(fù)責(zé)的客戶。這個時(shí)候你作為企業(yè)老板即沒有掌握客戶的基本信息，同時(shí)對于這位客戶的經(jīng)歷也不了解，這樣很容易就會流失一個客戶。而客戶對于企業(yè)來說至關(guān)重要，因?yàn)槊恳粋€客戶都是企業(yè)通過運(yùn)營人員溝通獲取來的，因此企業(yè)的客戶安全性無法得到保證（這也是為什么很多企業(yè)選擇使用企業(yè)微信而不是個人微信的原因）

2、數(shù)據(jù)信息不夠統(tǒng)一

一個銷售獲客的渠道有很多，其中包含名片、微信推薦、電話分享 等，而這些客戶信息，如果不統(tǒng)一管理，就會變成一個個孤島，對于企業(yè)的日常管理是非常麻煩，無法全局監(jiān)控
當(dāng)然企業(yè)也可以將數(shù)據(jù)統(tǒng)一放在傳統(tǒng)的Excel表格當(dāng)中，但是表格傳播過于簡單，風(fēng)險(xiǎn)太大，并且無法去做協(xié)同，一旦后續(xù)數(shù)據(jù)增多也會導(dǎo)致整個管理非常的混亂，不能分權(quán)限將企業(yè)的所有客戶統(tǒng)一進(jìn)行查看

3、難以建立良好的客戶關(guān)系

傳統(tǒng)方式管理客戶的時(shí)候，銷售人員對于客戶印象主要來自 之前的微信聊天記錄以及朋友圈，而想要深入了解這位客戶的具體信息、具體對接的聯(lián)系人、以及公司的具體規(guī)模，就可能會因?yàn)闀r(shí)間的關(guān)系而忘記，因此傳統(tǒng)的方式無法追蹤客戶，將客戶的資料統(tǒng)一整理

4.銷售難以管理

對于企業(yè)的銷售人員來說，他們的工作常年在外，因此企業(yè)很難對手下的銷售進(jìn)行管理，比如想了解員工今天的工作情況，又或者是員工的后續(xù)工作安排。之前企業(yè)都是通過收集員工每日工作匯報(bào)來判斷，依舊很低效率
CRM系統(tǒng)可以連接日常工作和業(yè)務(wù)，在輔助銷售人員完成工作的同時(shí)，也完成了對信息的收集，管理者可以清晰地看到該客戶的跟進(jìn)記錄，以及重點(diǎn)客戶員工是如何跟進(jìn)的，提高了管理團(tuán)隊(duì)的洞察力

三、業(yè)務(wù)

關(guān)于CRM的業(yè)務(wù)，我們主要會分為 專業(yè)詞匯、關(guān)鍵角色、流程 三個維度進(jìn)行分析，我們先來了解一下常見的專業(yè)詞匯

1、專業(yè)詞匯

銷售線索：銷售線索是與客戶初次接觸獲得的原始信息， 可以是從展會中獲得的名片，通過推廣活動獲得的電話號碼 ，或是會議、廣告、外部購買等渠道獲得的客戶簡單信息，然后通過管理和跟進(jìn)可以轉(zhuǎn)化為客戶

線索池：將線索通過按不同行業(yè)不同地區(qū)或是其它的方式組合一起，即成為線索池，如上海區(qū)線索池、北京區(qū)線索池、教育行業(yè)線索池、金融行業(yè)線索池等

客戶：客戶是指有業(yè)務(wù)往來企業(yè)、團(tuán)體或個人，是企業(yè)的重要資源，可以通過線索轉(zhuǎn)化而來，或是銷售挖掘等多種渠道獲取

公海：按不同行業(yè)不同地區(qū)或是按某種相同特性組合一起的客戶分組，即成為公海，如上海區(qū)公海、北京區(qū)公海、教育行業(yè)公海等

聯(lián)系人：即與企業(yè)直接聯(lián)系的客戶方相關(guān)人員。如果是企業(yè)客戶，聯(lián)系人是您與企業(yè)聯(lián)系溝通的人。如果是個人客戶，聯(lián)系人可以是與客戶有關(guān)系的溝通聯(lián)系人

商機(jī)：商機(jī)是與客戶做一筆生意的跟進(jìn)過程，如果是企業(yè)客戶，一個完整的銷售周期大概包括產(chǎn)品咨詢、報(bào)價(jià)、方案評估及最后的贏單或輸單

2、關(guān)鍵角色

在CRM產(chǎn)品里面，會涉及到形形色色不同的人員，其中最主要的角色包含：市場、銷售、銷售主管、老板

市場：主要負(fù)責(zé)整個產(chǎn)品的營銷以及線索的分配，與CRM產(chǎn)品相關(guān)的就是會安排市場人員來與銷售進(jìn)行對接，將他們在 官網(wǎng)、內(nèi)部推薦 得到的線索流轉(zhuǎn)給銷售

銷售：銷售人員對于企業(yè)來說非常關(guān)鍵，他主要是企業(yè)與客戶對接的重要人員，是這份訂單是否成功的關(guān)鍵角色
雖然都叫銷售，但是會根據(jù)工作性質(zhì)的不同，將銷售分為：電話銷售、產(chǎn)品銷售與大客戶銷售

電話銷售：電銷通常是銷售當(dāng)中最基礎(chǔ)的，通常就是拿著通訊錄不停地?fù)艽蚩蛻綦娫?，算是一個重復(fù)性非常高的職位

產(chǎn)品銷售：產(chǎn)品銷售更多就是自有產(chǎn)品，當(dāng)線索來了過后，銷售人員也會與客戶去電話溝通，但是溝通的目的是了解你公司的具體情況，分析是否有潛在的購買需求，后續(xù)主要任務(wù)便是促成訂單的成交
比如你們每次去試用別人的B端產(chǎn)品的時(shí)候，都是產(chǎn)品銷售來與你對接（別以為我不知道你們每天在做什么~）

大客戶銷售：大客戶銷售顧名思義，主要針對的是企業(yè)較為重要的客戶，他們在整體的決策層面鏈路較長、金額較大，因此會安排經(jīng)驗(yàn)豐富的人員進(jìn)行對接

軟件實(shí)施：負(fù)責(zé)現(xiàn)場培訓(xùn)、協(xié)助項(xiàng)目驗(yàn)收、負(fù)責(zé)需求的初步確認(rèn)、把控項(xiàng)目進(jìn)度、與客戶溝通個性化需求、負(fù)責(zé)項(xiàng)目維護(hù)?？傊褪悄阗徺I了產(chǎn)品過后，需要實(shí)施人員來進(jìn)行項(xiàng)目落地（有的公司沒有實(shí)施會讓銷售人員負(fù)責(zé)）

客戶成功：客戶成功扮演主要是提升客戶的認(rèn)同感，讓客戶感受到使用這款產(chǎn)品能夠給他帶來價(jià)值。簡單來說客戶成功就是要找出客戶的問題，并制定相應(yīng)的解決方案，然后基于不同的產(chǎn)品，把解決方案落進(jìn)系統(tǒng)?？蛻粲袉栴}反饋，就需要與客戶成功進(jìn)行對接，評判客戶成功好壞的標(biāo)準(zhǔn)就是看產(chǎn)品的續(xù)費(fèi)率

3、流程

要了解一款B端產(chǎn)品的業(yè)務(wù)，那業(yè)務(wù)流程自然是十分重要，因?yàn)檫@樣能夠最快的了解清楚整個產(chǎn)品的流轉(zhuǎn)方式（當(dāng)然不同公司對于產(chǎn)品的流程不同，只是作為參考）

在CRM產(chǎn)品當(dāng)中，所有的客戶都是從線索開始，因此線索是作為整個CRM產(chǎn)品的起點(diǎn)，也是業(yè)務(wù)流程當(dāng)中的最主要一步。當(dāng)然針對于線索，他最主要的特點(diǎn)便是線索來源，一般分為：官網(wǎng)、展會、朋友推薦、以及新媒體渠道當(dāng)中獲取到的線索（這可能就是SCRM存在原因）
而在線索這里，通常系統(tǒng)會去自動對接 官網(wǎng) 當(dāng)中的提交的表單線索，同時(shí)也會給各個員工開放自己新建線索的入口（有的企業(yè)，新增一個有效線索是有對應(yīng)的提成）

當(dāng)然線索在類型上主要分為：線索池、有效線索、培育線索

線索池：就是將所有的線索都放在一個地方，方便銷售人員進(jìn)行選擇

有效線索：有真正購買意愿的線索，通常敏銳的市場人員會從 規(guī)模、電話、行業(yè) 等綜合信息進(jìn)行判斷

培育線索：也就是客戶對于這個產(chǎn)品比較猶豫，對于產(chǎn)品購買意愿不太明確，因此可以通過培育線索，讓他了解到產(chǎn)品過后，轉(zhuǎn)化為有效線索

當(dāng)你完成線索流轉(zhuǎn)過后，你就會是一個商機(jī)，這也就代表著你對咱們的產(chǎn)品非常感興趣，開始詢問報(bào)價(jià)，銷售人員就會給你去做各種各樣的演示與溝通
而在每一次銷售與客戶的溝通情況，企業(yè)都會要求他去錄入跟進(jìn)信息，如果不填寫可能會面臨罰款的風(fēng)險(xiǎn)

然后就是銷售人員一次又一次的和客戶溝通，商討價(jià)格直到客戶簽單，在此過程當(dāng)中就會涉及到商務(wù)，然后就是 訂單、合同、回款、開票 等流程階段 來對整個過程進(jìn)行統(tǒng)一管理，并且所有的過程都會在系統(tǒng)當(dāng)中進(jìn)行記錄，直到最后的贏單

有得必有失，那后續(xù)輸單也是同樣，便是沒有取得進(jìn)展，最后以失敗告終

我們來整理一下，舉一個實(shí)際例子，比如現(xiàn)在想要去了解一款人事管理系統(tǒng)，你打開了薪人薪事的官網(wǎng)，在他們的官網(wǎng)當(dāng)中經(jīng)過簡單的了解，填寫了你的企業(yè)信息與表單

緊接著，你的信息就會給到市場人員，他們會根據(jù)你的 表單信息、所在城市、公司規(guī)模 給你安排更為合適的銷售人員來對你進(jìn)行跟進(jìn)

在跟進(jìn)的過程當(dāng)中就會根據(jù)你的各種 “反饋與表現(xiàn)” ，將你定義為各種名稱 線索、商機(jī)、客戶
并且目的只有一個，就是讓你購買產(chǎn)品，后續(xù)涉及到 訂單、合同、打款 等，都屬于正常流程當(dāng)中非常重要的一環(huán)，直到最終的贏單與輸單

四、頁面

1、客戶詳情頁

客戶詳情頁面作為CRM里面最為重要的一個頁面，它主要是呈現(xiàn)這個客戶當(dāng)中的所有完整信息。比如銷售人員，他高頻進(jìn)入的頁面一定是客戶的詳情頁面，因?yàn)樗胍私膺@個客戶，在整個過程當(dāng)中了解哪些信息、想要得到什么內(nèi)容都可以通過客戶想以企業(yè)快速的找到
但是由于客戶詳情頁 頁面的整體設(shè)計(jì)難度較大，會存在大量信息以及關(guān)聯(lián)的內(nèi)容，因此客戶詳情頁更加考驗(yàn)設(shè)計(jì)師的信息處理能力。這里分享了 Hubspot、Salesforce、紛享銷客、銷售易、悟空CRM 的客戶詳情頁

2、客戶列表頁

客戶列表頁更多就是呈現(xiàn)數(shù)據(jù)，和普通B端產(chǎn)品的列表頁基本相同，只是說會根據(jù)不同的產(chǎn)品類型有所調(diào)整。比如CRM產(chǎn)品，它更加強(qiáng)調(diào)的就是客戶信息的快速檢索以及快速尋找，因此你會發(fā)現(xiàn)在產(chǎn)品里面它的篩選功能做的非常強(qiáng)大

3、跟進(jìn)記錄的填寫

跟進(jìn)記錄在CRM產(chǎn)品里面是非常重要的板塊，因?yàn)楦M(jìn)記錄也就意味著銷售人員需要去反復(fù)的填寫。有點(diǎn)像一個快速的表單讓我需要把每一次我們具體聊的內(nèi)容寫到整個系統(tǒng)里面來
通常一個銷售非常規(guī)范的公司，會要求銷售人員把和顧客每一次的數(shù)據(jù)都記錄到跟進(jìn)記錄里面，因此在跟進(jìn)記錄當(dāng)中，我們要去考慮他如何頻繁去呈現(xiàn)，以及如何快速的去閱讀

五、CRM產(chǎn)品對于設(shè)計(jì)師的影響

1、了解用戶習(xí)慣

簡單來說，其實(shí)CRM產(chǎn)品本身就是為銷售人員服務(wù)的一種產(chǎn)品類型，那作為設(shè)計(jì)師了解 銷售的日常習(xí)慣就顯得尤為重要。雖然在文章當(dāng)中已經(jīng)講的過于詳細(xì)，但是你會發(fā)現(xiàn)，用戶的習(xí)慣當(dāng)中，不同的產(chǎn)品類型，它的日常習(xí)慣本身就會有所不同，像是 電話銷售、產(chǎn)品銷售、大客戶銷售、傳統(tǒng)業(yè)務(wù)銷售，其實(shí)這對于我們來說，更需要了解用戶的習(xí)慣才能更好的去做設(shè)計(jì)

2、懂得業(yè)務(wù)

因?yàn)镃RM產(chǎn)品本身是難以理解的你，也就導(dǎo)致了我們作為設(shè)計(jì)師需要快速的了解業(yè)務(wù)，去懂業(yè)務(wù)究竟應(yīng)該怎么去實(shí)現(xiàn)
比如和同事快速的溝通，進(jìn)而快速掌握業(yè)務(wù)信息，又或者是尋找各種資料幫助你了解業(yè)務(wù)。那關(guān)于這些內(nèi)容我們之前也有講過，可以翻一翻，這里就不展開去贅述

3、快速轉(zhuǎn)換

CRM本質(zhì)上是一個針對于多行業(yè)的產(chǎn)品類型，也就導(dǎo)致了我們需要在設(shè)計(jì)的過程當(dāng)中快速的進(jìn)行切換。需要我們將用戶多行業(yè)的需求進(jìn)行整合，因?yàn)樵诠ぷ鳟?dāng)中你確實(shí)會發(fā)現(xiàn)不同的企業(yè)，他的關(guān)注點(diǎn)是不太一樣的。那如何把這不同的關(guān)注點(diǎn)進(jìn)行融合整理，就需要設(shè)計(jì)師充分的參與才行

作者：CE青年

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》客戶關(guān)系管理（CRM）產(chǎn)品解析

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

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

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

一、自我管理

每個公司都有設(shè)計(jì)師的成長路徑，不同的職級對設(shè)計(jì)師能力要求不一樣。初入職場的設(shè)計(jì)新人，需要對接好工作需求，輸出合理的設(shè)計(jì)方案。而工作多年的設(shè)計(jì)師，則要從設(shè)計(jì)角度考慮如何為產(chǎn)品帶來正向業(yè)務(wù)價(jià)值，建立設(shè)計(jì)影響力、推動設(shè)計(jì)工作效率提升、帶動新人成長等等。

因此設(shè)計(jì)師需要參考崗位標(biāo)準(zhǔn)，有意識地做好設(shè)計(jì)能力提升。

1、擴(kuò)展知識儲備

雖然設(shè)計(jì)師的輸出成果以界面設(shè)計(jì)為主，實(shí)際上設(shè)計(jì)師是復(fù)合型的崗位。

例如C端產(chǎn)品中常見的Banner設(shè)計(jì)，設(shè)計(jì)師要明白業(yè)務(wù)的核心利益點(diǎn)是什么，或者業(yè)務(wù)方希望傳遞給用戶怎樣的信息，也要知道什么樣的信息對用戶更有吸引力。在此基礎(chǔ)上，結(jié)合設(shè)計(jì)趨勢，考慮色彩、動效、信息層級等細(xì)節(jié)因素，才能更好地完成方案設(shè)計(jì)。

在B端產(chǎn)品中更是如此，很多時(shí)候產(chǎn)品經(jīng)理的PRD表達(dá)的是功能設(shè)計(jì)，并沒有足夠的用戶場景信息，設(shè)計(jì)師要從用戶場景出發(fā)，充分地理解業(yè)務(wù)需求，才能做出有價(jià)值的設(shè)計(jì)方案，否則設(shè)計(jì)方案很可能只是將產(chǎn)品功能翻譯成為了系統(tǒng)界面。

所以設(shè)計(jì)師需要橫向擴(kuò)展業(yè)務(wù)領(lǐng)域，縱向提升設(shè)計(jì)能力，擴(kuò)展個人的知識儲備，并能夠在產(chǎn)品需求中快速應(yīng)用。

設(shè)計(jì)師的知識儲備更多地依靠平時(shí)積累。例如可以通過行業(yè)研究報(bào)告、競品分析，更宏觀地理解整個行業(yè)的發(fā)展變化，幫助自己更好地理解產(chǎn)品需求；通過設(shè)計(jì)理論、行業(yè)展會學(xué)習(xí)用戶心理、設(shè)計(jì)方法、提升個人的設(shè)計(jì)思維；通過團(tuán)隊(duì)或者業(yè)內(nèi)設(shè)計(jì)師交流，解決工作中的設(shè)計(jì)難題。

2、從輸入到輸出

除了基礎(chǔ)的能力提升，設(shè)計(jì)師還要注重設(shè)計(jì)思維提升。

在工作中，設(shè)計(jì)師會有各種思考、總結(jié)復(fù)盤，這些都是設(shè)計(jì)師快速成長的助推器。但是這些思考和復(fù)盤通常是散點(diǎn)式、碎片化的，設(shè)計(jì)師可以嘗試著將這些內(nèi)容體系化，內(nèi)化為更加深刻的設(shè)計(jì)思維。

例如現(xiàn)在很多大廠都有設(shè)計(jì)公眾號，要求設(shè)計(jì)師定期輸出設(shè)計(jì)文章。不僅僅是為了打造設(shè)計(jì)團(tuán)隊(duì)的影響力，設(shè)計(jì)師在文章寫作中也會有全新的收獲和提升。

所以設(shè)計(jì)師可以借助各種工具，例如公眾號、語雀、設(shè)計(jì)網(wǎng)站等建立和輸出自己的知識體系。

二、設(shè)計(jì)過程管理

設(shè)計(jì)師的日常工作大概可劃分為3個階段：需求溝通、設(shè)計(jì)執(zhí)行和設(shè)計(jì)輸出。最關(guān)鍵的就是需求管理和項(xiàng)目管理。搞定這兩項(xiàng)，設(shè)計(jì)師基本可以保證高效地完成設(shè)計(jì)工作。

1、需求管理

在我看來，需求溝通是最重要的一步。因?yàn)橹挥袦?zhǔn)確的需求輸入才能保證設(shè)計(jì)輸出的準(zhǔn)確性。

1）需求的合理性判斷

很多時(shí)候，即使是產(chǎn)品經(jīng)理也無法保證需求是真實(shí)準(zhǔn)確的，有些需求可能只是為了驗(yàn)證可行性。或者需求過于偏重功能設(shè)計(jì)，沒有從實(shí)際的用戶場景出發(fā)，存在一些問題點(diǎn)。所以設(shè)計(jì)師要有一定的方法，對需求做出合理性判斷。

首先要了解需求來源，確認(rèn)需求目標(biāo)，了解需求背景；然后從設(shè)計(jì)的角度，從用戶角色、場景的角度重新審視需求，為產(chǎn)品經(jīng)理提供一些建議，彌補(bǔ)需求的不足，推動產(chǎn)品優(yōu)化方案。

2）需求內(nèi)容的確認(rèn)

PRD是最重要的需求材料，決定了設(shè)計(jì)師應(yīng)該做什么。但是有些時(shí)候產(chǎn)品經(jīng)理沒時(shí)間提供完備的PRD；有時(shí)候產(chǎn)品經(jīng)理只是向設(shè)計(jì)師口頭傳達(dá)需求，設(shè)計(jì)師產(chǎn)出原型方案完成評審后，產(chǎn)品經(jīng)理將原型圖插入到PRD中輸出給開發(fā)人員，這樣的PRD主要是面向開發(fā)人員的。

因此設(shè)計(jì)師需要發(fā)揮主觀能動性，有能力理解和分析需求，主動與產(chǎn)品經(jīng)理確認(rèn)相關(guān)問題。為了提高溝通效率，可以逐條記錄問題點(diǎn)，并備注自己的分析和思考。保證設(shè)計(jì)執(zhí)行前，能夠解決掉80%的需求疑問點(diǎn)，從而減少設(shè)計(jì)方案的無效返工。

2、項(xiàng)目管理

1）需求排期管理

產(chǎn)品需求提交給設(shè)計(jì)師后，設(shè)計(jì)師需要主動確認(rèn)交付時(shí)間點(diǎn)，避免信息不對稱造成設(shè)計(jì)延期風(fēng)險(xiǎn)。另一方面，產(chǎn)品經(jīng)理可能會要求設(shè)計(jì)師預(yù)估工作量，給出設(shè)計(jì)排期。此時(shí)設(shè)計(jì)師要充分考慮多方面的因素，例如需求溝通、方案評審及修改時(shí)間等。

有些時(shí)候，設(shè)計(jì)師并不是負(fù)責(zé)單一產(chǎn)品線的設(shè)計(jì)工作，可能會面臨多任務(wù)并行的場景。設(shè)計(jì)師需要與產(chǎn)品經(jīng)理明確優(yōu)先級排序，合理安排設(shè)計(jì)任務(wù)排期。如果無法協(xié)調(diào)時(shí)，需要積極向上反饋，爭取團(tuán)隊(duì)內(nèi)、外部的設(shè)計(jì)資源配合。

如果需求發(fā)生變更存在延期風(fēng)險(xiǎn)，也需要在項(xiàng)目組內(nèi)部及時(shí)反饋，同步給所有相關(guān)人員。

2）設(shè)計(jì)完整性

在大廠中，工作流程比較完善，設(shè)計(jì)師的工作職責(zé)也比較明確。但是轉(zhuǎn)型中的傳統(tǒng)公司，或者規(guī)模較小的企業(yè)，對設(shè)計(jì)師的工作內(nèi)容并沒有明確的流程規(guī)范，甚至沒有設(shè)計(jì)評審流程，設(shè)計(jì)師只要完成方案設(shè)計(jì)就結(jié)束了。

短期來看，設(shè)計(jì)師工作確實(shí)比較輕松，只要專心完成設(shè)計(jì)任務(wù)就可以了。長期來看，設(shè)計(jì)方案無法很好落地，產(chǎn)品體驗(yàn)無法保證、甚至失控，最終影響最大的必然是設(shè)計(jì)師。

所以設(shè)計(jì)師需要主動完成工作閉環(huán)，跟進(jìn)開發(fā)，做好上線前的設(shè)計(jì)測試驗(yàn)證，以及上線后的用戶反饋，或者定期開展設(shè)計(jì)走查。某些產(chǎn)品還要收集上線后的數(shù)據(jù)，驗(yàn)證和改進(jìn)設(shè)計(jì)方案。

3）設(shè)計(jì)平衡性

設(shè)計(jì)師首先要保證用戶體驗(yàn)，這是毋庸置疑的。但是設(shè)計(jì)方案也不能只考慮用戶體驗(yàn)，還要兼顧業(yè)務(wù)需求的商業(yè)目標(biāo)。只有做到兩者間的平衡才是有價(jià)值的設(shè)計(jì)方案。

另一方面，設(shè)計(jì)師主要的任務(wù)是基于對需求的充分思考，盡可能地為產(chǎn)品提供有價(jià)值的解決方案，而不是追求完美的設(shè)計(jì)方案。因?yàn)榻换?、視覺設(shè)計(jì)方案多種多樣，需要根據(jù)產(chǎn)品資源、執(zhí)行效率、投入產(chǎn)出比、版本迭代計(jì)劃等因素綜合考慮，選擇當(dāng)前用戶場景下更加合理有效的方案，而不僅僅是為了追求完美的用戶體驗(yàn)。

適當(dāng)?shù)耐讌f(xié)讓步是設(shè)計(jì)平衡性的必然選擇。即使設(shè)計(jì)方案無法完全落地，深入的分析思考過程也會讓設(shè)計(jì)師受益匪淺。

三、對上管理

我個人認(rèn)為這是比較難的，甚至是最難的。如果企業(yè)設(shè)置了專門的設(shè)計(jì)團(tuán)隊(duì)，設(shè)計(jì)師的日常工作都會經(jīng)過內(nèi)審、外審等，整個過程有比較好的流程規(guī)范保證。在評審匯報(bào)中，設(shè)計(jì)師的工作亮點(diǎn)、設(shè)計(jì)成果就能夠得到顯現(xiàn)和認(rèn)可。

評審時(shí)，設(shè)計(jì)團(tuán)隊(duì)領(lǐng)導(dǎo)作為直接領(lǐng)導(dǎo)，雙方有共同的對話基礎(chǔ)，有些內(nèi)容點(diǎn)到即可。并且團(tuán)隊(duì)領(lǐng)導(dǎo)也有意愿、有時(shí)間聽取設(shè)計(jì)師的工作匯報(bào)，這也是領(lǐng)導(dǎo)的管理職責(zé)所在。

而對于沒有團(tuán)隊(duì)的設(shè)計(jì)師而言，本該順暢的對上管理會碰到更大的困難。

1、時(shí)間不充分

作為名義上的領(lǐng)導(dǎo)，只是代管角色，本身有其他核心工作任務(wù)，對設(shè)計(jì)工作可能并不積極。當(dāng)設(shè)計(jì)師主動做些設(shè)計(jì)推動，需要向上匯報(bào)時(shí)，可能需要提前排隊(duì)預(yù)約，甚至?xí)灰笞屛黄渌ぷ魇马?xiàng)。

如果設(shè)計(jì)師不做匯報(bào)，代管領(lǐng)導(dǎo)根本不知道設(shè)計(jì)師為產(chǎn)品做了什么貢獻(xiàn)。設(shè)計(jì)師的調(diào)研、分析、思考就都成了空談，最終的價(jià)值不過是界面上的按鈕和表格。辛苦到頭，個人績效根本就沒有保障。

2、專業(yè)度不夠

設(shè)計(jì)師可能會被劃分在開發(fā)團(tuán)隊(duì)或者產(chǎn)品團(tuán)隊(duì)，負(fù)責(zé)人在設(shè)計(jì)方面并不專業(yè)。在他們看來，一些設(shè)計(jì)優(yōu)化可能就是在浪費(fèi)時(shí)間，或者完全沒有必要。沒有上面的領(lǐng)導(dǎo)支持，設(shè)計(jì)師的工作就難以開展。

3、通不暢

領(lǐng)導(dǎo)比較忙的時(shí)候，如果遇到一些設(shè)計(jì)問題，不會親自找設(shè)計(jì)師，而是隨口對身邊人員一提，接著信息被層層轉(zhuǎn)發(fā)，容易造成理解偏差、信息缺失等問題。設(shè)計(jì)師需要二次確認(rèn)，但是由于時(shí)間、空間等多重因素影響，很可能導(dǎo)致后續(xù)的溝通不暢。

4、政出多門

沒有設(shè)計(jì)團(tuán)隊(duì)的設(shè)計(jì)師，往往會受到來自不同崗位領(lǐng)導(dǎo)的節(jié)制。每個領(lǐng)導(dǎo)會有自己的主觀想法，設(shè)計(jì)師就會無所適從。

所以在小公司中，設(shè)計(jì)師不能單打獨(dú)斗，要團(tuán)結(jié)一切可以團(tuán)結(jié)的力量。

首先要打動身邊的產(chǎn)品經(jīng)理，讓他能夠感受到設(shè)計(jì)的力量和價(jià)值。如果當(dāng)產(chǎn)品經(jīng)理遇到設(shè)計(jì)問題，總是來找設(shè)計(jì)師商量，說明設(shè)計(jì)師已經(jīng)獲得了認(rèn)可。

其次就是爭取更多的合作機(jī)會，例如參加產(chǎn)品經(jīng)理的需求評審會。利用設(shè)計(jì)評審會建立自己的設(shè)計(jì)影響力，深度參與研發(fā)流程，與更多項(xiàng)目人員產(chǎn)生工作聯(lián)系等等。

而在向上匯報(bào)的關(guān)鍵環(huán)節(jié)，設(shè)計(jì)師可以拉上產(chǎn)品經(jīng)理一起，加重報(bào)告整體的分量，更容易獲得領(lǐng)導(dǎo)的認(rèn)可。

總結(jié)

最近這幾年，企業(yè)面臨的困難越來越大，更加注重員工產(chǎn)生的個人價(jià)值。最大的感受就是只做純粹的設(shè)計(jì)師，發(fā)展之路會越來越窄。

未來，設(shè)計(jì)師做好個人管理將至關(guān)重要。

作者：子牧先生

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》設(shè)計(jì)師能力建設(shè)（3）：管理能力

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

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

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

一、什么是品牌定位？

品牌是如何做到家喻戶曉的？舉個例子，當(dāng)有些用戶產(chǎn)生搜索需求時(shí)，他們的第一想法是“百度一下”，而不是“我要搜索”。百度作為一個品牌，在中國市場已經(jīng)成為搜索的替代詞，反應(yīng)出品牌對用戶心智強(qiáng)大的作用力。

打造強(qiáng)品牌的第一步就是品牌定位。不管是創(chuàng)建新品牌還是更新現(xiàn)有品牌，品牌定位策略會影響業(yè)務(wù)發(fā)展的方方面面，不僅是營銷策略，還包括產(chǎn)品開發(fā)、用戶體驗(yàn)等。

那么，什么是品牌定位？簡單講，品牌定位就是決定企業(yè)希望在用戶心目中是什么形象的過程。以蘋果公司為例。蘋果作為一家科技企業(yè)，在全球范圍內(nèi)被熟知，并在諸多同類科技公司中獨(dú)具魅力，受到用戶的喜愛與追捧，這不得不得益于成功的品牌定位。

蘋果賦予品牌三大內(nèi)涵：Think Different，Tech that works以及Your privacy is safe with us。這些品牌內(nèi)涵成功讓蘋果與其他科技公司形成區(qū)隔度，在用戶心智中占據(jù)獨(dú)特位置。在用戶看來，蘋果是與眾不同的、走在科技前沿的、創(chuàng)新突破的、隱私安全受保護(hù)的，這些品牌形象正是成功定位的結(jié)果，必將成為公司強(qiáng)大的品牌資產(chǎn)。

除了能夠讓用戶快速識別、在眾多競品中脫穎而出外，品牌定位還會對定價(jià)策略和銷量產(chǎn)生影響。如果產(chǎn)品定價(jià)更多依據(jù)高質(zhì)量、高品質(zhì)，同時(shí)品牌也將高質(zhì)量、高品質(zhì)作為定位點(diǎn)，那么在用戶心目中，產(chǎn)品價(jià)位會很自然地被合理化。當(dāng)做購買決策時(shí)，用戶會被品牌獨(dú)特內(nèi)涵吸引，快速促成購買，幫助企業(yè)提升市場份額，同時(shí)增強(qiáng)用戶忠誠度。

二、品牌定位如何做？

品牌定位的基本思路是STP（Segmentation市場細(xì)分，Targeting確定目標(biāo)用戶群，Positioning定位），即將整個品類市場中的消費(fèi)者劃分為不同細(xì)分人群，識別各類細(xì)分人群的特征和需求，并結(jié)合競爭情況、企業(yè)戰(zhàn)略等因素，選擇其中一個或多個細(xì)分市場進(jìn)入，形成品牌定位，對每個目標(biāo)細(xì)分市場進(jìn)行品牌營銷。

從中可以看到，市場細(xì)分只是手段，定位才是目的，即S+T=P。

Step 1：Segmentation 市場細(xì)分

市場細(xì)分本質(zhì)上是根據(jù)消費(fèi)者的差異，將整個市場切分成不同部分。用于細(xì)分的維度/標(biāo)準(zhǔn)主要有四方面：地理因素、人口學(xué)因素、心理因素和行為因素。

其中，市場細(xì)分普遍使用的維度是人口學(xué)因素，比如女性消費(fèi)力、銀發(fā)經(jīng)濟(jì)等，就是按照性別、年齡等維度進(jìn)行的細(xì)分。這一方法簡單高效，實(shí)用性強(qiáng)，但也存在一個很大的問題，即使用戶在這些方面很相似，但內(nèi)心的訴求可能是完全不同的，導(dǎo)致細(xì)分市場內(nèi)部差異很大，這就違背了細(xì)分的初始目的。

為了解決這一問題，市場細(xì)分會使用心理因素，從最深層的情感需求出發(fā)，確保每一細(xì)分群體內(nèi)部高度相似，而不同群體之間高度區(qū)隔。

細(xì)分用戶情感需求的常用解決方案有Needscope、Censydiam等，通過“個人-歸屬”和“釋放-壓抑”兩個維度，相互作用，將用戶情感需求劃分為6個或8個類型，從而實(shí)現(xiàn)對某個市場的人群細(xì)分。

以Needscope為例。Needscope的心理學(xué)基礎(chǔ)是榮格的原型理論。榮格認(rèn)為，原型是天生的傾向，在影響人類行為方面發(fā)揮作用。基于此，將人類情感需求劃分為六大類：有活力的、充分自信的、有能力的、關(guān)懷的、被動的、無憂無慮的。應(yīng)用于不同品類時(shí)，對類型的描述可做調(diào)整。

在用Needscope做市場細(xì)分時(shí)，通常會使用投射工具挖掘用戶對品類的需求，形成該品類下用戶的情感需求細(xì)分。以資訊類APP為例，通過投射工具，挖掘到用戶對資訊類產(chǎn)品的情感訴求，可分為：新熱/前沿的、權(quán)威/信服的、智慧/有思想的、全面/可依賴的、輕松/實(shí)用的、愉悅/釋放的。

• 新熱/前沿的：這類用戶希望獲得最新、最熱的資訊信息，第一時(shí)間快速獲取，給自己帶來“走在前沿的”“領(lǐng)先的”的感受，他們對資訊產(chǎn)品品牌形象的需求中強(qiáng)調(diào)“新熱”“前沿”“領(lǐng)先”等。
• 權(quán)威/公正的：這類用戶對資訊的訴求集中在立場上，希望獲得客觀公正的權(quán)威信息，給自己帶來“公正的”“客觀的”感受，具備這些內(nèi)涵的品牌形象對他們來說更有吸引力。
• 智慧/有思想的：這類用戶的核心情感訴求是“高端”“格調(diào)”，希望使用資訊產(chǎn)品帶給自己“有思想的”“有智慧的”感受，品牌形象突出“高品質(zhì)”“有深度”會對他們產(chǎn)生吸引力。
• 全面/可依賴的：這類用戶的情感需求強(qiáng)調(diào)“安全”“可依賴”“平和”，使用資訊產(chǎn)品與他們較固定的日常生活相匹配，獲取“全面”“安全”的信息以便更好融入周邊環(huán)境，獲取內(nèi)心的平和。
• 輕松/實(shí)用的：這類用戶看重資訊產(chǎn)品的“實(shí)用”價(jià)值，希望在“輕松”的狀態(tài)下獲取實(shí)用信息，解決問題，帶給自己“物有所值”“得力助手”的感受。
• 愉悅/釋放的：這類用戶追求“無憂無慮”“趣味釋放”，希望看資訊讓自己感到“有趣”“快樂”“釋放”，對于品牌來說，強(qiáng)調(diào)“娛樂”“輕松”“釋放自我”“有料有趣”對他們來說更有吸引力。

到此，我們便用Needscope對資訊類產(chǎn)品市場做了細(xì)分。

Step 2：Targeting 確定目標(biāo)用戶群

在對市場做了細(xì)分后，接下來需要確定哪個/哪些細(xì)分市場可作為目標(biāo)人群，主要考慮兩個因素：市場份額和競爭環(huán)境。

在進(jìn)行情感需求細(xì)分時(shí)，通過量化方式可得到每一類細(xì)分人群的占比，代表著市場上有多大比例的用戶有這一類情感訴求，這就反應(yīng)了市場份額的大小。還是以資訊產(chǎn)品為例，“輕松/實(shí)用的”這一細(xì)分市場占比最大，達(dá)到22%，說明在目前市場上，大多數(shù)用戶對資訊產(chǎn)品的訴求是讀完有輕松感，內(nèi)容實(shí)用有幫助。

但僅考慮市場份額是不夠的，各品牌可能都看到了大的市場份額而紛紛進(jìn)入，經(jīng)過時(shí)間沉淀還會形成難以撼動的頭部品牌，競爭會異常激烈。因此，在選擇細(xì)分市場時(shí)還需考慮競爭環(huán)境，這一點(diǎn)可通過Brand Map來直觀體現(xiàn)。

在使用Needscope獲取用戶對品類情感需求的同時(shí)，還會了解目前市場上的資訊品牌滿足了用戶哪些訴求，因此形成每個品牌在不同情感細(xì)分領(lǐng)域的得分，得到品牌地圖。

通過品牌地圖，很容易看到市場份額最大的“輕松/實(shí)用的”領(lǐng)域競品數(shù)量多，且有今日頭條、騰訊新聞等頭部競品，對于新品牌或者小品牌來說，不再建議切入該領(lǐng)域。對于“愉悅/釋放的”這一領(lǐng)域，現(xiàn)有品牌數(shù)量適中，并且靠近圓心位置，意味著還未形成極具該特色的品牌，單從競爭角度來說，該細(xì)分市場值得考慮。

綜合市場份額與品牌地圖，便可確定目標(biāo)細(xì)分領(lǐng)域。對于新品牌/小品牌，可以考慮“愉悅/釋放的”這一領(lǐng)域，因?yàn)槭袌龇蓊~可觀（20%），市場還未形成滿足程度高的競品；對于打算更新定位的大品牌來說，品牌本身具備與頭部競品對抗的實(shí)力，可以優(yōu)先選擇市場份額大的市場，但需注意定位的跨度，建議選擇與現(xiàn)有定位臨近的區(qū)間。

確定好細(xì)分領(lǐng)域也就意味著鎖定了目標(biāo)人群。在做情感需求細(xì)分時(shí)，會一并了解該用戶的人口學(xué)特征、產(chǎn)品使用行為等信息，因此，每一細(xì)分情感訴求都可以還原到對應(yīng)的人群。

還是以資訊產(chǎn)品為例，“愉悅/釋放的”這一細(xì)分市場對應(yīng)的人群在某些特征上顯著高于其他人群，這些明顯特征就是品牌后期要去營銷的目標(biāo)群體，如以男性為主，偏年輕，年齡集中在18-24歲，更多分布在一二線城市，偏好B站、知乎等產(chǎn)品。

Step 3：Positioning 定位

按照S+T=P的公式，完成市場細(xì)分以及鎖定目標(biāo)人群后，就得到了品牌定位。但這個階段的定位只是明確了方向，具體到細(xì)分領(lǐng)域內(nèi)部該如何定位，還需進(jìn)一步深探。

結(jié)合資訊產(chǎn)品品牌定位的例子，新品牌確定了“愉悅/釋放的”這一細(xì)分市場，接下來需要對該細(xì)分領(lǐng)域的目標(biāo)人群和競品表現(xiàn)做深入挖掘，找到用戶未被滿足或滿足狀況不佳的需求，明確本競品之間的差距與不同，從而獲得更精準(zhǔn)的定位點(diǎn)。

在了解目標(biāo)人群時(shí)，不再局限于他們使用資訊產(chǎn)品的習(xí)慣，還需走進(jìn)日常，挖掘指導(dǎo)行為的價(jià)值觀念和態(tài)度。

• 畫像及態(tài)度：人口學(xué)特征（性別、年齡、城市級別、家庭月收入等）、生活態(tài)度、價(jià)值觀、品牌觀，真實(shí)立體地還原品牌營銷對象
• 資訊產(chǎn)品使用行為：使用場景、需求、使用產(chǎn)品、頻次、時(shí)長、路徑、滿足點(diǎn)及痛點(diǎn)，發(fā)現(xiàn)本品在產(chǎn)品力上與競品的差距，挖掘產(chǎn)品賣點(diǎn)

• 資訊產(chǎn)品品牌態(tài)度：對各品牌的認(rèn)知度、喜愛度、品牌形象認(rèn)知，發(fā)現(xiàn)本品在品牌力上與競品的差距，挖掘品牌利益點(diǎn)

• 觸媒特點(diǎn)：偏愛的觸媒渠道、品牌溝通方式/內(nèi)容、轉(zhuǎn)化效果，幫助品牌找到有效營銷渠道和傳播形式

到這個階段，就完成了品牌定位全流程。這些定位理念可以作為品牌發(fā)展的牽引思路，指引產(chǎn)品和設(shè)計(jì)圍繞定位的方向深入發(fā)展，為目標(biāo)人群帶去更好的使用體驗(yàn)。

三、品牌再定位

市場環(huán)境時(shí)刻在發(fā)生變化，品牌必須通過不斷變革來永葆青春，品牌再定位就是實(shí)現(xiàn)品牌變革的一種重要方式。

通常來說，品牌再定位有幾種可能情況。一是原本定位錯誤，品牌定位時(shí)可能找錯了目標(biāo)人群，也可能沒有挖掘到精準(zhǔn)需求，導(dǎo)致在后續(xù)對品牌監(jiān)測時(shí)，發(fā)現(xiàn)品牌健康度、銷售情況等與預(yù)期差距太大，比如著名的萬寶路香煙，最初定位是針對女性，市場業(yè)績表現(xiàn)一般，后來更改策略重新定位為男士香煙，并使用了具有男子漢氣概的西部牛仔形象，使得品牌脫穎而出。

定位優(yōu)勢不復(fù)存在也是促使品牌再定位的一個因素，這主要因?yàn)楦偁幁h(huán)境發(fā)生了較大變化，新的競品出現(xiàn)，甚至成長成強(qiáng)勁品牌，這就削弱了本品品牌原有的優(yōu)勢和競爭力，如果堅(jiān)守原有定位，勢必會處于被動挨打的地位。

此外，目標(biāo)客戶群消費(fèi)動機(jī)和需求的改變，也是促使品牌再定位升級的重要動力。

總體來說，品牌定位是一個長期動態(tài)的過程，它既是品牌策略的起點(diǎn)，也是最終目的，即精準(zhǔn)把握目標(biāo)用戶需求，基于此推動產(chǎn)品和設(shè)計(jì)迭代，從而牢牢占據(jù)用戶心智，在與競品的競爭中脫穎而出，縮短用戶決策使用/購買產(chǎn)品路徑，促進(jìn)用戶數(shù)量/銷量等產(chǎn)品核心指標(biāo)的提升。

作者：設(shè)計(jì)中臺

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》品牌定位，搶占用戶心智第一步

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

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

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

一、卡片式設(shè)計(jì)的定義

1、什么是卡片？

早在互聯(lián)網(wǎng)時(shí)代之前，卡片就出現(xiàn)在了我們生活中的方方面面，如名片、不干膠標(biāo)簽、便利貼、會員卡…等，不管是何種類型的卡片，它都將代表著我們現(xiàn)實(shí)生活中的某個特定信息。

卡片指的是含有圖片或文本信息的容器，它將我們需要的信息歸納在一起、并形成獨(dú)立的個體，以至于后續(xù)被引用到線上界面中，同樣具有非常不錯的信息歸納效果。

2、互聯(lián)網(wǎng)中的卡片式設(shè)計(jì)

卡片本身就是一個完整的信息區(qū)塊、并同時(shí)承載豐富的互動方式。在UI設(shè)計(jì)中，個性化和美感兼?zhèn)涞目ㄆ皆O(shè)計(jì)具有很強(qiáng)的易用性，它是一個UI設(shè)計(jì)組件，將標(biāo)題、文本內(nèi)容、圖形/圖片進(jìn)行整合并模塊化，讓信息的表達(dá)更加直觀、操作也更便捷。

卡片式設(shè)計(jì)之所以能成為當(dāng)今比較流行的趨勢，是因?yàn)樗茏尳缑嫘畔⒏袑哟胃?，從設(shè)計(jì)、交互、視覺以及用戶體驗(yàn)等各方面來看，都有不錯的優(yōu)點(diǎn)。站在用戶角度，即便不太理解卡片的概念（也不需要理解），但能快速知道如何使用它，相對來說，學(xué)習(xí)成本也是極低的。

二、卡片式設(shè)計(jì)價(jià)值

1、結(jié)構(gòu)清晰

卡片在占用屏幕空間較少的情況下能夠?qū)⒉煌笮?、不同類型的信息?nèi)容按邏輯進(jìn)行分組呈現(xiàn)，使界面結(jié)構(gòu)更加清晰。相比純粹的留白或分割線，卡片不僅對信息作出了分割，其本身還是一個獨(dú)立的容器，讓歸納組合后的信息能快速突出重點(diǎn)，將復(fù)雜內(nèi)容簡單化處理。

卡片式布局整齊簡練，清晰的信息結(jié)構(gòu)有助于用戶瀏覽，方便快速找到自己感興趣的內(nèi)容，避免用戶產(chǎn)生一種費(fèi)時(shí)或感覺內(nèi)容超長的恐懼感，還能節(jié)省更多的時(shí)間成本。最常見的就是信息列表、圖文混排等，不僅做到了視覺上的美觀，也達(dá)到了平衡文字及圖片強(qiáng)弱的效果。

2、場景拓展

卡片式設(shè)計(jì)有利于場景拓展，他能在信息不斷增/減的情況下、頁面依然能組成一個連貫的整體，在視覺上毫無違和感。例如支付寶在頭部插入的廣告引流入口、淘寶在節(jié)假日增加二層樓…等。

3、空間擴(kuò)展

卡片式設(shè)計(jì)一度打破了移動端多為縱向操作、原有傳統(tǒng)的列表式布局，在空間有限的移動端設(shè)備中，還能很好的利用橫向空間。將橫向滑動區(qū)域的最后一個卡片漏出一小部分（若隱若現(xiàn)才是誘惑），不僅能給予用戶更多選擇與期待，其空間利用率也得到了很好的擴(kuò)展，在展示更多內(nèi)容的情況下依然能保持模塊的整體性。

4、突出重點(diǎn)

卡片式設(shè)計(jì)能很好的通過邊界襯托出內(nèi)容的整體性，特別是在電商類產(chǎn)品中的首頁頭部、瓷片區(qū)、營銷引流區(qū)將其應(yīng)用到了極致，即便在卡片數(shù)量較多的情況下，用戶依然能清晰的感知到內(nèi)容的歸屬層級以及重要信息。

5、兼容多端

卡片作為一個容器，它可以自由無限的等比縮放，非常適合響應(yīng)式設(shè)計(jì)。在手機(jī)、iPad、電腦等屏幕尺寸復(fù)雜的情況下，通過放大縮小或增減縱向排列數(shù)量的方式配合響應(yīng)式的斷點(diǎn)設(shè)計(jì)，讓同一界面在不同設(shè)備之間輕易的創(chuàng)造出一致性的視覺體驗(yàn)。

6、易于操作

卡片給人最直觀的感覺就是可以操作，它不用箭頭、按鈕或超鏈接等引導(dǎo)性的視覺元素提醒，節(jié)省了一定的頁面空間，還有著更大的操作熱區(qū)，無需做到精準(zhǔn)點(diǎn)擊?？ㄆ皆O(shè)計(jì)很容易融入各種交出手勢，如單擊、雙擊、長按、拖動、滑動等，為用戶提供更多便捷的操作。

7、跳轉(zhuǎn)流暢

卡片可通過縮放的形式充分利用動畫進(jìn)行頁面跳轉(zhuǎn)，例如App Store“Today”頻道，點(diǎn)擊卡片后直接等比放大至全屏，給用戶一種還停留在當(dāng)前頁面的錯覺，避免了傳統(tǒng)的跳轉(zhuǎn)頁面而造成的信息割裂感，流暢絲滑的過渡，給用戶更自然的交互體驗(yàn)。

三、常見的卡片式設(shè)計(jì)樣式

1、四周留白

這種類型的卡片在UI設(shè)計(jì)中最為常見，柔和的圓角、邊緣陰影以及四周很自然的留白，讓內(nèi)容模塊的存在感更加強(qiáng)烈，整個頁面信息的層級也更加清晰。

2、懸浮內(nèi)容之上

懸浮型卡片并非模態(tài)彈窗，與其相比，懸浮卡片不需要主動操作觸發(fā)，可作為臨時(shí)控件或長期固定顯示，并且比模態(tài)彈窗能承載更多信息內(nèi)容，可通過伸縮來定義卡片中的信息數(shù)量，或多、或少、或展示、或隱藏，在頁面中非常靈活。

例如高德地圖首頁，搜索框及右側(cè)的功能入口長期懸浮在地圖之上，而下方卡片中的內(nèi)容會隨著高度的伸縮自動調(diào)節(jié)可展示的數(shù)量，非常實(shí)用。

3、通欄類型

通欄類型的卡片具有更強(qiáng)的視覺阻斷，對區(qū)分不同的功能模塊有不錯的效果，不過這種類型只通過頁面背景色保留上下邊間、且不會過多，不然頁面會顯得零散、雜亂。

四、卡片適用場景介紹

1、瀑布流

瀑布流主要正針對圖片較多、或以圖片為主的內(nèi)容設(shè)計(jì)，它最大的優(yōu)點(diǎn)是無需過于在意圖片的高度，最大限度的還原原始圖片效果。

卡片式設(shè)計(jì)的瀑布流對信息的組合、包容性更強(qiáng)，不僅能在單屏區(qū)域內(nèi)顯示更多內(nèi)容，同時(shí)又將每組信息組合作出了明確的劃分，在不破壞頁面整體性的基礎(chǔ)上也做到了相對獨(dú)立，如花瓣、Pinterest就是最好的例子。

2、信息流

信息流的展現(xiàn)方式主要以文字、圖片或視頻內(nèi)容為主，是一種較長內(nèi)容的媒介，不管哪種展現(xiàn)方式，其都需要用戶耗費(fèi)較長時(shí)間的滑動、瀏覽來篩查對自己有用的信息。

卡片式設(shè)計(jì)將信息進(jìn)行分塊處理，通過阻隔的方式快速告知用戶每個卡片的核心內(nèi)容，便于用戶在長時(shí)間的滑動過程中也能快速識別重要信息。

3、左/右滑動

卡片式左右滑動組合在音樂、視頻類產(chǎn)品中用最為廣泛，因內(nèi)容本身就圖片居多，也更適合卡片式設(shè)計(jì)，相比平鋪具有更強(qiáng)的層次感，對用戶的吸引力較強(qiáng)，尤其最右側(cè)漏出的一小部分內(nèi)容營造出神秘的感覺，用戶會不由自主的想去滑動以求獲取更多信息。

4、優(yōu)惠卡/券

卡/券設(shè)計(jì)實(shí)際是把生活中的實(shí)物映射到了UI設(shè)計(jì)中，通過模擬實(shí)物造型設(shè)計(jì)成卡片樣式，有效降低用戶的理解成本，并對其有了更直觀的感知，真實(shí)感尤為強(qiáng)烈。

5、突發(fā)事件/臨時(shí)提醒

對于用戶主動觸發(fā)或系統(tǒng)臨時(shí)發(fā)起的非固定性內(nèi)容，利用卡片式設(shè)計(jì)會讓信息布局更靈活、視覺更突出，在不影響用戶使用的前提下，可出現(xiàn)在任何位置。

6、部分頁面頭圖

卡片式設(shè)計(jì)可以將個人中心、個人主頁、會員等頁面中的關(guān)鍵信息進(jìn)行概括，并在頭部位置進(jìn)行重點(diǎn)突出，不僅讓原本單個的內(nèi)容形成整體，還能營造出沉浸式的氛圍。

五、卡片式設(shè)計(jì)原則及小技巧

1、一致性原則

為了保持界面設(shè)計(jì)的一致性，需要將卡片樣式納入設(shè)計(jì)規(guī)范，例如卡片是否通欄、是否需要設(shè)定圓角半徑、不同場景中卡片大小的劃分界限以及圓角數(shù)值的確定等，大部分情況下都需要遵循設(shè)計(jì)規(guī)范。

2、功能定位決定卡片形式

在同一產(chǎn)品中，雖然要遵循設(shè)計(jì)規(guī)范以確保一致性的視覺效果，但并非所有頁面都適合卡片式設(shè)計(jì)。

那么，到底是否需要采用卡片形式、使用哪種卡片類型？這還得根據(jù)頁面內(nèi)容屬性及目標(biāo)定位來決定。例如社交產(chǎn)品中的臨時(shí)會話列表、動態(tài)圈子使用卡片形式，很浪費(fèi)縱向空間、甚至?xí)@得很“雞肋”，用分隔線或間距留白來區(qū)分信息組顯然更合適；但對于電商類型的產(chǎn)品，利用卡片將不同的商品分隔后又進(jìn)行歸納，會更容易識別，信息的可讀性也會更強(qiáng)。

3、避免過多卡片嵌套

卡片式設(shè)計(jì)本身就包含了容器與背景的層級表現(xiàn)，為了保持內(nèi)容的正常展示與用戶瀏覽體驗(yàn)，避免在卡片中嵌套多層卡片，以免信息層級雜/亂而增加用戶的視覺負(fù)擔(dān)。

如果再同一卡片中需要再次區(qū)分多個信息組，可利用間距留白、分割線或淺色背景等元素屬性來區(qū)分，依然能達(dá)到想要的效果。

4、合理利用橫向空間

因?yàn)榭ㄆ瑑?nèi)、外的雙向間距留白，在空間有限的移動端設(shè)備中，橫向空間利用率較低，因此除了合理的減小左右間距外，還可以適當(dāng)利用左右滑動來擴(kuò)充橫向隱性空間。

例如淘票票首頁，在1.5屏的范圍內(nèi)，幾乎每個模塊都能橫向滑動查看更多內(nèi)容，從用戶體驗(yàn)角度出發(fā)，這是縱向空間無法比擬的。

5、降低縱向空間的浪費(fèi)

卡片式設(shè)計(jì)不是目的，其主要是用來更好的區(qū)分信息層級、提升用戶瀏覽體驗(yàn)，因?yàn)榭ㄆ鳛楠?dú)立空間的存在，必定會增加上下間距而導(dǎo)致頁面拉長，因此，如無必要，不必盲目采用卡片式設(shè)計(jì)。

例如美團(tuán)APP的「首頁、電商、購物車、我的」4大主功能頁面都使用了卡片形式，而「消息」頁則采用分割線進(jìn)行信息分組，試想一下，如果為了統(tǒng)一規(guī)范而使用卡片，不僅造成很強(qiáng)的割裂感、還會極大的浪費(fèi)縱向空間。

6、長文表達(dá)不適合卡片

這點(diǎn)不用多說，新聞資訊類產(chǎn)品的內(nèi)容詳情頁就是最好的證明，不管其他頁面是否采用卡片形式，但詳情頁并不會跟隨形式，一方面可以讓同屏展示更多內(nèi)容、增加空間利用率，另一方面可減少無關(guān)元素對用戶產(chǎn)生的干擾、給予沉浸式的瀏覽體驗(yàn)。

7、突出一個核心內(nèi)容

很多時(shí)候，我們總會聽到PM說這個很重要、那個也很重要，都需要突出一點(diǎn)，殊不知當(dāng)什么都突出了也說明什么都沒有突出。在單個卡片中，組始終牢記這個準(zhǔn)則：一次只突出一個核心信息，以便于用戶快速、精準(zhǔn)捕捉，切記不可貪多。

六、結(jié)語

卡片式設(shè)計(jì)之所有能快速流行起來且經(jīng)久不衰， 其主要得益于自身的靈活性，尤其是在跨設(shè)備、跨屏幕上有著純天然的優(yōu)勢，能忽略設(shè)備的差異給用戶提供更好的服務(wù)。卡片并不是簡單的樣式設(shè)計(jì)，它是一種自由布局的設(shè)計(jì)語言，通過多種方式的信息組合、結(jié)合豐富的交互操作，給用戶創(chuàng)造出極致的使用體驗(yàn)。

信息的呈現(xiàn)方式雖有不同，但最終的目的都是為了服務(wù)于內(nèi)容，卡片式設(shè)計(jì)只是其中的一種形式而已，在設(shè)計(jì)過程中，我們需要根據(jù)內(nèi)容結(jié)合實(shí)際情況作出合理的判斷，切勿拘泥于形式而忽略內(nèi)容本身的重要性。

任何設(shè)計(jì)風(fēng)格及展現(xiàn)形式都有可能成為歷史，卡片式設(shè)計(jì)也不會例外，但絕對不是這么快就結(jié)束，它依然值得我們?nèi)ド罹?，力求打造更好的信息布局、更舒適的用戶體驗(yàn)。

原文地址：能量眼球

作者：大漠飛鷹CYSJ

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》卡片式設(shè)計(jì) | 掌握這些技法，快速提升界面效果！

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

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

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

一、什么是“有駕在現(xiàn)場”

有駕是百度旗下汽車信息與服務(wù)平臺，累計(jì)用戶超5.3億，致力于為用戶提供真實(shí)、可靠的看選買車服務(wù)，以及為車企和經(jīng)銷商提供從品牌到效果的一站式互聯(lián)網(wǎng)營銷解決方案。

車展對有駕來說是一個流量爆發(fā)的大事件，2021年廣州車展期間有駕品牌全網(wǎng)曝光累計(jì)6.3億次，創(chuàng)歷史新高。而【有駕在現(xiàn)場】是百度有駕歷年車展系列活動沉淀下來的品牌IP，已經(jīng)成為活動固定的品牌標(biāo)識。

二、借勢大事件，打造車展品牌全案

借勢車展的關(guān)注度與影響力，我們想要通過分析調(diào)研總結(jié)，對本次車展進(jìn)行視覺定調(diào)，建立品牌識別體系，沉淀專屬有駕車展活動的品牌符號和印記；進(jìn)行線上線下聯(lián)合推廣來打造有駕車展品牌全案，提升有駕的品牌影響力；優(yōu)化活動體驗(yàn)來為平臺進(jìn)行引流，讓用戶對有駕產(chǎn)品有更明確的認(rèn)知。

同時(shí)由于車展項(xiàng)目涉及跨部門合作，我們希望可以通過車展品牌全案，統(tǒng)一不同分工輸出的設(shè)計(jì)物料視覺一致性，以達(dá)到提質(zhì)增效的目的。

以打造品牌全案為出發(fā)點(diǎn)，我們梳理了以下項(xiàng)目計(jì)劃。

同時(shí)，通過有駕用戶畫像分析，建立用戶標(biāo)簽，分析用戶屬性及偏好，以更好的觸達(dá)用戶。數(shù)據(jù)顯示有駕APP大部分用戶為常駐中高線城市的年輕男性，經(jīng)歷著數(shù)字化信息時(shí)代的便利，同時(shí)也受到更好的教育和各界多元的文化影響，更大膽更容易被新的東西所吸引。

三、分析項(xiàng)目現(xiàn)狀總結(jié)優(yōu)化點(diǎn)

根據(jù)過往車展項(xiàng)目分析，總結(jié)發(fā)現(xiàn)存在品牌識別度較弱且沒有統(tǒng)一規(guī)范、品牌統(tǒng)一性較弱導(dǎo)致用戶認(rèn)知成本較高等問題。

四、提煉品牌關(guān)鍵詞

根據(jù)用戶畫像及現(xiàn)狀分析，明確業(yè)務(wù)需求，通過腦暴的形式羅列品牌關(guān)鍵詞，基于品牌DNA對有駕車展進(jìn)行視覺升級需挖掘符合核心用戶的語境語言和視覺偏好，提煉出品牌關(guān)鍵詞，根據(jù)關(guān)鍵詞規(guī)范可延續(xù)的品牌元素，打造清晰的品牌全案以更清晰的指導(dǎo)后續(xù)視覺設(shè)計(jì)工作。

五、視覺定調(diào)

根據(jù)關(guān)鍵詞確定了以賽博朋克風(fēng)格為視覺基調(diào)，通過三維建模搭建北京地標(biāo)建筑場景，搭配大膽的配色和新穎的元素樣式打造潮流個性且具有未來感的視覺畫面，匹配車展品牌的創(chuàng)新理念。

同時(shí)，在活動玩法方面，通過優(yōu)化活動玩法，多條件激勵用戶給予用戶沉浸式的體驗(yàn)。

六、建立品牌體系

確定基礎(chǔ)視覺調(diào)性后，我們通過形色質(zhì)構(gòu)來規(guī)范和輸出有駕車展品牌vi規(guī)范，建立有駕車展品牌體系，以提升視覺的產(chǎn)出效率，確保線上線下視覺輸出的一致性。

七、品牌LOGO

【有駕在現(xiàn)場】是有駕多年延續(xù)下來的品牌基因，本次車展也將繼續(xù)夯實(shí)品牌資產(chǎn)，進(jìn)行優(yōu)化升級傳遞品牌調(diào)性。

由于舊版的字體圓角等設(shè)計(jì)樣式相對柔和，不能準(zhǔn)確表現(xiàn)本次車展視覺調(diào)性。為了傳遞有駕車展的潮酷、未來感，設(shè)計(jì)上將舊版文字加粗，圓角調(diào)整為直角，并進(jìn)行一定的傾斜處理，使字體展現(xiàn)更加果斷硬朗；同時(shí)，我們將部分筆畫進(jìn)行連接，讓字體充滿動感或速度感；最終的字型效果運(yùn)用有駕品牌藍(lán)綠色光效以更好的與畫面結(jié)合。

八、色彩嘗試

由于整體風(fēng)格參考賽博朋克，配色方面基于有駕品牌色進(jìn)行延展，輔助色起到平衡主色的沖擊效果、活躍視覺，釋放潮流激情，突出重點(diǎn)模塊；元素上嘗試漸變色豐富元素樣式。

九、組件化通用元素

通過組件化通用元素，不同物料可以快速復(fù)用，節(jié)約設(shè)計(jì)成本，解決整個活動的視覺一致性，同時(shí)可以沉淀設(shè)計(jì)資產(chǎn)。

十、車展主KV

根據(jù)關(guān)鍵詞【未來感】【年輕化】分析適合有駕的設(shè)計(jì)風(fēng)格和調(diào)性，通過三維建模的畫面表現(xiàn)形式，構(gòu)建充滿科技感的賽博朋克畫面，打造潮流科技的有駕車展基礎(chǔ)場景。

主視覺場景設(shè)定為高樓聳立的公路上，有駕跑車向“有駕在現(xiàn)場”北京車展活動現(xiàn)場飛馳。充滿速度感的跑車、霓虹燈牌、高樓大廈色調(diào)和質(zhì)感的碰撞，傳遞出一種直觀的科技感，引領(lǐng)新時(shí)代年輕用戶和有駕一起駛向未來。

根據(jù)上述的內(nèi)容進(jìn)行車展主kv的場景設(shè)定，輸出了草圖方案。

整個場景圍繞“有駕在現(xiàn)場”進(jìn)行設(shè)計(jì)，融合車展相關(guān)元素，滲透品牌標(biāo)識。

采用3D和2D相結(jié)合的形式，用C4D進(jìn)行場景搭建，OC渲染器進(jìn)行燈光材質(zhì)的渲染，反復(fù)修改調(diào)整場景布局、元素等，最終輸出三維設(shè)計(jì)圖后進(jìn)行PS后期，輸出最終的主視覺。

根據(jù)以上內(nèi)容，輸出了對應(yīng)的車展VI規(guī)范。

十一、車展專題頁

根據(jù)主KV及VI規(guī)范進(jìn)行專題頁的延展，部分內(nèi)容復(fù)用過往車展框架模塊。

新增了導(dǎo)航欄設(shè)計(jì)，便于用戶快速跳轉(zhuǎn)到感興趣的內(nèi)容模塊，導(dǎo)航圖標(biāo)大膽創(chuàng)新嘗試漸變色融合的配色形式，讓扁平的圖標(biāo)有更加豐富的呈現(xiàn)。在保證閱讀效果的前提下，標(biāo)題樣式、頁面元素及配色上更加潮酷。

十二、集卡分百萬 引流活動

過往集卡活動不僅與產(chǎn)品、車展契合度高，并且收益明顯，因此本次北京車展活動將復(fù)用、優(yōu)化集卡類活動，讓用戶沉浸式集卡，從而提升用戶活躍及量級。

在玩法方面，本次集卡活動延續(xù)過往活動做任務(wù)得車卡的主玩法，優(yōu)化活動體驗(yàn)，新增了合成稀有卡可參與大轉(zhuǎn)盤抽獎的玩法以激勵用戶集卡，同時(shí)設(shè)立了車展大眾日，在當(dāng)天進(jìn)入活動的用戶可以獲得現(xiàn)金紅包，以此來激勵用戶回流，豐富活動玩法。

集車卡活動的主視覺元素及配色是依據(jù)vi規(guī)范，保證整體品牌調(diào)性的統(tǒng)一；普通靚車卡背景延續(xù)主視覺背景，稀有卡嘗試不同配色和場景凸顯其特殊性。

除了專題頁和集卡活動，線上還包括端內(nèi)社區(qū)活動設(shè)計(jì)，整體視覺調(diào)性都與我們輸出的車展品牌vi保持統(tǒng)一。

十三、倒計(jì)時(shí)海報(bào)

為了給車展開幕造勢，我們嘗試復(fù)用主KV的三維建筑模型，將倒計(jì)時(shí)1、2、3與不同視角、不同配色的場景相結(jié)合，整體風(fēng)格和車展主視覺保持一致，輸出了三張倒計(jì)時(shí)海報(bào)，豐富了整個項(xiàng)目的宣傳內(nèi)容。

整個車展項(xiàng)目除了線上運(yùn)營活動、造勢海報(bào)，還有線下展會宣傳物料及其他第三方輸出的設(shè)計(jì)物料，整體視覺調(diào)性都是基于我們輸出的車展品牌VI進(jìn)行視覺延展，保持統(tǒng)一性的同時(shí)，又各自有不同的視覺傳播效果。

十四、總結(jié)

【有駕在現(xiàn)場】作為百度有駕車展品牌活動，我們通過未來感、年輕化、體驗(yàn)感三個維度來塑造有駕車展系列活動的品牌調(diào)性，搭建了基礎(chǔ)風(fēng)格，建設(shè)三維賽博朋克高品質(zhì)主視覺，視覺元素細(xì)節(jié)驚喜感打磨，通過優(yōu)化活動玩法進(jìn)行引流，沉淀出新的大事件視覺設(shè)計(jì)思路，打造了有駕車展品牌設(shè)計(jì)全案。

未來我們的思考不僅僅只局限在視覺的表現(xiàn)上，還要繼續(xù)挖掘品牌系列化活動的延續(xù)性與獨(dú)特性，同時(shí)更要通過合理的情感互動建立和用戶的鏈接，為品牌長線發(fā)展提供更多價(jià)值。

作者：設(shè)計(jì)中臺

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》有駕在現(xiàn)場 車展品牌全案設(shè)計(jì)【百度】

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

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

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

我們將產(chǎn)品劃分為三個階段：

1.0：滿足了以產(chǎn)品為中心的設(shè)計(jì)，達(dá)成生產(chǎn)售賣通順閉環(huán)；

2.0：滿足了以消費(fèi)者為中心的設(shè)計(jì)，考慮更多用戶體驗(yàn)；

 3.0：加入以人文中心主義的設(shè)計(jì)，人文感官品牌情懷社區(qū)。

那么明確了我們本次升級的方向后，制定了整個產(chǎn)品的框架，底層加入了人文感官品牌情懷的相關(guān)因素，再應(yīng)用到我們現(xiàn)有的業(yè)務(wù)上，在協(xié)同上進(jìn)行高效的鏈接，產(chǎn)品到設(shè)計(jì)，設(shè)計(jì)與設(shè)計(jì)，設(shè)計(jì)到開發(fā)。最終形成了我們的前臺展現(xiàn)頁面。

根據(jù)我們的用戶畫像以及多輪訪談?wù){(diào)研， 得知用戶的相關(guān)正負(fù)情緒。生活當(dāng)中家務(wù)工作的角色分配問題，一直是經(jīng)常出現(xiàn)的一個場景。用戶希望通過我們的產(chǎn)品服務(wù)，來提升生活的幸福指數(shù)！

在以此為前提的背景下，用戶希望我們是專業(yè)標(biāo)準(zhǔn)化的、省心高效的、溫暖溫馨的、舒適的、具有親和力的等等。最終都會期望以更有品質(zhì)的生活而結(jié)尾，那么“品質(zhì)生活”即為我們需要來傳遞給用戶的情感。

 那么品質(zhì)生活是什么呢？

其實(shí)用戶對我們的要求是一款提升生活品質(zhì)及愉悅感的產(chǎn)品，而非工具。

綜上所述，我們確定了以品質(zhì)生活成為我們的本次設(shè)計(jì)語言升級的slogan，再結(jié)合業(yè)務(wù)的自身特性，我們進(jìn)行了詳細(xì)的拆分后提煉出了以下相關(guān)關(guān)鍵詞，來滿足用戶更多的情感訴求。

干凈明亮 

居住環(huán)境的潔凈會帶給人更多舒適愜意的感受。首先對品牌色進(jìn)行了升級，使其更鮮明。也延展與其相匹配的輔助色來打造出完善的色彩體系。

光 

專業(yè) 

高效 

用戶攜帶訴求而來，那么減少用戶感到麻煩的情緒，對產(chǎn)品的識別清晰、操作便捷提升是最直接影響的。

親和力 

服務(wù)行業(yè)需必備的能力，微笑服務(wù)也成為了我們的業(yè)務(wù)情感透傳標(biāo)準(zhǔn)。提煉出微笑符號結(jié)合我們的實(shí)際場景進(jìn)行運(yùn)用！

慢生活… 

在對用戶的相關(guān)情感訴求結(jié)合業(yè)務(wù)進(jìn)行了落地后，對效率類設(shè)計(jì)原則也進(jìn)行了相應(yīng)的升級。

應(yīng)用整體架構(gòu)也是一個應(yīng)用對外呈現(xiàn)的基礎(chǔ)結(jié)構(gòu)，是系統(tǒng)風(fēng)格的體現(xiàn)形式之一，除了特殊設(shè)計(jì)訴求，通常情況下，應(yīng)用需要使用通用的應(yīng)用架構(gòu)來保持系統(tǒng)的一致性和用戶操作的易用性。

布局不是靜態(tài)固定的，柵格系統(tǒng)在一個應(yīng)用內(nèi)的重要程度不言而喻。我們設(shè)定了以4dp / 4pt為基數(shù)的柵格系統(tǒng)。

文本作為產(chǎn)品中用戶獲取信息的主要信息載體，字號大小和字重決定了信息的層級和主次關(guān)系。對字號、字重、行高以及組合字體進(jìn)行了設(shè)定，為不同的場景創(chuàng)造了層級分明以及清晰的信息讀取體驗(yàn)。

針對頁面內(nèi)容區(qū)域的通用元素間距進(jìn)行了分類。設(shè)計(jì)師結(jié)合具體場景的情況，來調(diào)用間距參數(shù)的適配邏輯。以此來結(jié)合柵格系統(tǒng)進(jìn)行更好的適應(yīng)相關(guān)視覺元素符號的對應(yīng)變化。

 圓角參數(shù)  

結(jié)合業(yè)務(wù)屬性保證親和力的透傳，在產(chǎn)品盡量避免出現(xiàn)銳角圖形的設(shè)計(jì)表達(dá)手法。故此針對圓角的大小也進(jìn)行了系統(tǒng)級別的定義，進(jìn)行深度統(tǒng)一管理！

語意原則及動效等，并依據(jù)相關(guān)設(shè)計(jì)原則產(chǎn)出了組件庫。

在多元化的產(chǎn)品時(shí)代，時(shí)刻關(guān)注并滿足用戶的情緒，是產(chǎn)品能脫穎而出的關(guān)鍵！在建立設(shè)計(jì)語言手冊時(shí)從提升用戶體驗(yàn)和滿足商業(yè)價(jià)值整體考慮，挖掘流程當(dāng)中線上線下的觸點(diǎn)，多維度思考并總結(jié)落地，深度傳遞品牌理念。

設(shè)計(jì)語言手冊更多時(shí)候是一個相對寬泛的閾值，并非組件的固定值，在某些業(yè)務(wù)場景下能為用戶帶來增值體驗(yàn)或較高商業(yè)價(jià)值時(shí)，可以被打破。最后，核心就是在搭建語言手冊時(shí)應(yīng)思考更多“為什么”這么做！

 作者：58UXD

轉(zhuǎn)載請注明：學(xué)UI網(wǎng)》如何通過設(shè)計(jì)語言手冊來傳遞品牌理念！

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

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

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