捏一下看早晚报
！百度这个交互创新让我爱不释手

前言

在当今时代，AI 大模型多模态技术实现了飞跃式发展 ，晚报引领着我们踏入前所未有的百度广阔视野 
。它不仅极大拓宽了认知疆域，个交全面升级了我们的互创感官体验
，在提升各类流程效率的新让同时 ，更极大释放了创造型工作的释手巨大潜能与非凡价值。

背景现状

百度以 AI 为驱动 ，捏下借助 AI 能力赋能设计，看早从而创造多元化的晚报生态价值 。AI 大模型在信息提炼与智能总结上的百度卓越能力 ，契合了当前技术提升认知与效率的个交趋势 。

继百度 APP"捏一下"AI 智能总结成功火出圈后，互创为稳定用户对"捏一下"交互认知，新让我们在 APP 首页推出了"捏一下看早晚报"新玩法。结合热点事件和 AI 生成的核心摘要，用户可以快速获取每天热点信息 ，通过手势捏合交互触发界面内容的 AI 智能总结新形态 ，从而提效内容消费
。

首先，我们将现有体验链路拆分为「捏合前引导-捏合动作触发-内容生成页」3 个阶段。捏合前引导与动作触发需遵循全端统一的"捏一下"标准手势交互模式 ，以保障用户体验一致，因此我们把此次设计的重点聚焦在"捏合后的内容加载与承接页面"，力求在这一关键环节实现创新设计。

设计协同业务团队将围绕以下 3 个维度开展创新设计 ：

1. 提高阅读效率：构建有序结构化框架容器
2. 塑造视觉亮点：打造先锋性视觉设计语言
3. 强化智能感知 ：建立智能化生成感新形态

一 、构建有序结构化框架容器

1. 框架容器形态探索

设计初期，与业务团队共创并构思内容框架，深刻理解业务核心与重点。随后 ，深入进行竞品分析 ，掌握用户在类似场景中的多元及潜在需求，拓宽视野，挖掘创新机会点 ，为产品差异化定位打基础。在此基础上，我们勾勒出了符合目标的内容承接页框架，设计出四种原型形态作为探索的起点。然而我们并未止步于此
，又进一步探索了更多新框架形态。

2. 构建理想态框架

秉持提高阅读效率、构建有序阅读体验框架的目标，我们最终选定大图卡片布局作为理想态内容承接页框架
。因为百度 APP 面向全民，老少皆宜 ，所以我们的首要目标是减少形式复杂性 、提升阅读体验 ，而大图卡片在视觉上契合理念
，能简化信息层次，有效增强内容可读性与吸引力，保障每位用户都能轻松获取信息。

二、打造先锋性视觉设计语言

1. 明确设计范围

前期对框架容器的探索已精确锁定设计创新的发力范围
。从框架方案来看，我们提炼出 4 个设计创新点，包括标题字体设计、顶部背景 、内容摘要和加载缩略图。

在塑造用户体验前期，视觉元素至关重要 ，我们的目标是打造具有智能化和先锋性视觉语言的用户界面。为此 ，我们深入剖析竞品亮点 ，重点提炼整体页面视觉走向、头部字体设计 、内容布局排版和情感化体验设计等视觉表现方面的独特之处，同时运用情绪版激发创意 ，探索 AI 智能与资讯内容在页面设计中的关联与融合方式 。

通过分析竞品和情绪版创意探索 ，提取了一些关键词 ，最终我们确定以「智能感和杂志风」为设计理念，为用户带来新体验，让他们在享受 AI 便捷的同时能像读杂志一样浏览资讯，打造智能且有杂志感的信息浏览空间
 。

2. 标题字体设计

围绕「智能感和杂志风」的设计目标
，我们探索了多种字体，包括 "常规体""斜体" 等
。在选择头部标题字体时，我们精心挑选了两款特色字体来展现页面魅力
，"百度品牌官方体" 稳重且具有品牌感，为页面打下基础，传递专业与信赖；"优设标题黑斜体" 自带速度感 ，有杂志版头风格
，可加速信息传达，凸显设计理念。

同时，我们尝试了多种常规体、斜体字体设计，依据字体特性开展多种组合创意设计 ，融入品牌口号以强化识别度，标题结合时间日期 ，提醒用户关注新闻时效性，还创新融入天气元素，让读者在阅读时留意天气变化 ，实现信息传递与情感共鸣，使阅读成为温暖陪伴 。

经过多轮探索，我们最终选择 "优设标题黑斜体" 作为承接页主标题，它自带速度感和杂志版头风格。为提升界面字体展示效果
，我们革新并精心打磨字体样式，调整字体间距，使其更紧凑；统一倾斜角度，让其更有序；在保持个性的同时调整笔画粗细，使各字视觉上和谐统一 ，强化整体美感；保留字体倒角并统一弧度，既留韵味，又赋予其现代感和整洁风貌，这使得优化后的字体更加规整有序 。

我们对创意进行再一次深化，为字体增添创意设计 ，使其不再显得古板无趣。随后，我们融入了一些与页面特性紧密关联的小元素 ，如将 AI 智能摘取的重要信息配以引号强化信息焦点；在字体上增加太阳和月亮元素，分别象征早上夜晚 ，同时在字体上增加菱形星星 ，凸显 AI 感知。巧妙融入的这些小元素 ，让字体焕发出新的特性，并与页面完美融合 ，为用户带来更加丰富独特的视觉感受。

