焕然前行 百度PC搜索视觉进化

百度搜索作为历经20年的“国⺠搜索引擎”，持续为亿万⽹⺠提供⾼效快捷的服务。2020年，本着为⽤户提供更年轻更多元化的搜索体验，启动了百度PC整站焕新改版计划。 

设计理念

三个关键词——「简」「智」「美」

勾勒搜索流畅简约⼜不失智能与审美的综合视觉体验，⽀撑⽤户对百度搜索形成新的品牌体验感知。

简   

去除冗余，精简层级，突出内容。

a.全局去线 聚焦搜索框

去除分割线、链接下划线等元素，打造通透、有呼吸感的界⾯⽓息。

蓝⾊搜索框成为为全局唯⼀“带线”元素， 在⻚⾯中⼼视觉更聚焦。

b.元素放⼤ 更易读

顺应⼤屏显趋势，对标题/⽂本/图形/留⽩等视觉感知元素进⾏适当放⼤，重新排版。信息更易读，⽤户信息筛选更快捷。

c.精简层级 更清爽

对各类状态下字号、颜⾊的数量进⾏去冗收敛，减轻浏览打断带来的疲劳感，赋予浏览以节奏，构建清爽的浏览体验。

d.整合提效 优化模板

精准满⾜需求的背后是数量庞⼤的特型卡⽚⽀撑，差异化卡⽚为后续管理迭代带来巨⼤的成本压⼒。 

通过设计标准化，精简模版底层逻辑，打造了⼀套极致效率的搜索模版扩展模型，⾼效赋能开发与管理迭代。

智  

灵活适配，资源互通，信息扩容。

a.新栅格 多端兼容

统⼀PC、Pad和Phone三端的栅格底层对应关系，

推⾏响应式设计成为跨平台兼容适配的底层设计原则，实现了⼀套代码⼀次开发多端兼容智能适配。

b.新映射 资源互通

配合新栅格系统，从颜⾊、字号、间距、布局、内容等多维度与移动端建⽴映射关系，

实现资源多端互通展示，从设计⼀开始就满⾜多端体验同步前⾏。

c.新容器 丰富多元

增加新容器，承载信息/服务/⼯具/互动等优质内容，最⼤程度满⾜⽤户⽇益多元化的搜索需求。

d.新组卡 内容聚合

充分利⽤百度⽣态资源，聚合丰富优质内容，根植PC场景，打造以聚焦优质内容聚合为形式的⾸位卡。

美 

干净纯粹，活泼有力，亲和圆润。

a.新蓝⾊ 科技更活⼒

引⼊了科技感更为强烈的品牌⾊，辅以鲜明的辅助⾊，减少灰阶繁多造成的不确定性，形成全新的「百度PC配⾊系统」。

b.搜索框 友好更聚焦

强化了搜索框样式，让描边变粗，边⻆变圆，配合新品牌⾊的使⽤，形成更好的存在感和友好度。

c.圆⻆化 年轻亲和

⼤圆⻆的设计语⾔贯穿在图⽚、视频以及搜索框容器等多个设计场景，界⾯整体传递着年轻与亲和。

d.投影更柔和 过渡更⾃然

弥散式投影的运⽤，让图形与⽂字之间的过渡更加⾃然，⻚⾯浏览效果更加柔和。

结语

焕新前⾏，就是持续为⽤户提供更好的搜索服务，就是保持产品活⼒与年轻。 

启动百度PC视觉进化，把“简”“智”“美”的设计理念渗透 到PC搜索的每⼀个⻆落。这是⼀个庞⼤的⼯程，从元素到容器，从浏览体验到内容互通，期望⽤户感受全新的百度搜索更简洁流畅，更效率智能。设计标准化在整个项⽬底层贯通历史与现在，并为未来内容与商业的扩容 带来更多想象⼒。

新版PC⾸⻚已于05⽉09⽇上线，各路⼩伙伴都发来了贺电，感受到了全新的⽓息，让我们倍感欣慰和压⼒。接下来的课题是新版搜索结果⻚，经过精细的打磨和攻坚，也将很快与⼤家⻅⾯，期待与你⼀起感受焕然⼀新的百度搜索。

关于我们：

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

服务的产品包括百度APP、百度搜索、百度百科、百度网盘、百度贴吧、百度文库、百度新闻、百度知道、百家号、百度经验、宝宝知道、一刻相册、Dubox、好看视频、全民小视频、百度商业产品等。

MEUX以「简单极致」为设计理念，创造极致用户体验的同时赋能商业，推动设计行业的价值和影响力，让生活因设计而更美好。