首頁(yè)

基于智能座艙場(chǎng)景的用戶體驗(yàn)設(shè)計(jì)

seo達(dá)人



一、座艙體驗(yàn)的三要素

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

圖片

圖片

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

圖片

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

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

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

圖片

場(chǎng)景案例:充電全屏展示充電信息

圖片

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

圖片

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

圖片

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

 

 

二、智能座艙的場(chǎng)景體系化搭建

1、搭建流程

圖片

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

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

圖片

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

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

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

圖片

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

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

圖片

04 場(chǎng)景走查還原場(chǎng)景

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

圖片

 

2、搭建工具

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

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

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

2.1 用戶旅程圖

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

關(guān)鍵步驟:

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

② 確定行為路徑

③ 建立核心地圖

④ 包裝地圖

⑤ 繪制故事板

圖片

2.2 可用性測(cè)試

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

關(guān)鍵步驟:

① 明確測(cè)試目的

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

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

④ 組織測(cè)試

⑤ 整理輸出結(jié)論

圖片

2.3 5W+1H法則

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

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

② 對(duì)象—什么功能?

③ 地點(diǎn)— 什么場(chǎng)景下?

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

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

⑥ 如何–什么方式操作?

圖片

 

 

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

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

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

圖片

1.1 初識(shí)體驗(yàn):

我們?cè)诋a(chǎn)品使用初期的階段,都會(huì)對(duì)產(chǎn)品有個(gè)使用預(yù)期。例如期望產(chǎn)品能提供一個(gè)好的體驗(yàn),或者怕產(chǎn)生不好的體驗(yàn)。

圖片

1.2 使用體驗(yàn):

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

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

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

1.3 獲得體驗(yàn):

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

 

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)成了與汽車的首次互動(dòng)體驗(yàn)。

圖片

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

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

圖片

 

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

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

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

圖片

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

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

圖片

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

用戶的使用體驗(yàn)對(duì)于時(shí)間的變化,通過用戶旅程圖,他們對(duì)產(chǎn)品的關(guān)注點(diǎn)會(huì)產(chǎn)生變化,例如用戶剛開始對(duì)產(chǎn)品互動(dòng)中更關(guān)注新的功能和刺激的體驗(yàn)。但在使用過一段時(shí)間后他們可能不會(huì)再關(guān)注他的新穎程度,更關(guān)注產(chǎn)品的實(shí)用性和效率。所以需要我們?cè)诓煌氖褂秒A段重新幫助用戶提升體驗(yàn)。

圖片

 

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

作者:郝小七

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

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)公司



這10年,我都在這里看全球最頂尖的app產(chǎn)品!

seo達(dá)人

圖片

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

圖片

簡(jiǎn)直就是一個(gè)吸取靈感的天堂,太nice了。(網(wǎng)址在文末)

那我們有了這個(gè)好東西,怎么去參考借鑒呢?

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

 

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

比如像下面這個(gè)app,體育競(jìng)技類的:

圖片

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

圖片

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

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

 

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

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

圖片

放大看,人物還伸出來個(gè)舌頭,挺饞的感覺:

圖片

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

 

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

閃屏是app的重要頁(yè)面之一,我們看到的大部分閃屏都是一個(gè)簡(jiǎn)單的logo,比如:

圖片

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

圖片

這種插畫類的:

圖片

這種圖片類的:

圖片

你就咔咔參考唄,靈感老了去了!

 

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

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

圖片

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

圖片

當(dāng)然,最好可以自己動(dòng)手練一練,那樣會(huì)吸收的更好!

 

總結(jié)

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

圖片

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

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

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

好好用起來,希望可以幫到大家!下期見!


作者:菜心

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

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)公司



2022 PANTONE 最美色彩來啦!

seo達(dá)人

一、全新Post-It®Notes

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、花卉幻想

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

2、能量激發(fā)

圖片

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

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

3、單純靜謐

圖片

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

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

 

二、多彩的元宇宙

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

圖片

