前言

在当今时代
，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