△ 丁香媽媽動畫視頻

一、概覽

品牌講述產品的故事，并建立產品和用戶之間的關系。設計師的部分職能是翻譯、橋梁、聯結者的作用，因而對于業務的梳理，以及產品和用戶的認知是首要因素，這建立在平時的觀察、理解、溝通以及體會之上。

二、愿景

品牌升級并不是單純的 logo 圖形優化，而是內外兼修的形象提升。在快速變革的時代中，品牌在擁有與時俱進的能力的同時，又需要擁有一些能夠聯結過去、現在和未來的能力。因此明確愿景也是不可或缺的一環。

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

三、核心價值

在當下的環境中，品牌承載著用戶的期待與信賴。尤其是母嬰行業，價值觀的匹配能夠帶來有效的情感聯結。

在知識傳遞方面，丁香媽媽一直秉持著嚴謹的態度，希望媽媽們獲取到科學的知識，免受錯誤育兒觀念的困擾；而情感支持上，更多的則是正向啟發：希望媽媽們能更關注自我意識，尊重自己的獨立性，尊重孩子的獨立性，成為有獨力思考能力的現代媽媽。

因此，我們將「尊重」視為品牌核心價值的基礎，并且相信只有真正的尊重才能帶來真誠的理解，而真誠的理解才能實現健康成長——從而為用戶提供更優質的服務。

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

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

四、設計原則

落實到具體設計上時，除了考慮用戶感知之外，還需要考慮到業務訴求、多樣化的應用場景以及與母品牌的關聯關系等等，提煉出相關的關鍵詞對于設計時進行全方位的思考很有幫助。（當然也是挑戰）

五、圖形概念

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

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

六、細節打磨

1. 中文設計

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

2. 組合

作為丁香園的子品牌，在結構和色調保持一致，以產生協同效應，同時通過其獨特的圖形，字體和根據自身品牌形象、目標受眾調整顏色，以保持自身的獨立性。

3. 多種配置

Logo 的多種配置，垂直和水平，有標語和無標語。首選帶有標語的水平版本，但所有選項都是可以接受的，由所應用的產品和相關內容決定。在某些特殊場合，獨立的圖形元素也可單獨呈現。

4. 主色

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

灰色和白色能夠凸顯核心顏色的活力，而且合理運用灰色和白色可以使設計看起來優雅精致。

5. 輔助色

選擇洋紅和橙色作為輔助色，不僅因為它們能夠與核心顏色和諧共處，也因為它們具有樂觀積極的屬性。洋紅色代表獨立，個性和激勵，而橙色與活力，溫暖和幸福有關。

6. 漸變

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

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

但是，應當謹慎使用漸變，因為當過度使用時，它會使設計看起來嘈雜或混亂。

7. 圖標

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

七、效果呈現

八、動畫腳本

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

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

「優秀團隊的改版設計案例」

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