百度智能云 2019“年中Hi购季”设计总结

斯坦芙妮

北京/网页设计师/6年前/252浏览

版权

斯坦芙妮

今年伴随着品牌升级，将以“年中Hi购季”大型品牌活动重新出现，通过全新的活动玩法设计提高百度智能云用户流量转化率

活动背景

每年6月中旬是全年重要的购物节品牌（黑五、双11、618）时间点之一，2018年百度智能云已成功举办过一次年中大促活动。今年，伴随着品牌升级，将以『年中Hi购季』大型品牌活动重新出现，通过全新的活动玩法设计丰富百度智能云销售线索来源，提升活动消费用户量级，提高用户流量转化率。

项目流程

此次活动在设计过程中有一个难点是，如何整合能力去为业务和品牌提供明确的、连续的、一致的长期增长？那么针对这个问题，这次『年中Hi购季』将分为三个方向进行设计—统一、特色和完整。

概念探索

首先以百度智能云的品牌调性（即文化、艺术、科技和未来）为指导原则，然后以孟菲斯风格为视觉方向，我们整合出以

“未来空间站”为主题的活动场景。未来空间这一概念不仅符合百度智能云想要传递的科技感，加上不同的装饰元素，也能营造出活动氛围。根据此次活动的业务场景，调整视觉导向后，得出该活动的关键词为简约、抽象和科技。

统一

如何打造统一的品牌风格，这个统一不仅指的是风格与框架，也指的是多维度去思考品牌特征和对用户心理的分析。在符合百度智能云品牌概念的同时，保持主、分会场的统一是这次活动设计的主旨，统一主要将从元素、色彩和字体入手。

元素搭建

百度智能云品牌元素为圆和线，在设计过程中，以它们为主进行扩展，比如方形、三角形等。再以他们为基础进行组合，多变的组合形式可以扩充画面的丰富度，提升与主题的契合度。

1. 草图绘制

前期，我们手绘了两种场景结构，分别是正视图和侧视图，之后发现侧视图比正视图更加具有空间感以及视觉冲击力，因此我们迅速达成场景结构共识，以侧视图的方案继续深入优化。

未来空间：以品牌元素圆和线作为基础，加入几何图形，希望通过这种简单的抽象元素构建整个未来空间的场景，让用户感受到最原始的形态，即回归本源，也代表着我们所认为的未来的样子。然后加上云服务器做点缀，呼应我们的活动产品。

2. C4D建模

确立场景后，我们快速进行了建模，将几何元素与业务元素依照侧视角度的节奏感整合到同一群组中。为保证渲染效果的精细度，单体模型及模型间的组合需要不断的进行探索和修改。

色彩塑造

品牌色一定程度上代表了产品形象，增加了产品的可识别度，也更容易让用户识别。因此我们在活动设计中，大面积使用色应该在这个颜色范围内选取适合的颜色进行应用，如有特殊情况（例如分会场需要用不同色彩），可拓展辅助色的使用。

1. 颜色提取

在色彩的规划上，我们通过品牌的四个关键词作为引导，最终确定了黑白灰作为主色，蓝色、金色作为辅助色：黑白灰负责打造科技感氛围，而蓝色、金色能让画面局部质感更加浓烈细腻；白色作为点缀色可以给画面透气感，提亮画面。

2. 质感塑造

在配色较为柔和的基调上，选用材质时我们更偏向轻量的雾面质感，对高光进行收拢，并在部分蓝色材质上增加磨砂肌理，营造未来科技的感觉。

字体规范

字体也是品牌统一的关键，合适的字体才能提升产品气质，太过活跃的字体不太适合b端产品。我们也尝试过衬线字体，发现其带有传统文化的韵味，与产品特性不符，而无衬线字体能给人一种现代的感觉，而且看上去更干净，然后思考以及大量实践得出方正且瘦长的字体比较符合简约、抽象和科技的特征。

最后，结合这些特征我们设计出了符合我们要求的字体。字体设计本着边缘方正，不过于夸张设计的原则，将其弧线、拐角处等细节做修改，经过不断调整和细化，最后结合具体的活动风格，做细节优化。

字体作为信息及内容传达的载体，为保证品牌输出的视觉形象一致，此次年中活动涉及的文字，均采用以下规范字体。

TIPS：为了快速改变字体，且能达成高度统一，因此采用了较为粗暴的拉伸变形方法，因此设计师需依照感官舒适程度去手动调整字体细节，以下为参考案例。

最后效果

特色

年中活动主会场首次尝试特色玩法—集卡赢礼。该玩法由8张卡牌-『云启智能、Hi购一夏』待抽取，抽中后活动页中的卡片将翻转。用户集齐『云、启、智、能』卡后，可获得A奖品；用户集齐『Hi、购、一、夏』卡后，可获得B奖品；用户集齐『云、启、智、能、Hi、购、一、夏』卡后，可额外获得C奖品；奖品含金量C>B>A。

卡牌设计主要由孟菲斯元素组成字体形状，运用几何元素充当笔画构成抽象字体，符合简约、抽象和科技的设计风格。