1、視覺語言

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

圖片

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

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

圖片

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

圖片

三、提契諾的色彩

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

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

icino Turismo 與彩通色彩研究所合作精選出五種最能代表提契諾的色彩,用來傳達(dá)春夏兩季訪客在當(dāng)?shù)厮娮R(shí)到的美景與快樂體驗(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é)合中國(guó)傳統(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)色板:融合中國(guó)傳統(tǒng)風(fēng)格和現(xiàn)代審美

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

圖片

這個(gè)全新調(diào)色板展現(xiàn)了對(duì)傳承、幸福和信念的現(xiàn)代詮釋,襯托出大福紅 (Tai Fook Red) 優(yōu)雅、現(xiàn)代且具備寧?kù)o力量的特點(diǎn),透過現(xiàn)代化且積極的態(tài)度展現(xiàn)集團(tuán)對(duì)品質(zhì)的承諾。

 

五、西派金銅  City Park Golden Brass

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

圖片

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

圖片

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


作者:劉濤

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

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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)系管理(CRM)產(chǎn)品解析

seo達(dá)人


圖片

不同的產(chǎn)品,對(duì)于頁(yè)面的模式、表現(xiàn)上都會(huì)有明顯的差異,今天我們就來聊聊 客戶關(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)中目前主要分為兩個(gè)賽道,分別是以:Salesforce、紛享銷客、銷售易、悟空CRM 為首的管理型CRM,它們最為主要的功能是管理客戶,也就是將銷售人員手中的客戶,通過公司的CRM系統(tǒng)進(jìn)行統(tǒng)一的管理,能夠保證企業(yè)的權(quán)益不會(huì)受到傷害

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

圖片

如何去理解SCRM?

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

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

 

 

二、作用

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

 

1、客戶安全性很難保證

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

 

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

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

圖片

 

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

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

圖片

 

4.銷售難以管理

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

圖片

其實(shí)了解CRM產(chǎn)品的作用,最終的目的就是為了了解這款產(chǎn)品能夠給企業(yè)帶來什么價(jià)值,什么核心的能力能夠驅(qū)動(dòng)客戶進(jìn)行購(gòu)買,了解了過后你才能知道這個(gè)功能帶來的價(jià)值是什么

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

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

 

1、專業(yè)詞匯

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

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

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

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

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

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

圖片

 

2、關(guān)鍵角色

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

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

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

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

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

大客戶銷售:大客戶銷售顧名思義,主要針對(duì)的是企業(yè)較為重要的客戶,他們?cè)谡w的決策層面鏈路較長(zhǎng)、金額較大,因此會(huì)安排經(jīng)驗(yàn)豐富的人員進(jìn)行對(duì)接

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

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

 

3、流程

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

圖片

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

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

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

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

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

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

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

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

 

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

圖片

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

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

 

 

四、頁(yè)面

CRM產(chǎn)品當(dāng)中較為重要的頁(yè)面,因?yàn)樽鳛樵O(shè)計(jì)師,我們最終的設(shè)計(jì)思考一定是通過頁(yè)面來去呈現(xiàn),而前面的整體業(yè)務(wù)模塊則更多是為了理解它們之間的關(guān)系,將問題講清楚

1、客戶詳情頁(yè)

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

圖片

 

2、客戶列表頁(yè)

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

圖片

當(dāng)然關(guān)于表格的內(nèi)容我們這里就不做過多的贅述,因?yàn)橹皫灼谕ㄓ玫谋砀裎恼?。已?jīng)寫得非常詳細(xì),感興趣的話可以去看一下咱們之前的表格文章

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

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

圖片

 

 

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

聊完了CRM產(chǎn)品過后,我們來說說整個(gè)產(chǎn)品會(huì)對(duì)設(shè)計(jì)師造成哪些影響
因?yàn)樵谡麄€(gè)的數(shù)據(jù)過程當(dāng)中,我們需要去關(guān)注的點(diǎn)非常的多

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

