實(shí)戰(zhàn)案例！丁香媽媽品牌升級背后的故事

△ 丁香媽媽動畫視頻

一、概覽

品牌講述產(chǎn)品的故事，并建立產(chǎn)品和用戶之間的關(guān)系。設(shè)計(jì)師的部分職能是翻譯、橋梁、聯(lián)結(jié)者的作用，因而對于業(yè)務(wù)的梳理，以及產(chǎn)品和用戶的認(rèn)知是首要因素，這建立在平時的觀察、理解、溝通以及體會之上。

二、愿景

品牌升級并不是單純的 logo 圖形優(yōu)化，而是內(nèi)外兼修的形象提升。在快速變革的時代中，品牌在擁有與時俱進(jìn)的能力的同時，又需要擁有一些能夠聯(lián)結(jié)過去、現(xiàn)在和未來的能力。因此明確愿景也是不可或缺的一環(huán)。

對于丁香媽媽而言，這一點(diǎn)和我們的用戶緊密相關(guān)。自律性強(qiáng)的學(xué)習(xí)型媽媽，尤其是新手媽媽，在直面生理、角色、家庭關(guān)系的轉(zhuǎn)變的同時，也要保持家庭需求、社會參與度和自我實(shí)現(xiàn)的平衡，這是極大的挑戰(zhàn)和焦慮來源。我們希望通過提供育兒知識相關(guān)的務(wù)實(shí)指導(dǎo)，以及情感上的激勵與支持，成為健康生活方式的建議者，一個可信賴的伴侶。如同媽媽們希望自己能夠成為孩子成長中積極、正向的陪伴一樣。

三、核心價值

在當(dāng)下的環(huán)境中，品牌承載著用戶的期待與信賴。尤其是母嬰行業(yè)，價值觀的匹配能夠帶來有效的情感聯(lián)結(jié)。

在知識傳遞方面，丁香媽媽一直秉持著嚴(yán)謹(jǐn)?shù)膽B(tài)度，希望媽媽們獲取到科學(xué)的知識，免受錯誤育兒觀念的困擾；而情感支持上，更多的則是正向啟發(fā)：希望媽媽們能更關(guān)注自我意識，尊重自己的獨(dú)立性，尊重孩子的獨(dú)立性，成為有獨(dú)力思考能力的現(xiàn)代媽媽。

因此，我們將「尊重」視為品牌核心價值的基礎(chǔ)，并且相信只有真正的尊重才能帶來真誠的理解，而真誠的理解才能實(shí)現(xiàn)健康成長——從而為用戶提供更優(yōu)質(zhì)的服務(wù)。

尊重、理解、成長，這些都是本源的——但是在快速變革時代中易于忽略又值得堅(jiān)守的東西，我們將其作為品牌的核心價值是希望在傳達(dá)的同時又時時自省：尊重生命與知識，對科學(xué)和道德負(fù)責(zé)；通過理解用戶的需求來提供更好的體驗(yàn)；與用戶一起成長以滿足他們個性化和不斷變化的需求。

對于我們的媽媽們而言，尊重、理解、成長也是他們生活中值得關(guān)注的關(guān)鍵詞：基于自我意識的自我尊重，以適應(yīng)角色的變化；理解愛不是單向付出或控制，是一種平衡包容的關(guān)系；與孩子一起成長，為他們提供更好的生活和更美好的未來。

四、設(shè)計(jì)原則

落實(shí)到具體設(shè)計(jì)上時，除了考慮用戶感知之外，還需要考慮到業(yè)務(wù)訴求、多樣化的應(yīng)用場景以及與母品牌的關(guān)聯(lián)關(guān)系等等，提煉出相關(guān)的關(guān)鍵詞對于設(shè)計(jì)時進(jìn)行全方位的思考很有幫助。（當(dāng)然也是挑戰(zhàn)）

五、圖形概念

基于之前明確的各種元素，進(jìn)行圖形設(shè)計(jì)。從設(shè)計(jì)師的個人角度來說，這個心型的曲線要表達(dá)并不是「愛」的概念，而是一切源于內(nèi)心的「尊重」。如上文所述，尊重帶來理解，從而共同成長。

