导语：当前PC搜索品牌广告，对用户来说：信息冗杂，品牌记忆点较弱；视觉风格不够与时俱进；互动创意不丰富。对客户来说：也希望通过提升样式权益及灵活性，满足更多的客户营销诉求，本文将通过本次设计升级给出解答方案。

一、设计理念

我们重构了广告的产品形态，在官网寻址、品牌信息和服务满足上为用户和客户带来全新体验，增加客户的商业权益，撬动客户品牌预算。经过实验验证，ctr也显著提升，客户认可度较高。

提升广告收入的同时，为用户更高效提供信息需求的满足，实现用商一体的协同共赢。

以「设计重构」「引爆视觉」「智能设计」「创意互动」四大抓手将现有痛点逐一攻克。

二、设计重构

1. 框架：面积增大，形态沉浸

PC搜索品牌广告在改版前，左右信息较为分散，造成极大的空间浪费，沉浸感弱。功能分布较为杂乱，没有形成模块化的分区。

从“空间”属性出发，打破原有PC搜索品牌广告左右割裂的广告位结构，形成通栏形态。较大幅度地增加视觉感受上的面积，提供沉浸式体验。在此基础上，突破性尝试搜索框通顶，进一步强化品牌权益和用户体验。

2. 信息层级：主题突出，去除冗杂

用户在信息浏览和信息获取的过程是非常快速的，一旦没有抓住用户短暂的注意力，就会流失掉。PC搜索品牌广告改版前在较小的空间内承载过多信息，导致重点信息不突出，信息分类不明确，信息传达效率不高。

本次升级改版突出每个模块要传达的特性，根据用户视觉动线，从“功能”布局出发，按照用户从左到右、从上到下的阅读习惯，我们将信息展示分成三个模块：左侧为品牌宣传、右侧为产品展示、底部为相关服务。

相较于旧样式，新设计结构更清晰，客户营销理念可以充分表达，同时高效满足用户需求。

利用以上方式，我们得到了一系列具有沉浸感且结构更清晰的搜索品牌广告设计。

三、引爆视觉

对于用户来说，在视觉上第一时间吸引注意力，并在进一步使用过程中，满足核心用户的个性化及审美需求是关键因素。因此我们引入全幅视频、微动等富媒体形式，丰富创意形式匹配品牌、客户多元营销诉求。

1. 视频赋能

视频广告在信息容量和传达直观性上更具有竞争力，广告行业中视频占比也逐步在提升。通栏视频如影院般观影感受，更富沉浸感。

2. 微动赋能

我们将微动以全屏蒙层的形式融入到广告中，可以更好的联通广告与自然结果的关系，营造品牌氛围，突出品牌调性。

四、智能设计

1. 智能取色：取色精准，智能匹配

在图片及视频通顶的基础上，为保证搜索框清晰可见，在搜索框下增加颜色渐变蒙层，蒙层采用智能取色能力，选取图片上部1/3区域面积最大的颜色值，保证颜色蒙层能够与图片自然融合。

同时，在取色过程中获取到客户物料的亮度信息，通过亮度信息智能判断用户物料属于深色还是浅色系，进而进行组件的智能匹配，深色模版搭配深色组件；浅色模版搭配浅色组件，保证组件颜色与客户物料和谐效果。减少客户操作步骤，提升物料投放效率。

2. 滑动交互：衔接自然，过渡平滑

首卡搜索品牌广告的通顶设计，当用户滑出搜索品牌广告时，我们利用动效形式，使搜索框自然过渡为白色效果，保证衔接自然、过渡平滑。

3. 组件色彩：感知差异，提升识别

品牌色彩有着特殊的识别性，在用户界面中也承载一部分信息功能属性。为了进一步促进用户快速识别和品牌记忆，我们定义了四种标准组件色，同时将自由度放开，支持客户自提品牌色，充分表达品牌之间差异性，使品牌特征更突出。

五、创意互动

互动是构建品牌与用户群体双向沟通的有效手段，而创意互动打破了传统广告的线性传播模式，以强参与感，促进转化效果。我们根据不同的行业特性，结合新技术、新媒介，刺激受众内在好奇心及兴趣心理，使用户参与到广告中。

因此进行互动广告的创意方向的探究。

1. VR互动玩法

根据VR的特征：沉浸感、交互性、想象性，适合汽车行业的外观及内饰的展示需要，用户通过拖拽主动操作，360度更加真实的的了解车型卖点。

2. 擦除互动玩法

如在汽车处于风雨交加的环境中，通过擦除其前景上挡风玻璃水珠后触发汽车启动奔驰的效果，突出汽车抗恶劣环境和高速等性能特征，更多互动玩法我们也将持续探索中。

六、结语

百度PC搜索品牌广告设计升级，将更强视觉、更强互动融入其中，全方位多角度的为用户带来全新的广告体验。

对于设计师而言，我们也面临更多的挑战，如何采用做用户产品的设计与交互方式，构建商业产品用户体验，形成和谐的「用商一体」带给用户优质体验的同时，服务广告主和商业变现。

感谢阅读，以上内容均由百度MEUX团队原创设计，以及百度MEUX版权所有。

作者：百度MEUX，百度移动生态用户体验设计中心，负责百度移动生态体系的用户/商业产品的全链路体验设计。

本文由@百度MEUX 原创发布于人人都是产品经理，未经许可，禁止转载。

题图来自Unsplash, 基于CC0协议