30分钟做专业PPT：Kenya Hara「空」的风格实战
背景：上周我用 huashu-design 做了一份关于 AI 心理学的演讲 PPT，8 页，25 分钟，从开口到可交付。这篇文章完整还原我做选择的每一步。
从一句话开始
我给 AI 说的是：
「做一份 AI 心理学的演讲 PPT，推荐 3 个风格方向让我选」
只有这一句话。没有品牌规范、没有设计参考、没有明确风格指示。
这是最真实的场景：你自己也不确定要什么风格，但你知道你需要一个好看的 PPT。
第一步：需求澄清（3 个问题）
AI 没有闷头就开始做，而是先问我 3 个问题：
- 目标受众是谁？（技术/专业观众 / 企业内部分享 / 学生学术 / 大众科普）
- 情感基调是什么？（探索与启发 / 专业与权威 / 思辨与批判 / 温暖与人文）
- PPT 大概多少页？在什么场景演示？（10–15 页屏幕分享 / 15–25 页大屏演讲 / 5–10 页快速分享）
我选了：技术观众 + 温暖人文 + 5–10 页快速分享。
这 3 个问题看起来简单，但它们决定了整个设计的走向。 受众不同，字体大小、配色、信息密度全都不一样。技术观众要数据支撑，大众科普要图文并茂。这是我见过的 AI 设计工具里最务实的需求澄清流程。
第二步：3 个方向，让眼睛帮我选
AI 没有给我一堆形容词，而是直接推荐了 3 个来自不同流派的风格方向，每个都有：
- 设计师/机构名字（原研哉、Fathom、Sagmeister）
- 50–100 字解释「为什么这个方向适合你」
- 标志性视觉特征 + 气质关键词
三个方向分别是：
🟤 Kenya Hara「空」的设计（东方哲学派）
适合温暖人文基调。设计不是填充，是清空——这恰好对应 AI 心理学「向内探索」的主题。
🔵 Fathom Information Design（信息建筑派）
适合专业观众。数据可视化即装饰，冷静专业但可能偏理性。
🟡 Sagmeister & Walsh 快乐极简（极简主义派）
适合想让严肃话题变亲近。意外色彩爆发，打破 AI 的冰冷感。
然后 AI 做了一件很聪明的事：并行生成 3 个视觉 Demo，我可以直接看到每个风格的实际效果，而不是凭文字描述想象。
第三步：我选了 Kenya Hara
看完 Demo 之后，我选了方向一。
原因是：温暖人文的基调 + 快速分享场景，需要的是安静、克制、有留白的设计。Kenya Hara「空」的理念——80%+ 留白、白色的层次（暖白/冷白/米白）、赭石点缀——最符合「算法越理解人，技术越需要人心」这个演讲主题的情感温度。
Fathom 太专业，像数据报告。Sagmeister 太活泼，像产品发布会。
选定方向之后，AI 没有直接进入制作，而是先说明了设计系统：
- 暖白底色 #F5F0EB
- 深灰文字 #2D2D2D
- 赭石点缀 #C04A1A
- 衬线字体（Noto Serif SC）
- 纸质纹理 + 円相（enso）半圆 motif
这一步叫**「四问」**——每个页面开工前，AI 会先确认叙事角色、观众距离、视觉温度、容量估算。方向错了，晚改比早改贵 100 倍。
第四步：交付 8 页 PPT
接下来就是自动生成。AI 产出了一份 8 页的 HTML 幻灯片：
| 页码 | 标题 | 叙事角色 |
|---|---|---|
| 01 | 封面 | hero — 建立基调 |
| 02 | AI 心理学とは | overview — 什么是 |
| 03 | 认知模型 × 机器学习 | framework — 认知架构 |
| 04 | 情感计算与共情算法 | 情感计算 + 数据佐证 |
| 05 | 行业趋势与关键数据 | data — 可信度建设 |
| 06 | 人机关系的心理边界 | challenge — 提出问题 |
| 07 | 应用场景 | solutions — 出口 |
| 08 | 结尾：技术应是温暖的 | closing — 情感收束 |
每一页的叙事角色都不一样——有的是数据驱动，有的是情感引导，有的是问题抛出。没有一页是简单的「文字+图」的堆砌。
这是我觉得这个工具最值钱的地方：它在做设计之前，先在想叙事结构。
制作细节：Kenya Hara 风格是怎么落地的
纸质纹理（Paper Texture）
每一页背景都有极淡的纸质噪点纹理（opacity: 0.035），模拟真实纸张的触感。这是 Kenya Hara 设计中「触觉的视觉化」的体现——数字界面里要有温度。
// 纸质纹理实现
<svg style={{ position: 'absolute', inset: 0, opacity: 0.035, pointerEvents: 'none' }}>
<defs>
<filter id="paperNoise">
<feTurbulence type="fractalNoise" baseFrequency="0.65" numOctaves="4" stitchTiles="stitch"/>
<feColorMatrix type="saturate" values="0"/>
</filter>
</defs>
<rect width="100%" height="100%" filter="url(#paperNoise)"/>
</svg>
円相（Enso）motif
右下角的半圆符号是 Kenya Hara 作品中反复出现的「円相」——禅宗的「空」的视觉符号。在 AI 心理学这个主题里，它既是东方哲学的呼应，也是「空不是无，而是容纳」的隐喻。
赭石色的克制使用
赭石色（#C04A1A）只出现在：页码标注、要点编号、强调数据、Enso 线条。总共不超过 5% 的面积。这是「一个细节做到 120%，其他做到 80%」的量化执行。
衬线字体的层级搭配
- 页面标签（"01 · Overview"）：EB Garamond 斜体，13px
- 主标题：Noto Serif SC，56px，letter-spacing 0.08em
- 正文：Noto Serif SC，17px，font-weight 300
- 脚注引用：EB Garamond 斜体，12px
交付形态：HTML 幻灯片
最终交付物是一个单文件 HTML，双击浏览器打开就能演示。
操作方式：
- ← → 箭头键翻页
- Space 前进，Home/End 跳转首尾
- 右下角有页码计数器
- Ctrl+P 打印为 PDF（每页一张）
没有安装任何软件、没有格式丢失的问题、没有「对方没有 Keynote 怎么办」的尴尬。就是一个 HTML 文件，微信里直接能打开。
耗时复盘
| 步骤 | 时长 |
|---|---|
| 需求澄清（回答 3 个问题） | 2 min |
| AI 推荐 3 个风格方向 | 1 min |
| 查看 3 个视觉 Demo（并行生成） | 5 min |
| 我选方向，AI 说明设计系统 | 1 min |
| AI 生成 8 页 HTML 幻灯片 | 10 min |
| 浏览器验证 + 截图交付 | 3 min |
| 合计 | 约 22 min |
中间并行生成 3 个 Demo 的 5 分钟，实际上我是在等——这是背景异步执行的时间，不算纯等待。
这套 PPT 能不能更好？
当然能。如果时间更充裕，我会：
- 加 Speaker Notes：每一页的演讲稿备注，现在还缺失
- 加入真实数据截图：第 5 页的数据（2.1B 月活、64% 增长率）如果能找到权威来源的截图，信任感会更强
- 导出一版 PPTX：HTML 演示没问题，但有些观众习惯在 PowerPoint 里编辑文字
这些都是可以后续追加的选项，不是必须一次性做完的。
核心心得
用 huashu-design 做 PPT，最重要的不是工具本身，而是工作流程的改变：
传统流程： 我知道要什么风格 → 打开 Figma/Keynote → 慢慢做 → 返工无数次
huashu-design 流程： 我不知道要什么风格 → AI 给我看 3 个方向 → 我选 → AI 做 → 我确认 → 交付
前者是我知道终点在哪，靠体力跑过去。后者是我不知道终点，AI 带我走一遍，错了随时调头。
省的不是做的时间，是「想清楚要什么」的时间。
截图清单
当前文章价值0.99元，扫一扫支付后添加微信提供帮助！（如不能解决您的问题，可以申请退款）
评论已关闭！