愛和尊重經(jīng)常會被混淆在一起。在我的認(rèn)知里，正常情況下，親子關(guān)系中，愛是天生的，它是一種情感，無關(guān)對錯好壞，基于了尊重，才能去把控好「愛」的度。

六、細(xì)節(jié)打磨

1. 中文設(shè)計(jì)

起初并未想過要涉獵字體設(shè)計(jì)，畢竟不是專業(yè)人士。不過沒有找到字形、重心、粗細(xì)完全符合心意并與 logo 圖形相適配的字體，所以花時間制作了一下。體會是隔行如隔山，好在字?jǐn)?shù)不多。

2. 組合

作為丁香園的子品牌，在結(jié)構(gòu)和色調(diào)保持一致，以產(chǎn)生協(xié)同效應(yīng)，同時通過其獨(dú)特的圖形，字體和根據(jù)自身品牌形象、目標(biāo)受眾調(diào)整顏色，以保持自身的獨(dú)立性。

3. 多種配置

Logo 的多種配置，垂直和水平，有標(biāo)語和無標(biāo)語。首選帶有標(biāo)語的水平版本，但所有選項(xiàng)都是可以接受的，由所應(yīng)用的產(chǎn)品和相關(guān)內(nèi)容決定。在某些特殊場合，獨(dú)立的圖形元素也可單獨(dú)呈現(xiàn)。

4. 主色

丁香媽媽的主要顏色是紫色，灰色和白色。作為展示品牌個性的核心顏色，稍偏藍(lán)色的紫色不僅與中文品牌名有著的樸實(shí)而直接的聯(lián)系，也顯示了與母品牌的傳承和連接。

灰色和白色能夠凸顯核心顏色的活力，而且合理運(yùn)用灰色和白色可以使設(shè)計(jì)看起來優(yōu)雅精致。

5. 輔助色

選擇洋紅和橙色作為輔助色，不僅因?yàn)樗鼈兡軌蚺c核心顏色和諧共處，也因?yàn)樗鼈兙哂袠酚^積極的屬性。洋紅色代表獨(dú)立，個性和激勵，而橙色與活力，溫暖和幸福有關(guān)。

6. 漸變

三色漸變基于品牌核心顏色和輔助色而得，其中紫色仍然占據(jù)主導(dǎo)地位。使用漸變能夠在某些需要爭取用戶注意力的特定環(huán)境中增加表現(xiàn)力。比如，應(yīng)用商店的程序圖標(biāo)和社交媒體頭像。

有時，漸變也可以在呼吸空間充足的情況下，應(yīng)用于某些裝飾元素，以增加設(shè)計(jì)的趣味性。

但是，應(yīng)當(dāng)謹(jǐn)慎使用漸變，因?yàn)楫?dāng)過度使用時，它會使設(shè)計(jì)看起來嘈雜或混亂。

7. 圖標(biāo)

圖標(biāo)不僅僅是品牌視覺中的一部分，更是互動產(chǎn)品中的重要角色，在滿足可識別這一基本要求之外，也要在風(fēng)格上與品牌性格保持一致。

七、效果呈現(xiàn)

八、動畫腳本

文首視頻中的動畫的概念是伴隨著整個設(shè)計(jì)的過程一點(diǎn)點(diǎn)生產(chǎn)出來的，也是語言無法表達(dá)的一些內(nèi)容，希望通過動態(tài)的形式能夠靜靜地敘述。由于時間關(guān)系繪制了一個腳本并且委托供應(yīng)商來制作，最后呈現(xiàn)的效果較為滿意。當(dāng)然很大程度上是得益于市場部同事的雙向溝通。

歡迎關(guān)注作者的微信公眾號：「六歲小朋友殺手」

「優(yōu)秀團(tuán)隊(duì)的改版設(shè)計(jì)案例」

• 《丁香園 8.0 全新改版升級，設(shè)計(jì)背后的故事》
• 《上億人使用的唱吧APP V8.6 改版設(shè)計(jì)過程揭秘》
• 《上億人使用的泛娛樂微信店，是如何做改版設(shè)計(jì)的？》