品牌設(shè)計｜B 端數(shù)據(jù)營銷產(chǎn)品品牌設(shè)計設(shè)計心得
歡迎來到專業(yè)設(shè)計師學(xué)習(xí)交流社區(qū)
三分設(shè)｜連接知識，幫助全球 1 億設(shè)計師成長
轉(zhuǎn)自：京東設(shè)計中心JDC
編輯：章欣怡
共 1889 字，預(yù)計閱讀 5 分鐘
01 背景描述
由于 B 端數(shù)據(jù)類營銷類產(chǎn)品特性，差異性并不明顯，因此品牌就成為同類產(chǎn)品之間區(qū)分的主要標(biāo)志。數(shù)坊通過整合京東站內(nèi)外豐富的消費者觸點行為數(shù)據(jù)，以 4A 消費者運營管理模型為基礎(chǔ)，構(gòu)建以用戶資產(chǎn)洞察、客群挖掘分析、消費者全域觸達(dá)、全局效果追蹤為體的用戶運營閉環(huán)生態(tài)系統(tǒng)，助力精細(xì)化用戶運營、賦能全域用戶增長，具有非常重要的地位。隨著數(shù)坊功能逐步增加，戰(zhàn)略地位不斷提高，希望能夠在滿足功能的同時，開始逐步建設(shè)數(shù)坊品牌，提高數(shù)坊影響力。
02 前期調(diào)研
本期設(shè)計我希望從線上頁面、線下物料入手，建立適合數(shù)坊的品牌風(fēng)格。后期進(jìn)行品牌風(fēng)格強化，讓品牌風(fēng)格貫穿整個數(shù)坊。
考慮數(shù)坊產(chǎn)品特性以及后期延展性問題，我調(diào)研了市面上已有的插畫風(fēng)格以及插畫組件庫，從兩個方面入手，建立數(shù)坊品牌風(fēng)格。
首先我調(diào)研市面上插畫的風(fēng)格，主要是扁平化、2.5D、3D 這幾個方向。
通過調(diào)研，總結(jié)他們各自的優(yōu)劣勢：
1）扁平化插畫耗時較短，發(fā)揮空間較大，適合個性化的表達(dá)和突出人物；
2）2.5D 插畫耗時較短，適合構(gòu)建場景、營造整體空間；
3）3D 插畫耗時較長，可以體現(xiàn)材質(zhì)、適合構(gòu)建場景及營造整體氛圍。
接下來從自如插畫組件庫 2.0、 Humaaans 插畫組件庫、阿里云·云安全中心：“荷魯斯之眼” 全景風(fēng)險管控平臺組件庫進(jìn)行調(diào)研。
從延展性的角度看，概括性的圖案搭配更為靈活，同樣的元素經(jīng)過不同的組合可以有很多種呈現(xiàn)樣式，可以搭建組件庫，便于未來高效輸出，滿足各場景需求。
03 設(shè)計思路
為滿足現(xiàn)階段大量場景及業(yè)務(wù)需求，現(xiàn)階段采用 2.5D 的風(fēng)格進(jìn)行一期插畫設(shè)計；為體現(xiàn)數(shù)坊品質(zhì)感，結(jié)合當(dāng)下流行設(shè)計趨勢，加入毛玻璃質(zhì)感這一設(shè)計元素。本次設(shè)計以數(shù)坊核心功能 GOAL 為主題進(jìn)行設(shè)計，確定品牌風(fēng)格再完成數(shù)坊 LOGO 衍生圖案設(shè)計以及線上狀態(tài)圖標(biāo)、場景圖標(biāo)的設(shè)計。
1、提取顏色
由于 2.5D 插畫存在光影關(guān)系，需要帶有漸變的顏色來滿足光影要求。我以數(shù)坊品牌色及部分輔助色為基礎(chǔ)，提取每列顏色相鄰顏色，得出一套漸變色，作為數(shù)坊插畫色板，既保證整體協(xié)調(diào)性又滿足插畫對顏色的需求。
2、添加毛玻璃效果
接下來添加質(zhì)感，目前市面上大部分毛玻璃效果都是用于平面上的，比如圖標(biāo)、海報等，有些設(shè)計師也會在用于 3D 模型上，輔助燈光獲得較好的效果。但在 2.5D 的插畫中運用較為少見，如何有較好的呈現(xiàn)是我面臨的最大的問題。
我通過一下幾步得到我想要旳效果：
1）通過對毛玻璃平面效果的嘗試可以發(fā)現(xiàn)深色圖案上疊加淺色玻璃時效果更好；
2）對立體毛玻璃效果的嘗試：本次是以 GOLA 為主題進(jìn)行設(shè)計，為了字母具有更好的識別性，我嘗試了字母在不同角度下的效果，選取識別性較好的角度添加毛玻璃效果，在多次調(diào)整后得到合適的參數(shù)并用于其他插畫中。
3、搭建場景
本次以 GOAL 主題的設(shè)計我希望通過插畫加深用戶對數(shù)坊核心功能的印象，因此在表達(dá)上更加直觀，以字母為主，再由關(guān)鍵詞：用戶、增長，聯(lián)想一些圖案，為整體圖形添輔助元素，與整體主題相呼應(yīng)。
4、提取 GOAL 每一個字母對應(yīng)的關(guān)鍵詞，搭建具體場景，用于不同頁面、物料中
1）G-目標(biāo)靶群：靶群增長；
2）O-4A 消費者資產(chǎn)：滲透增長；
3）A-用戶未來價值評估：價值增長；
4）L-品牌會員運營：忠誠增長。
關(guān)鍵詞以較為突出的橙色在插畫中作為點綴元素展示。
04 插畫展示
以下是以 GOAL 為主題的系列插畫展示，分別展示白底和深色底上的效果，并提取字母作為單個小元素，可以運用于更多地方。
GOAL系列插畫 2 主要用于具體場景描述，也可組合在一起使用。
根據(jù)數(shù)坊 LOGO 設(shè)計衍生圖案，未來還會這此基礎(chǔ)上不斷擴展，運用于不同的場景中。
以下是與數(shù)坊品牌設(shè)計相配套的線上空狀態(tài)圖標(biāo)。
05 效果展示
以下是線下物料展示效果圖。
?? 我們一起聊設(shè)計 ???♂?
微信行業(yè)交流群
期待與更多優(yōu)秀設(shè)計師一起成長
??
PS：歡迎大家關(guān)注三分設(shè)，每天早上9點，準(zhǔn)時充電。分享優(yōu)質(zhì)設(shè)計、創(chuàng)意靈感、新知新識，定期大咖老師直播分享，零距離連麥，答疑解惑。 添加小小蟲微信號【 Lil_Bug 】，備注【 三分設(shè) 】加入！（只面向星標(biāo)了公眾號三分設(shè)的粉絲）
推 薦 課 程
星標(biāo)公眾號方法
點開下方公眾號 ?? 點擊右上角【...】 ?? 設(shè)為星標(biāo)