簡(jiǎn)單來說,其實(shí)CRM產(chǎn)品本身就是為銷售人員服務(wù)的一種產(chǎn)品類型,那作為設(shè)計(jì)師了解 銷售的日常習(xí)慣就顯得尤為重要。雖然在文章當(dāng)中已經(jīng)講的過于詳細(xì),但是你會(huì)發(fā)現(xiàn),用戶的習(xí)慣當(dāng)中,不同的產(chǎn)品類型,它的日常習(xí)慣本身就會(huì)有所不同,像是 電話銷售、產(chǎn)品銷售、大客戶銷售、傳統(tǒng)業(yè)務(wù)銷售,其實(shí)這對(duì)于我們來說,更需要了解用戶的習(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ì)上是一個(gè)針對(duì)于多行業(yè)的產(chǎn)品類型,也就導(dǎo)致了我們需要在設(shè)計(jì)的過程當(dāng)中快速的進(jìn)行切換。需要我們將用戶多行業(yè)的需求進(jìn)行整合,因?yàn)樵诠ぷ鳟?dāng)中你確實(shí)會(huì)發(fā)現(xiàn)不同的企業(yè),他的關(guān)注點(diǎn)是不太一樣的。那如何把這不同的關(guān)注點(diǎn)進(jìn)行融合整理,就需要設(shè)計(jì)師充分的參與才行

 

作者:CE青年

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

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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è)(3):管理能力

seo達(dá)人


圖片

 

 

一、自我管理

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

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

 

1、擴(kuò)展知識(shí)儲(chǔ)備

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

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

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

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

圖片

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

 

2、從輸入到輸出

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

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

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

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

 

 

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

設(shè)計(jì)師的日常工作大概可劃分為3個(gè)階段:需求溝通、設(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í)際的用戶場(chǎng)景出發(fā),存在一些問題點(diǎn)。所以設(shè)計(jì)師要有一定的方法,對(duì)需求做出合理性判斷。

首先要了解需求來源,確認(rèn)需求目標(biāo),了解需求背景;然后從設(shè)計(jì)的角度,從用戶角色、場(chǎng)景的角度重新審視需求,為產(chǎn)品經(jīng)理提供一些建議,彌補(bǔ)需求的不足,推動(dòng)產(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)出原型方案完成評(píng)審后,產(chǎn)品經(jīng)理將原型圖插入到PRD中輸出給開發(fā)人員,這樣的PRD主要是面向開發(fā)人員的。

因此設(shè)計(jì)師需要發(fā)揮主觀能動(dòng)性,有能力理解和分析需求,主動(dòng)與產(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ì)師需要主動(dòng)確認(rèn)交付時(shí)間點(diǎn),避免信息不對(duì)稱造成設(shè)計(jì)延期風(fēng)險(xiǎn)。另一方面,產(chǎn)品經(jīng)理可能會(huì)要求設(shè)計(jì)師預(yù)估工作量,給出設(shè)計(jì)排期。此時(shí)設(shè)計(jì)師要充分考慮多方面的因素,例如需求溝通、方案評(píng)審及修改時(shí)間等。

有些時(shí)候,設(shè)計(jì)師并不是負(fù)責(zé)單一產(chǎn)品線的設(shè)計(jì)工作,可能會(huì)面臨多任務(wù)并行的場(chǎng)景。設(shè)計(jì)師需要與產(chǎn)品經(jīng)理明確優(yōu)先級(jí)排序,合理安排設(shè)計(jì)任務(wù)排期。如果無法協(xié)調(diào)時(shí),需要積極向上反饋,爭(zhēng)取團(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è),對(duì)設(shè)計(jì)師的工作內(nèi)容并沒有明確的流程規(guī)范,甚至沒有設(shè)計(jì)評(píng)審流程,設(shè)計(jì)師只要完成方案設(shè)計(jì)就結(jié)束了。

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

