百度APP又改版了，设计推导过程太科学了吧！

前言

随着移动互联网的普及，百度APP深入人们的日常生活，成为了不可或缺的资讯与服务平台。频道作为百度APP的一个重要场景，不仅涵盖时事快报、本地生活、国际资讯等广泛领域，还涉及美食、旅行、美容等多个品类，为用户提供丰富多样的选择，更是凭借其多元化的内容吸引了大量用户。

为了进一步提升用户体验，我们围绕“内容品质”与“精品战略”两大核心契机，全面发起频道整体升级计划。在视觉语言的构建中，通过统一、平衡、丰富的色彩体系，为用户打造一个舒适便捷的资讯获取环境。

设计策略

频道作为百度APP传播信息的重要场景之一，我们深知用户的需求不仅仅是信息获取，更是对于一种独特氛围和体验的追求。因此，我们致力于定制频道场景氛围的专属感受。

如何打造一个全新氛围感受的频道呢？下面我们将从色彩到结构设计，塑造一个精标准、新氛围、强展现且充满活力的资讯信息集合地。

一、精标准

1.多层分级，制定氛围标准

从用户的阅读感受出发，我们将频道细分为「普通」「新热」「重点」三层等级，以满足不同用户的需求和偏好，同时紧密结合业务目标，为用户提供有价值的内容。

• 普通频道： 提供价值内容，清晰展示易获取 ‍
  ‍ 以内容信息传达为主，为用户提供丰富的工具、应用或服务合集，还有行业新闻、市场动态等内容。这些频道强调信息的清晰展示和易获取，让用户能够快速定位所需信息。

• 新热频道：轻松浏览，烘托信息专属性 ‍
  ‍ 注重用户的轻松浏览和新热内容的快速传达。视觉设计简洁明了，氛围营造相对轻松，主要作为内容展示的辅助。

• 重点频道：强化独特性，提升用户归属感 ‍
  ‍ 频道内容围绕特定主题或领域进行深入，氛围营造较强。既满足用户快速获取信息的需求，又在一定程度上强化频道的特色感知。

二、新氛围

通过分析频道的展现能力，形成色彩、光影、空间感多维度的视觉标准，以提升用户认可度。下面我们将从色、光、境三方面展开介绍：

1.色—情感调色板

我们希望根据频道内容和目标受众特性选择适合的颜色，对于轻松愉快的频道，采用明亮温暖的色相，如橙色、黄色等，营造积极向上的氛围；

对于需要深度思考和探讨的频道，选择更为沉稳内敛的色彩，如深蓝、紫色等，引导用户进入冷静专注的状态。我们首先针对想要的色相进行了情绪上的推演。

1）色相定义

我们依据多类频道内容的构成，进行了情绪渗透分析，避免颜色感知过剩，筛选出标准九色相。

2）饱和度和明度定义

依据饱和度和明度影响情绪的规律，最终得到基础九色板。

2.光—内容聚焦点

得到色板后，我们基于基础九色相，通过色彩的渐变形式营造光影，光的感受可以为视觉氛围增添层次感和目标感。在亮部和暗部的对比中，注重细节的处理，规划了左上角主光感受，使得背景氛围聚焦内容，达成一致的视觉感受。

同时结合光影、弥散等手法，与我们对色彩的规划相结合，使背景的层次得到丰富。

1）光源的推演

由色彩推演光影规则，根据内容位置选择聚光范围。

2）覆盖多类资源，形成标准色卡

随着各类媒体和内容类型的不断涌现，如何确保品牌形象的统一性成为了一个亟待解决的问题。为了应对这一挑战，我们结合前者色彩本身与表现形式的分析，最终形成了覆盖多类资源的全面标准色卡体系。

在新规则整体覆盖前，我们针对线上频道进行了换色实验。换色后频道氛围更为活泼、清透。以本地频道为例，通过实验观察，留存正向增长，获得了数据上的支撑。

3.境—场景空间感

