项目案例 | 焕然前行百度 PC 搜索视觉进化-技术圈

▲点击"三分设"关注，回复"社群"加入我们

欢迎来到专业设计师学习交流社区
转自：三分设 X 100+UED联盟
编辑：韦建军审核：王翎旭

本文共 1553 字 5 图预计阅读 4 分钟

最近，⼤家可能发现百度 PC 发⽣了⼀些变化。是的，百度改版了。

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

Design Concept

设计理念

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

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

简

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

a.全局去线聚焦搜索框

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

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

b.元素放⼤更易读

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

c.精简层级更清爽

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

d.整合提效优化模板

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

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

智

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

a.新栅格多端兼容

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

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

b.新映射资源互通

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

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

c.新容器丰富多元

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

d.新组卡内容聚合

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

美

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

a.新蓝⾊科技更活⼒

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

b.搜索框友好更聚焦

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

c.圆⻆化年轻亲和

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

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

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

The End

结语

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

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

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

— The End —

🔥热门文章推荐🔥

▽

符号学分析导论，图标构建的 3 大要素

百度 APP 帐号人格化创新设计

端界面设计如何瞬间让用户心动的

📚 精选体验设计知识📚

▽

精选收录文章

🙋 我们一起聊设计 🙋‍♂️

三分设

精选全球设计知识，助力 1 亿设计师成长

43,123

设计师已关注

欢迎添加 ⭐️ 星标，获取每日好文推荐

高质量设计微信交流群

期待与更多优秀用户体验设计师一起成长

PS：欢迎大家关注三分设，每天早上 8 点，准时充电。分享优质设计、创意灵感、新知新识，定期大咖老师直播分享，零距离连麦，答疑解惑。添加小小虫微信号【 Lil_Bug 】，备注【 三分设 】加入！

↓↓↓点开『阅读原文』，欢迎你的加入

项目案例 | 焕然前行 百度 PC 搜索视觉进化

▲点击"三分设"关注，回复"社群"加入我们

欢迎来到专业设计师学习交流社区转自：三分设 X 100+UED联盟编辑：韦建军 审核：王翎旭

美

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

项目案例 | 焕然前行百度 PC 搜索视觉进化

欢迎来到专业设计师学习交流社区
转自：三分设 X 100+UED联盟
编辑：韦建军审核：王翎旭