3. 顶部背景设计

背景图设计将围绕「科技智能化和简约情感化」两个方向展开探索与创意尝试。

科技智能化
：从具象图形入手，结合界面特性深度解析融合 ，再通过创意发散思维将其抽象化 ，突破常规演化出新形态 ，在此过程中，图形突破原有框架
，融入创意与概念元素，营造出强烈的科技 AI 智能氛围，引领先锋性视觉体验。

随后，我们聚焦创意融入品牌感知提取出三个创意，以图形语言结合品牌颜色，深度融合界面特性
，为用户带来科技智能视觉感受 。

基于"星球"与"信息流"进行创意设计，为用户传递前沿资讯，实现信息自由流通，让用户轻松获取无限信息，依据图形特性赋予适宜动效，诠释科技智能设计理念。

简约情感化：以太阳元素和暖色调作为核心，融入"百度早报"界面中
，将太阳的轮廓进行抽象化处理，再搭配轻盈的图案与适当的留白，使主体画面具有呼吸感，营造温暖而宁静的视觉感受 。

随后，我们聚焦太阳元素深入挖掘，除了展现简约风格，我们更希望向用户传递情感 ，为其带来阳光般温暖的感受 ，让用户在与设计的互动中体会到温暖与人文关怀 。

图形 1 ：运用暖色系配色  ，具象化呈现太阳元素 ，球体边缘有丝状光晕，内部色彩富有层次 ，浓淡相宜、交相辉映
，高度模拟太阳给人的真实感受。

我们依据 "太阳光照图" 深入探究太阳照射角度变化，把圆球内顶光设计为日出 、正午、日落三个阶段以体现时间概念。模拟太阳光照变化，融入太阳运行轨迹 ，为用户带来更生动逼真的视觉体验  。

图形 2 ：我们提取月亮元素并搭配蓝色传递夜晚感受
，用户白天进入页面是早报，晚上则是晚报，这样的设计传递了信息时效性和情感化创意，在不同时间为用户带来别样体验
，充满人文关怀 。

为探索月亮形态变迁根源，我们深入研析"月亮阴晴圆缺周期分布图谱"，选定"渐亏凸月"(其明亮弯弧指向东方，体现月亮日落后东升之态)作为核心设计元素，既致敬自然之美 ，又将自然的和谐与规律融入创意设计  。

基于上述探索 ，我们打破现有思维
，增强先锋性创意以引领设计潮流 ，尝试给画面增添质感，避免单薄，强化创意。融入两种玻璃质感 
，展现独特的光材融合效果
，为设计领域注入清新活力。

磨砂玻璃质感：叠加于图形主体之上 ，增添视觉张力与层次感，化解画面单调
。

长虹玻璃质感：打破图形具象化呈现效果，其玻璃纹理与光影融汇 ，构造出简洁画面和空间感 ，让图形设计超越传统，引领设计流行趋势。

以上是我们打造先锋性视觉设计的过程，在此过程中，我们聚焦品牌与图形的紧密结合，塑造具有品牌感的页面，同时探索设计与自然的关联 ，通过精妙设计为用户带来前所未有的视觉体验。

最终秉持适合原则 ，我们设计出理想态方案，在业务和设计团队展开深度研讨，从专业维度锚定设计风格 ，最终选择 "日出月落" 情感化创意方向 ，作为核心视觉设计理念 
。为确保创意更易落地，我们对方案进行了精简优化处理 ，减少界面视觉元素干扰，以突显 AI 智能总结内容为主，期待以融合 AI 智能总结的交互形式为用户带来新消费体验。

三、构建智能化生成感新形态

如何在界面中建立用户对 AI 智能总结的生成感知是我们深究的方向之一。我们尝试在内容展示形式上创新，打破传统结构 ，使用户在阅读时能深切感受到 AI 智能的便捷，拉开与其他产品的内容差异，大幅提高阅读质量
。以下是多个创意设计方案 
：

随后，尝试将创意交互动画融入内容生成过程，借视觉动画新意增强用户对智能生成的直观感知。深入考量内容特性后，设计出骨架扫光 、内容渐展
、总结瞬现 、从模糊到清晰演变四种动态方案，以强化用户的智能化生成体验 。最终选定内容渐展与 AI 标签形式，缩减等待时长
，达成快速预览，大幅提升阅读体验与效率。

最后，我们精心绘制全流程关键界面，从首页引导至最终页面均做到完美呈现，全程贯穿初始设计理念，为用户带来便捷的 AI 智能体验和杂志般的视觉享受。同时，希望本文能为正在进行产品 AI 重构的设计师带来创意启发  。

结语

我们秉持开放与创新的精神 ，借助强大的 AI 大模型赋能业务与设计，创造多元化生态应用。正如同百度的文化价值观"简单可依赖"一样，我们希望用户通过简单手势"捏一下" 即可获取 AI 智能的便捷。我们积极拥抱变革与挑战，致力于创造兼具文化底蕴、科技含量与人文关怀的卓越设计，将人文情感化与现代 AI 智能完美结合，展现百度独特设计魅力。我们坚信每一个细节都将承载价值，每一次创新都会带来惊喜 。

作者：百度MEUX