用阿里巴巴APP的案例，教你如何快速适配「深色模式」

@完美的Z先生 ：近年来互联网公司纷纷打造自己的 IP 形象，一方面是 IP 形象能让用户快速建立品牌联想与品牌识别，另一方面是 IP 时代的到来，这个大时代可以从品牌学、社会学、经济学原因来分析。

• 品牌学原因：年轻用户对于卡通二次元的喜爱，让产品品牌在 IP 的使用上找到了契合点，让 IP 在产品上进行多次传播，实现品牌价值的输出，因此活用 IP 形象可以打造很好的宣传活动。
• 社会学原因：人有寻找同类的极度渴望，年轻用户通过喜爱的品牌表现出自己的个性，使得 IP 在社会中得到了爆发式的传播。
• 经济学原因：IP 是经济时代的「吸粉神器」，IP 自然顺势爆发，逐渐成为新的增⻓引擎。

那么 IP 与品牌到底是什么关系？下面我用一张品牌全局设计思维图让大家一目了然地看出 IP 与品牌的关系。

从图中可以看出 IP 属于品牌设计这一环节里的，我想打造 IP 的公司一定是看中了 IP 在品牌宣传上的优势，那 IP 到底有什么优势呢？

• 实现品牌差异化：IP 具有鲜明的人设与性格，拥有更多人性化特征，富有生命力。
• 亲和力：可以实现品牌与消费者之间的零距离互动。
• 自带粉丝力量：转化粉丝成为品牌客户，提高品牌的认知度和好感度，扩大品牌的影响力，并帮助品牌实现跨形态、跨时代、跨行业的延展。
• 解决资产荒：为品牌创新提供力量。
• 新的市场盈利点：线下与线上营销结合，系列衍生产品等。

企业为什么要自创 IP 呢？对企业而言 IP 它具有针对性，根据自身定位、特质、用户群体设计而成，受众一眼就能辨识，快速吸引用户的视线。代表性强，对外是自身形象与企业品牌的代言人利于项目传播。可持续性经营，IP 具有强生命力，有持续性生命周期、有独特内涵，可做更多延伸内容、品牌故事。

当然让上述所说的 IP 优势发挥到极致，让目标用户群更准确的形象感知，就要建设一致性和连贯性。这里我只从设计的维度去分析，我个人认为从标志设计就开始运用 IP 更有利于活化品牌体系，也就是说整个品牌设计流程会变成下图这样。

目前我觉得天猫和度小满在运用 IP 形象上做得特别好，保持高度的统一，他们贯彻到了品牌设计以及品牌体验中，使用户快速建立品牌联想与品牌识别，并活化了品牌视觉体系。下面我们就来看看他们是怎么运用 IP 形象的吧。

天猫

天猫的IP形象应用到了APP logo 上，一方面为了贴合「天猫」这个名字，另一方面这样运用能让用户对形象快速感知。

对 IP 形象进行图形提炼，将猫头简化，猫头承担重要载体，并做了六张视觉来体现品牌 slogan 与五个品牌关键词。

1. 天猫打造超级品牌日，玩出了联合营销/IP化联合营销

天猫开创的双11 已成一年一度全球最大的购物狂欢节，天猫和消费者的互动，从消费关系转变为基于 IP 与品牌更有效链接的粉丝关系。IP 形象同时又是标志，在打造超级品牌日同时，延展到了各种海报内容物料上，随时随地让你感受天猫的存在。同时对 IP 形象进行了全方位的人格化处理。拟人化的外形+人格化的动作+人格化的性格……让天猫的形象更鲜活、更真实起来。在线下与消费者进行亲密接触沟通，更大程度地刷新存在感，还起到了品牌「形象代言人」的作用。

天猫双11品牌海报

各家做的各种创意十足的内容必须严格按照天猫的品牌规范在猫头的图形上做设计，对于天猫来说，这些源源不断的优质内容汇聚成的天猫超级品牌日是非常宝贵的品牌资产。

天猫双11开屏

开屏头部与底部运用了统一的品牌展示样式，与此同时开屏主视觉里面也有 IP 形象的贯穿，通过品牌广告曝光，引导用户进入各个天猫品牌旗舰店，促进购买转化的同时，加深了用户对品牌的感知。

天猫双11 UI界面

从个人中心这个简洁的页面上看，都能看到天猫的 IP 形象的贯穿，头部卡片红色底色加了猫头的元素以及下方底部特殊 tab。

在天猫超级品牌日之外，天猫的日常运营也保持着高度的统一和连贯，整个运营活动的主视觉都在猫头形状里做，每个活动的猫头大小尺寸都是一致的，与此同时主视觉内也有一个 IP 形象在贯穿，每个IP都与当前场景发生故事，给用户一种情感的带入。

天猫品牌开屏与广告开屏

大家都知道开屏基本上都是强制性曝光，只要使用 APP 的人群都可以强制性曝光，流量巨大。天猫的品牌开屏（左图）选用全屏式，设计非常简洁，只有 logo 和 slogan。广告类的开屏（右图）选用底部保留式，留给天猫自身品牌曝光，广告自身的主视觉也运用猫头的图形元素，从而增加 IP 的曝光量。

天猫的 UI 设计运用 IP 情感化设计，运用 IP 做用户引导，可以使用户引导变得更有趣味性，不会枯燥乏味，赋予产品情感，增加用户对 IP 认知的同时，引导用户操作，并达到设计的目的。

天猫积分兑换红包页面以及缺省页面也运用了 IP，赋予产品情感，带给用户亲切感，拉近用户与产品、企业的关系，从而增加用户粘性。

天猫标题栏可配置图片，以及下拉刷新和商品刷新也运用了猫头的设计元素。

天猫还运用了 IP 线下体验店的方式与线上营销结合，为天猫这个 IP 注入更多的个性和故事。定制活动天猫私人收藏馆，是天猫情感化的一次尝试。

在消费升级的大背景下，天猫从品牌标识、品牌视觉、运营、UI再到线下等，整个品牌战略更加清晰、聚焦。为企业打造超级 IP 形象带动数亿额的销售量。

接下来我还想讲一个案例，它也是在品牌标识上运用了 IP，运用方式稍微有一点不同，是在于 logo 的品牌背书用的是 IP。

度小满

1. 高度保持统一的开屏

在 App 启动时抓住用户第一眼，聚焦注意力，助力品牌曝光。

节日运营与日常运营主视觉里面也运用了 IP 元素，为品牌获得充分曝光创造了条件。一眼难忘的效果让品牌在第一时间植入消费者大脑。

个人中心以及缺省页面同样也运用到了 IP，给用户一种代入感，情景感。

从天猫、度小满的 IP 应用中，我们可以看到他们高度保持统一和连贯，会让用户快速建立品牌联想与品牌识别，强化了品牌标识，降低了识别成本，提高了品牌的认知度和好感度，活化品牌视觉体系，品牌与消费者能更好地建立有效的沟通，为更多维度的视觉应用做基础。同时依靠亲和力增加用户的交互度和粘性，品牌和消费者之间的零距离互动，因此这种 IP 的应用方式是值得我们借鉴的。