所以設(shè)計(jì)師需要主動(dòng)完成工作閉環(huán),跟進(jìn)開發(fā),做好上線前的設(shè)計(jì)測(cè)試驗(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ù)是基于對(duì)需求的充分思考,盡可能地為產(chǎn)品提供有價(jià)值的解決方案,而不是追求完美的設(shè)計(jì)方案。因?yàn)榻换?、視覺設(shè)計(jì)方案多種多樣,需要根據(jù)產(chǎn)品資源、執(zhí)行效率、投入產(chǎn)出比、版本迭代計(jì)劃等因素綜合考慮,選擇當(dāng)前用戶場(chǎng)景下更加合理有效的方案,而不僅僅是為了追求完美的用戶體驗(yàn)。

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

 

三、對(duì)上管理

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

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

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

 

1、時(shí)間不充分

作為名義上的領(lǐng)導(dǎo),只是代管角色,本身有其他核心工作任務(wù),對(duì)設(shè)計(jì)工作可能并不積極。當(dāng)設(shè)計(jì)師主動(dòng)做些設(shè)計(jì)推動(dòng),需要向上匯報(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à)值不過是界面上的按鈕和表格。辛苦到頭,個(gè)人績(jī)效根本就沒有保障。

 

2、專業(yè)度不夠

設(shè)計(jì)師可能會(huì)被劃分在開發(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ì)問題,不會(huì)親自找設(shè)計(jì)師,而是隨口對(duì)身邊人員一提,接著信息被層層轉(zhuǎn)發(fā),容易造成理解偏差、信息缺失等問題。設(shè)計(jì)師需要二次確認(rèn),但是由于時(shí)間、空間等多重因素影響,很可能導(dǎo)致后續(xù)的溝通不暢。

 

4、政出多門

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

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

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

其次就是爭(zhēng)取更多的合作機(jī)會(huì),例如參加產(chǎn)品經(jīng)理的需求評(píng)審會(huì)。利用設(shè)計(jì)評(píng)審會(huì)建立自己的設(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)生的個(gè)人價(jià)值。最大的感受就是只做純粹的設(shè)計(jì)師,發(fā)展之路會(huì)越來越窄。

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


作者:子牧先生

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

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)公司



品牌定位,搶占用戶心智第一步

seo達(dá)人


一、什么是品牌定位?

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

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

那么,什么是品牌定位?簡(jiǎ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)。

圖片

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

 

 

二、品牌定位如何做?

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

圖片

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

 

Step 1:Segmentation 市場(chǎng)細(xì)分

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

圖片

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

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

圖片

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

以Needscope為例。Needscope的心理學(xué)基礎(chǔ)是榮格的原型理論。榮格認(rèn)為,原型是天生的傾向,在影響人類行為方面發(fā)揮作用?;诖耍瑢⑷祟惽楦行枨髣澐譃榱箢悾河谢盍Φ?、充分自信的、有能力的、關(guān)懷的、被動(dòng)的、無憂無慮的。應(yīng)用于不同品類時(shí),對(duì)類型的描述可做調(diào)整。

圖片

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

圖片

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

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

 

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

在對(duì)市場(chǎng)做了細(xì)分后,接下來需要確定哪個(gè)/哪些細(xì)分市場(chǎng)可作為目標(biāo)人群,主要考慮兩個(gè)因素:市場(chǎng)份額和競(jìng)爭(zhēng)環(huán)境。

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

圖片

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

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

圖片

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

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

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

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

圖片

 