为全面提升频道场景的创新性和表现力，我们首要建设规划了频道的通顶能力，制定元素层、背景层、底色层的页面层次，定下频道场景空间感的基调，并预置底色无痕切换与动效能力，为频道的创新展现做好充分铺垫。

• 元素层：视觉焦点、主题核心
  ‍ 元素层作为视觉核心内容的主要载体，承载动效能力，当有运营频道时，元素层便直接承担起突出主题、吸引用户目光的重任。

• 背景层：营造独特氛围的关键
  ‍ 背景层作为大氛围的载体，承载与主题相契合的背景图案和渐变色彩，营造独特的氛围。

• 底色层：频道场景的基础色调
  ‍ 底色层则是频道场景的基础色调，我们根据频道特点选择合适的底色，确保整体效果和谐统一。在频道切换过程中，依靠色值之间的转化实现无痕过渡，给观众带来流畅体验。

通过色、光、境三个维度的规划，构建了全新的频道体系，同时结合业务诉求，上线了一批批丰富多元的新频道。

新规则整体覆盖后，频道DAU呈波动上升趋势，次日、7日留存均正向增长。在满意度调查当中，获得90%以上的正向反馈。整体提升了视觉体验，为用户带来了更加个性化、情境化的使用感受。

三、强展现

通过对频道的整体规划，令场景的展现层次变得丰富，全面打开氛围升级大门。立意构建一个具有个性且自身展现强烈感知的阅读场景，吸引并留住更多用户。

1.承接大事件频道

百度APP在全年的特定时间会上线运营或定制类型的大事件频道，如节日、赛事、考试、定制等题材。

大事件频道不仅是为了吸引用户，更是为了让用户能够深刻感受到品牌IP和活动的热烈氛围。品牌、活动的氛围与内容相辅相成，从而进一步增强用户的感知体验。

2.新结构重塑新标准

围绕大事件频道的头部效果，结合新频道的展示能力，制定了“前中后景”的布局标准。这一策略旨在强化频道围绕大事件的核心氛围，还通过精细化的规则，为设计师提供了既遵循规则又充满创意表达的空间。

3.新频道迸发新感知

新基调、新规则、新结构给予了频道更优的视觉基调与发挥空间，运营、定制的频道在大事件活动中大放异彩。主视觉与频道场景恰到好处的融合，光影与动效能力的结合，让频道氛围进一步增强。

总结

频道的场景构建是一项复杂且长期的任务，并非一朝一夕就能完成。这需要团队持续创新，不断考证数据，并深度洞察用户需求，才能打造一个既符合标准又能服务好多种用户的频道。

希望可以通过我们的持续努力，为百度的用户提供一个更加舒适、便捷、有价值的信息获取平台。我们将继续秉持“用户至上”的理念，让每一个用户都能在这里找到舒适的体验感受。

-------- 今日 资源推荐 --------

🔥将“UXD笔记” 设为⭐️星标 ，然后在后台回复以下关键词， 即可实现无套路 领取本期资源。

【1】 回复 “大厂插图” ——领 百度设计团队出品的大厂UI矢量插图库+双色图标库+界面组件库。

【2】 推荐一本用户体验与交互设计书籍，含C端、B端产品设计策略，读书就赠精选的UX面试应知应会100题， 点击查看👉 《交互设计师的用户体验策略》

【3】 加入大厂内推群和设计交流群，不定期获取求职面试资料，及最新内推信息。 扫描下方二维码加小编 ，进大厂内推群备注 “内推” ；进设计交流群备注 “交流”。

与 88143 位读者一起成长

---

📢 温馨提示： 因公众号消息推送机制改版 ，如果你没有给我们加 ⭐️ 星标，可能无法及时收到我们的干货推送。

为防止走失，邀请你做一个小小的动作， 给 UXD笔记 公众号加个 ⭐️ 星标 ，避免在繁杂的信息流中错过精彩的大厂UX知识推送。