实战案例！丁香妈妈品牌升级背后的故事

△ 丁香妈妈动画视频

一、概览

品牌讲述产品的故事，并建立产品和用户之间的关系。设计师的部分职能是翻译、桥梁、联结者的作用，因而对于业务的梳理，以及产品和用户的认知是首要因素，这建立在平时的观察、理解、沟通以及体会之上。

二、愿景

品牌升级并不是单纯的 logo 图形优化，而是内外兼修的形象提升。在快速变革的时代中，品牌在拥有与时俱进的能力的同时，又需要拥有一些能够联结过去、现在和未来的能力。因此明确愿景也是不可或缺的一环。

对于丁香妈妈而言，这一点和我们的用户紧密相关。自律性强的学习型妈妈，尤其是新手妈妈，在直面生理、角色、家庭关系的转变的同时，也要保持家庭需求、社会参与度和自我实现的平衡，这是极大的挑战和焦虑来源。我们希望通过提供育儿知识相关的务实指导，以及情感上的激励与支持，成为健康生活方式的建议者，一个可信赖的伴侣。如同妈妈们希望自己能够成为孩子成长中积极、正向的陪伴一样。

三、核心价值

在当下的环境中，品牌承载着用户的期待与信赖。尤其是母婴行业，价值观的匹配能够带来有效的情感联结。

在知识传递方面，丁香妈妈一直秉持着严谨的态度，希望妈妈们获取到科学的知识，免受错误育儿观念的困扰；而情感支持上，更多的则是正向启发：希望妈妈们能更关注自我意识，尊重自己的独立性，尊重孩子的独立性，成为有独力思考能力的现代妈妈。

因此，我们将「尊重」视为品牌核心价值的基础，并且相信只有真正的尊重才能带来真诚的理解，而真诚的理解才能实现健康成长——从而为用户提供更优质的服务。

尊重、理解、成长，这些都是本源的——但是在快速变革时代中易于忽略又值得坚守的东西，我们将其作为品牌的核心价值是希望在传达的同时又时时自省：尊重生命与知识，对科学和道德负责；通过理解用户的需求来提供更好的体验；与用户一起成长以满足他们个性化和不断变化的需求。

对于我们的妈妈们而言，尊重、理解、成长也是他们生活中值得关注的关键词：基于自我意识的自我尊重，以适应角色的变化；理解爱不是单向付出或控制，是一种平衡包容的关系；与孩子一起成长，为他们提供更好的生活和更美好的未来。

四、设计原则

落实到具体设计上时，除了考虑用户感知之外，还需要考虑到业务诉求、多样化的应用场景以及与母品牌的关联关系等等，提炼出相关的关键词对于设计时进行全方位的思考很有帮助。（当然也是挑战）

五、图形概念

基于之前明确的各种元素，进行图形设计。从设计师的个人角度来说，这个心型的曲线要表达并不是「爱」的概念，而是一切源于内心的「尊重」。如上文所述，尊重带来理解，从而共同成长。

爱和尊重经常会被混淆在一起。在我的认知里，正常情况下，亲子关系中，爱是天生的，它是一种情感，无关对错好坏，基于了尊重，才能去把控好「爱」的度。

六、细节打磨

1. 中文设计

起初并未想过要涉猎字体设计，毕竟不是专业人士。不过没有找到字形、重心、粗细完全符合心意并与 logo 图形相适配的字体，所以花时间制作了一下。体会是隔行如隔山，好在字数不多。

2. 组合

作为丁香园的子品牌，在结构和色调保持一致，以产生协同效应，同时通过其独特的图形，字体和根据自身品牌形象、目标受众调整颜色，以保持自身的独立性。

3. 多种配置

Logo 的多种配置，垂直和水平，有标语和无标语。首选带有标语的水平版本，但所有选项都是可以接受的，由所应用的产品和相关内容决定。在某些特殊场合，独立的图形元素也可单独呈现。

4. 主色

丁香妈妈的主要颜色是紫色，灰色和白色。作为展示品牌个性的核心颜色，稍偏蓝色的紫色不仅与中文品牌名有着的朴实而直接的联系，也显示了与母品牌的传承和连接。

灰色和白色能够凸显核心颜色的活力，而且合理运用灰色和白色可以使设计看起来优雅精致。

5. 辅助色

选择洋红和橙色作为辅助色，不仅因为它们能够与核心颜色和谐共处，也因为它们具有乐观积极的属性。洋红色代表独立，个性和激励，而橙色与活力，温暖和幸福有关。

6. 渐变

三色渐变基于品牌核心颜色和辅助色而得，其中紫色仍然占据主导地位。使用渐变能够在某些需要争取用户注意力的特定环境中增加表现力。比如，应用商店的程序图标和社交媒体头像。

有时，渐变也可以在呼吸空间充足的情况下，应用于某些装饰元素，以增加设计的趣味性。

但是，应当谨慎使用渐变，因为当过度使用时，它会使设计看起来嘈杂或混乱。

7. 图标

图标不仅仅是品牌视觉中的一部分，更是互动产品中的重要角色，在满足可识别这一基本要求之外，也要在风格上与品牌性格保持一致。

七、效果呈现

八、动画脚本

文首视频中的动画的概念是伴随着整个设计的过程一点点生产出来的，也是语言无法表达的一些内容，希望通过动态的形式能够静静地叙述。由于时间关系绘制了一个脚本并且委托供应商来制作，最后呈现的效果较为满意。当然很大程度上是得益于市场部同事的双向沟通。

欢迎关注作者的微信公众号：「六岁小朋友杀手」

「优秀团队的改版设计案例」

• 《丁香园 8.0 全新改版升级，设计背后的故事》
• 《上亿人使用的唱吧APP V8.6 改版设计过程揭秘》
• 《上亿人使用的泛娱乐微信店，是如何做改版设计的？》