Step 3:Positioning 定位

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

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

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

  • 畫像及態(tài)度:人口學(xué)特征(性別、年齡、城市級(jí)別、家庭月收入等)、生活態(tài)度、價(jià)值觀、品牌觀,真實(shí)立體地還原品牌營(yíng)銷對(duì)象
  • 資訊產(chǎn)品使用行為:使用場(chǎng)景、需求、使用產(chǎn)品、頻次、時(shí)長(zhǎng)、路徑、滿足點(diǎn)及痛點(diǎn),發(fā)現(xiàn)本品在產(chǎn)品力上與競(jìng)品的差距,挖掘產(chǎn)品賣點(diǎn)
  • 資訊產(chǎn)品品牌態(tài)度:對(duì)各品牌的認(rèn)知度、喜愛度、品牌形象認(rèn)知,發(fā)現(xiàn)本品在品牌力上與競(jìng)品的差距,挖掘品牌利益點(diǎn)
  • 觸媒特點(diǎn):偏愛的觸媒渠道、品牌溝通方式/內(nèi)容、轉(zhuǎn)化效果,幫助品牌找到有效營(yíng)銷渠道和傳播形式

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

 

 

三、品牌再定位

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

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

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

此外,目標(biāo)客戶群消費(fèi)動(dòng)機(jī)和需求的改變,也是促使品牌再定位升級(jí)的重要?jiǎng)恿Α?

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


作者:設(shè)計(jì)中臺(tái)

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

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì) | 掌握這些技法,快速提升界面效果!

seo達(dá)人


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

1、什么是卡片?

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

圖片

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

 

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

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

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

圖片

 

 

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

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

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

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

圖片

 

2、場(chǎng)景拓展

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

圖片

 

3、空間擴(kuò)展

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

圖片

 

4、突出重點(diǎn)

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

圖片

 

5、兼容多端

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

圖片

 

6、易于操作

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

 

7、跳轉(zhuǎn)流暢

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

 

 

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

1、四周留白

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

圖片

 

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

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

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

圖片

 

3、通欄類型

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

圖片

 

 

四、卡片適用場(chǎng)景介紹

1、瀑布流

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

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

圖片

 

2、信息流

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

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

圖片

 

3、左/右滑動(dòng)

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

圖片

 

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

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

圖片

 

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

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

圖片

 

6、部分頁(yè)面頭圖

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

圖片

 

 

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

1、一致性原則

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

圖片

 

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

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

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

圖片

 

3、避免過多卡片嵌套

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

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

圖片

 

4、合理利用橫向空間

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

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

圖片

 

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

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

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

圖片

 

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

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

圖片

 

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

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

 

六、結(jié)語

卡片式設(shè)計(jì)之所有能快速流行起來且經(jīng)久不衰, 其主要得益于自身的靈活性,尤其是在跨設(shè)備、跨屏幕上有著純天然的優(yōu)勢(shì),能忽略設(shè)備的差異給用戶提供更好的服務(wù)??ㄆ⒉皇呛?jiǎn)單的樣式設(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ì)也不會(huì)例外,但絕對(duì)不是這么快就結(jié)束,它依然值得我們?nèi)ド罹?,力求打造更好的信息布局、更舒適的用戶體驗(yàn)。

 

原文地址:能量眼球

作者:大漠飛鷹CYSJ

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

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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)場(chǎng) 車展品牌全案設(shè)計(jì)【百度】

seo達(dá)人


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

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

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

圖片

 

二、借勢(shì)大事件,打造車展品牌全案

借勢(shì)車展的關(guān)注度與影響力,我們想要通過分析調(diào)研總結(jié),對(duì)本次車展進(jìn)行視覺定調(diào),建立品牌識(shí)別體系,沉淀專屬有駕車展活動(dòng)的品牌符號(hào)和印記;進(jìn)行線上線下聯(lián)合推廣來打造有駕車展品牌全案,提升有駕的品牌影響力;優(yōu)化活動(dòng)體驗(yàn)來為平臺(tái)進(jìn)行引流,讓用戶對(duì)有駕產(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)存在品牌識(shí)別度較弱且沒有統(tǒng)一規(guī)范、品牌統(tǒng)一性較弱導(dǎo)致用戶認(rèn)知成本較高等問題。

圖片

 

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

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

圖片

 

五、視覺定調(diào)

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

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

圖片

 

六、建立品牌體系

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

圖片

 

七、品牌LOGO

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

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

圖片

 

八、色彩嘗試

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

圖片

 

九、組件化通用元素

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

圖片

 

十、車展主KV

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

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

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

圖片

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

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

圖片

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

圖片

 

十一、車展專題頁(yè)

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

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

圖片

 

十二、集卡分百萬 引流活動(dòng)

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

圖片

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

圖片

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

圖片

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

圖片

 

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

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

圖片

圖片

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

圖片

 

十四、總結(jié)

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

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

 


作者:設(shè)計(jì)中臺(tái)

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

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)語言手冊(cè)來傳遞品牌理念!

seo達(dá)人


 

圖片

本次以3.0時(shí)代加入以人文中心主義的設(shè)計(jì),人文感官品牌情懷社區(qū)為方向發(fā)起升級(jí)!58到家作為一款為消費(fèi)者提供家政服務(wù)的產(chǎn)品,致力于為消費(fèi)者帶來品質(zhì)生活!設(shè)計(jì)語言的存在需要將用戶、產(chǎn)品、服務(wù)進(jìn)行結(jié)合,并在不同服務(wù)中保持統(tǒng)一的展現(xiàn),從而對(duì)體驗(yàn)和商業(yè)上帶來價(jià)值。

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

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

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

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

圖片

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

 

 

圖片

最適合用戶的設(shè)計(jì)語言手冊(cè),才是合理的,那么在3.0階段的人文感官品牌情懷,核心即為人,也就是我們的用戶,首先我們要了解用戶的情感訴求。

圖片

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

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

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

圖片

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

 

 

圖片

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

干凈明亮 

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

圖片

 

陽光照射在屋子里,用戶愜意地躺在沙發(fā)上,光總是能給人溫馨溫暖的感覺。針對(duì)光束進(jìn)行了深度剖析,過濾掉了光源生硬的進(jìn)入以及具象光源的展示方案,最終確定使用相對(duì)適中的漸變色。

專業(yè) 

專業(yè)是線上線下綜合訴求的結(jié)合體,那么在線上加強(qiáng)品牌背書、有跡可循的一致性來達(dá)到滿足所的情感訴求。

高效 

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

親和力 

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

慢生活… 

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

 

 整體架構(gòu) 

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

圖片

 柵格系統(tǒng) 

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

圖片

 文本原則  

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

圖片

 間距參數(shù)  

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

圖片

 圓角參數(shù)  

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

圖片

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

 

 

圖片

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

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

 作者:58UXD

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

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)公司



160種常用的配色方案,把設(shè)計(jì)調(diào)性拿捏得死死的

seo達(dá)人

一、高端

圖片

視覺調(diào)性高端的色彩,通常具有明度低、飽和度低、顏色數(shù)量少等特點(diǎn),所以很多高端的設(shè)計(jì)都會(huì)以深色作為背景色,因?yàn)樯钌@低調(diào)、更具神秘感,所以給人的感覺更高貴。然后以亞金色、銀色、桔紅色、白色等作為輔助色。

圖片

 

二、科技

圖片

想要表現(xiàn)科技感,色彩的整體調(diào)性通常會(huì)偏冷色系,明暗對(duì)比要強(qiáng),且通常會(huì)使用漸變色。比如以深藍(lán)色到藍(lán)色的漸變作為背景色,然后用高飽和度、高亮度的青色和紫色作為輔助色,這時(shí)這些輔助色就會(huì)非常的跳躍,具有一種發(fā)光的效果。

圖片

 

三、時(shí)尚

圖片

其實(shí)所有調(diào)性的配色都應(yīng)該要盡量時(shí)尚一點(diǎn),即使是想表現(xiàn)復(fù)古,也不能太土,所以這里所說的時(shí)尚特指偏向年輕、潮流的時(shí)尚。這種色彩通常具有飽和度高、明度適中、色相對(duì)比較大等特點(diǎn)。蔥爺這里概括了兩類,一類是以純色作為背景,這種色彩比較適合于品牌設(shè)計(jì)、網(wǎng)頁(yè)設(shè)計(jì)、畫冊(cè)設(shè)計(jì)等;一類是以漸變色作為背景,這種色彩比較適合于電商設(shè)計(jì)、廣告設(shè)計(jì)等。

圖片

圖片

 

四、酷炫

圖片

酷炫是指那種視覺效果特別張揚(yáng)、甚至是極具個(gè)性的色彩搭配,比如近幾年比較火的蒸汽波風(fēng)格、酸性風(fēng)格、賽博朋克風(fēng)格、故障風(fēng)格,其色彩就屬于酷炫類的。該類設(shè)計(jì)通常也是以深色作為背景,圖片元素會(huì)使用高飽和度且對(duì)比很強(qiáng)的漸變色,色彩相對(duì)較多。

圖片

 

五、好吃

圖片

即讓人感覺很有食欲的色彩搭配,這種色彩通常以暖色為主,比如紅色、橙色、黃色。飽和度較高、明度較低的組合方式通常用于餐飲行業(yè);而飽和度較低、明度較高的色彩組合通常用于甜點(diǎn)、飲料等行業(yè)。

圖片

 

六、夏天

圖片

目前正值火熱的夏季,所以蔥爺專門整理了一些適合表現(xiàn)夏季的好看色彩,該類色彩通常會(huì)以藍(lán)色、青色、綠色這種冷色系最為主要顏色,然后以黃色或紅色、白色作為輔助色,這種色彩組合會(huì)給人清涼、快樂的感覺。

圖片

 

七、清新

圖片

小清新的視覺感受為輕松、柔和、淡雅,要達(dá)到這樣的效果,顏色的明度通常是比較高的,飽和度偏低,常用的顏色有淺青色、淺綠色、淺黃色、粉紅色等,在奶茶、女性護(hù)膚品的相關(guān)設(shè)計(jì)中比較常見。

圖片

 

八、快樂

圖片

快樂是張揚(yáng)的、是活潑的,所以快樂的色彩飽和度較高、明度不會(huì)太低、色彩的種類會(huì)比較多,通常也是以暖色為主,但是會(huì)搭配冷色一起使用。黃色具有很強(qiáng)的快樂、陽光屬性,所以想要表達(dá)快樂,黃色通常是少不了的。

圖片

 

九、可愛

圖片

跟兒童、年輕女性相關(guān)的設(shè)計(jì),通常需要表現(xiàn)出可愛的調(diào)性,這類色彩通常是用冷色和暖色相互組合,顏色的明度同樣不會(huì)太低,否則會(huì)有壓抑的感覺,另外飽和度也不要過高,飽和度稍低一點(diǎn)效果會(huì)更柔和一些。

圖片

 

十、健康

圖片

想到健康我們立馬就會(huì)想藍(lán)天白云、青山、綠色的草地和樹葉,還有黃色的小野花等等,所以藍(lán)色、綠色、青色、黃色、白色都是常用于表現(xiàn)健康的色彩,紅色也可以偶爾作為點(diǎn)綴色加進(jìn)來。由于健康的調(diào)性也是要給人一種舒適、輕松的感覺,所以整體的顏色明度不要太低。

圖片

 

十一、運(yùn)動(dòng)

圖片

要想讓色彩動(dòng)起來,對(duì)比一定要強(qiáng),可以是色相對(duì)比、也可以是明度對(duì)比和飽和度對(duì)比。橙色和黃色是兩個(gè)很具活力的的顏色,所以常用于表現(xiàn)運(yùn)動(dòng)的設(shè)計(jì)里。

圖片

 

十二、科幻

圖片

這是一些科幻電影、機(jī)動(dòng)游戲的海報(bào)設(shè)計(jì)常用的色彩搭配組合,給人的視覺感受是穩(wěn)重而大氣,科技感和神秘感并存,所以背景色通常也比較暗,喜歡用青色和黃色這種比較亮的顏色作為點(diǎn)綴。

圖片

 

十三、喜慶

圖片

在設(shè)計(jì)節(jié)日海報(bào)或促銷海報(bào)時(shí),通常需要表現(xiàn)出喜慶的調(diào)性,有些設(shè)計(jì)師會(huì)局限在大紅色、黃色、和橙色里,這樣搭配出來的色彩容易土,而想要解決這個(gè)問題,一方面可以加入冷色搭配使用,另一方面顏色的飽和度和亮度也不要過高。

圖片

 

十四、復(fù)古

圖片

這類色彩的特點(diǎn)是顏色的飽和度會(huì)相對(duì)低一點(diǎn),而且大多數(shù)情況下,整體的明度通常也不會(huì)太高,常用類比色搭配和對(duì)比色搭配。

圖片

 

十五、中國(guó)風(fēng)

圖片

具有中國(guó)風(fēng)特色的顏色和色彩組合有很多,蔥爺這里僅列舉了8個(gè)組合。這類色彩同樣飽和度不會(huì)達(dá)到最高,有點(diǎn)復(fù)古和充滿文化氣息的感覺。胭脂(暗紅色)、緗色(中黃)、紺青(深藍(lán)色)、黛(褐色)等是中國(guó)風(fēng)常用的顏色。

圖片

 

十六、夢(mèng)幻

圖片

夢(mèng)幻具有奇妙和神秘的感覺,好像在黑暗中找到了一點(diǎn)曙光,奇遇了驚喜一般,所以大多數(shù)情況下,背景色會(huì)使用從深色到亮色的漸變。顏色相對(duì)會(huì)比較豐富,而且以漸變色居多。

圖片

 

十七、女性

圖片

女性是溫柔的,是感性的,所以該類色彩組合通常為類比色,偶爾會(huì)用一點(diǎn)對(duì)比色作為點(diǎn)綴,以增加畫面的活潑氣息,顏色的明度和飽和度都不能太低,當(dāng)然飽和度最好也不要過高,粉色、紫色是常用于表現(xiàn)女性的色彩。

圖片

 

十八、優(yōu)雅

圖片

優(yōu)雅可以理解為低調(diào)、高級(jí)、溫和、安靜,所以這類色彩的對(duì)比通常不會(huì)太強(qiáng),飽和度也會(huì)比較低,整體的色彩調(diào)性會(huì)偏中性,常用卡其色、麻色,還有單色組合及類比色組合。

圖片

 

十九、經(jīng)典色彩組合

圖片

除了以上十八大調(diào)性,蔥爺還給大家推薦一些經(jīng)典的配色,很難把它們具體歸為哪一類,但是我們?cè)谧龊芏嘣O(shè)計(jì)時(shí),用上這種配色總能得到不錯(cuò)的效果,比如紅黃黑、紅白藍(lán)、黃綠黑、等等,在很多平面海報(bào)設(shè)計(jì)中經(jīng)常能看到。

圖片

 

 

圖片

以上所列舉的色彩組合,矩形色塊為背景色,圓形色塊為畫面中圖片元素或文字使用的顏色。根據(jù)需要可以把其中的某些純色轉(zhuǎn)變?yōu)閱紊珴u變,或者也可以把某些單色漸變轉(zhuǎn)化為純色。另外,在不包含黑白灰的色彩組合里,仍可以根據(jù)需要自行加入黑白灰,比如用于填充文字的顏色。
當(dāng)然,能體現(xiàn)以上這些調(diào)性的顏色還有很多,大家可以自行補(bǔ)充,建立起自己的色庫(kù)。 

作者:蔥爺

轉(zhuǎn)載請(qǐng)注明:學(xué)UI網(wǎng)》160種常用的配色方案,把設(shè)計(jì)調(diào)性拿捏得死死的

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


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


藍(lán)藍(lán)設(shè)計(jì)www.yvirxh.cn )是一家專注而深入的界面設(shè)計(jì)公司,為期望卓越的國(guó)內(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ì)公司



日歷

鏈接

個(gè)人資料

存檔