实战：用 ExhibitionSuite BookFlip 做虚拟翻书/电子楼书展项

展厅里经常有一个痛点：甲方有一本印刷精美的画册或楼书，想把它"搬"到触摸屏上，让参观者可以翻阅，但又不想简单地放一个 PDF——翻 PDF 那个体验又丑又不互动，拿去展厅太寒酸。

ExhibitionSuite BookFlip 做的就是这件事：把平面的书页变成仿真翻页的数字展项，参观者在触摸屏上左右滑动就能翻页，每一页可以埋热区、点开播视频、展开大图、跳到对应章节。做好了，一本楼书在展厅里的体验比纸质版还好用。

这一节把 BookFlip 从内容制作到部署跑通。内容制作是这个展项里工作量最大的环节，提前弄清楚素材规格和热区规则，能省掉大半返工时间。

R2 动手实战内容。BookFlip Kiosk 安装方式、Web 后台端口、热区配置参数、授权激活等操作细节以你拿到的 ExhibitionSuite 软件版本和部署文档为准；下文的操作步骤为通用逻辑，具体界面以实际版本为准。

---

器材清单（BOM）

名称	数量	说明
触摸一体机 / 大屏（支持触摸手势）	1	参观者翻页主体；建议横屏放以便展示双页视图
ExhibitionSuite BookFlip 翻书阅读	1 套	Kiosk 端 App + Web 管理后台
局域网网线/Wi-Fi	1	Kiosk 端需能访问到后台服务
中控电脑 / 服务器	1	跑 Web 管理后台；可和触摸屏同机
书页素材（图片或已裁切的 PDF 单页）	若干	见下方"内容制作要点"，规格提前准备

---

这个展项能做什么：三类典型用法

1. 企业画册 / 年报电子化

把印刷版企业画册扫描或导出为高清图，上传到 BookFlip 后台。每一页原样还原，参观者翻阅的体验和翻纸质书一样流畅，还能在重要图片上加热区——点一下展开大图或播放制造工艺视频。

适用场景：企业展厅、品牌馆、展会展台、招商中心。

2. 地方史志 / 文化典籍数字化

地方党史馆、博物馆常有"翻阅历史档案"的需求。把史志内页做成书页，配合水墨国风皮肤，在展柜前触摸翻阅，比玻璃柜里放一本真书更好用——不怕磨损，还能嵌入珍贵历史照片和视频解说。

适用场景：党史馆、地方志展厅、博物馆数字化展项。

3. 楼盘楼书 / 项目介绍册

售楼处或项目展馆里放一台 BookFlip 翻书终端，楼书的户型图页面上埋热区：点一下跳到该户型的全景漫游视频，点一下展开价格表弹窗。比发纸质楼书的信息量大得多，也不会被参观者带走。

适用场景：售楼部、项目展馆、招商中心。

---

内容制作要点：这一步决定最终效果

BookFlip 最大的工作量在内容制作，而不是软件部署。书页素材做不好，翻出来的效果直接影响甲方观感。这里给你几个关键原则：

页面规格

• 分辨率：建议单页图片分辨率不低于展示触摸屏分辨率的原始尺寸（以后台说明的推荐值为准）。拿一台 4K 屏展示，素材给 2K 以下会肉眼可见模糊。
• 宽高比：按你要做的布局（单页/双页）统一裁切，整本书所有页面宽高比必须一致，混用会导致翻页时跳动感。
• 格式：JPG/PNG 均可，以后台支持的格式为准。JPG 文件小加载快，PNG 带透明背景。整本书建议统一用 JPG，体积更小，翻页更流畅。
• 文件命名：按页码顺序命名（如 page-001.jpg, page-002.jpg……），批量导入时后台按文件名排序，避免页序乱掉。

从 InDesign / Photoshop 导出书页的建议流程

1. 在设计软件里把每一页导出为独立 JPG，导出时确认颜色模式为 RGB（不是 CMYK）——印刷文件是 CMYK，直接用在屏上颜色会偏。
2. 用批量重命名工具按页码统一命名。
3. 检查第一页和最后一页（封面/封底）是否单独页（不做双页展开），在后台配置里把第一页和最后一页单独指定为"单页"。

热区制作规划

热区（Hotspot）是 BookFlip 的核心互动能力：在书页的某个区域画一个矩形或自定义形状，点击触发弹出大图、播放视频、跳到另一页、或展开文字说明。

热区规划的几个实用原则：

• 热区不要做太小。展厅触摸屏的受众是所有年龄层，热区点击区域建议不小于手指指肚面积，太小参观者会误触。
• 视频热区的视频文件提前处理好格式和分辨率（以后台支持的格式为准），建议用 MP4/H.264 编码，体积和质量平衡好。
• 跳转页热区（点击跳到第 N 页）适合做"目录导航"——封面页上每个章节标题都是一个跳转热区，类似电子书目录。
• 每一页的热区数量不要贪多，3~5个为佳。超过这个数量，参观者反而不知道该点哪里，点来点去体验很乱。

---

第一步：后台服务部署，导入书页

1. 在中控电脑或服务器上，按 ExhibitionSuite 提供的部署说明运行 BookFlip 后台服务。
2. 在局域网内用浏览器访问后台管理地址（地址格式和端口以软件版本为准），登录。
3. 在后台创建一本"书"：填书名、封面信息。
4. 批量上传书页图片：按准备好的页码顺序依次上传，上传完成后在后台预览页序是否正确，有乱序的手动拖拽调整。
5. 配置基本阅读参数：翻页方向（左翻/右翻）、双页/单页布局、页码显示样式（以实际配置项为准）。

你应该看到什么

书页上传并配置好后，在后台"书预览"界面里能看到仿真翻页效果，鼠标点击或拖动可以翻页。书页清晰、顺序正确、封面/封底是单页展示。如果预览中某一页模糊，检查该页的原始图片分辨率是否偏低；如果页序乱了，确认上传时的文件命名排序。

---

第二步：配置热区

书页导入正确后，进入热区配置模块，给需要交互的页面加热区。

1. 在后台选中要加热区的页面，进入热区编辑模式。
2. 在页面上框选热区范围（拖拽画矩形或按需选形状）。
3. 给每个热区配触发动作：
   • 弹出大图：上传一张更高清的局部大图，参观者点击后全屏展示。
   • 播放视频：上传 MP4 文件或填入视频URL（本地视频或在线流视频，以后台支持的方式为准），点击后视频弹窗播放。
   • 跳转页：填目标页码，点击直接翻到那一页。
   • 弹出文字：展示一段说明文字弹窗，适合展示型号规格、价格说明等。
4. 全部热区配好后，在后台预览里逐个点击验证每个热区的触发效果。

---

第三步：外观配置——水墨风模板

BookFlip 的外观配置和 Quiz 类似，关键选项有：

• 皮肤/主题：内置水墨国风模板适合党史馆、文化展厅、史志类项目；楼盘楼书类项目可能更适合现代简洁风，按甲方品牌选。
• 翻页动效：翻书动画样式（以实际支持的动效类型为准），不同速度和动效类型在不同尺寸屏幕上效果差异较大，建议到现场屏幕上实测，在办公室显示器上看到的翻页流畅度和真实展厅屏会有差异。
• 书架界面：如果后台管理了多本书，Kiosk 启动后先显示"书架"让参观者选一本；如果只有一本书，可以配置成直接进入该书，省掉一步点击。
• 字体与配色：水墨风主题的默认字体适合中文，如需配合英文内容，确认字体覆盖所需字符范围，以实际版本为准。

---

第四步：在触摸屏上安装并启动 BookFlip Kiosk

1. 按 ExhibitionSuite 提供的安装包说明，在触摸屏设备上安装 BookFlip Kiosk 应用（安装方式以软件版本文档为准）。
2. 打开应用后，填入后台服务的局域网地址，确认 Kiosk 能访问到后台服务。
3. 激活授权（按授权文档操作）。
4. 开启 Kiosk 锁屏模式，防止参观者退出。

你应该看到什么

BookFlip Kiosk 启动后，全屏展示书架或直接进入书的封面（取决于你的配置）。用手指在屏幕上左右滑动，书页翻动，翻页动效流畅。点击配置了热区的区域，弹出大图或视频窗口。手指点击关闭弹窗，继续翻页。

如果翻页动效卡顿，先检查设备硬件配置（尤其是独显/集显，翻书动效对 GPU 渲染有需求）；如果视频无法播放，先检查视频格式和路径，再检查局域网连通性。

---

触摸翻页手势说明

BookFlip Kiosk 的翻页支持以下手势（以实际版本为准）：

• 横向滑动：从右向左滑翻到下一页，从左向右滑翻回上一页——和翻实体书的方向一致。
• 点击书页左右边缘：点书页右侧边缘翻下一页，左侧边缘翻上一页，适合不熟悉触摸手势的参观者。
• 目录导航：如果配置了目录热区，点击目录项跳转对应页。

---

故障排查表

现象	最可能的原因	怎么排查
Kiosk 启动后显示"无法连接服务器"	后台服务未启动 / IP 填错 / 防火墙拦截	确认后台进程在跑；ping 后台 IP；检查防火墙对应端口
书架为空，没有可选书目	书尚未发布 / Kiosk 与后台版本不兼容	进后台确认书的状态已发布；确认 Kiosk 和后台版本一致
书页显示模糊	上传的图片分辨率过低	替换为更高分辨率的图片素材重新上传
页序乱了	上传时文件名排序错乱	重命名文件确保按页码数字排序后重新上传；在后台手动拖拽调整顺序
翻页动效卡顿	设备 GPU 性能不足 / 图片文件过大	检查设备是否有独显；压缩图片体积后重新上传
热区点击没有响应	热区区域太小 / 热区触发动作未配置正确	在后台扩大热区区域；重新检查触发动作配置并预览
视频热区点击后视频不播放	视频文件格式不支持 / 视频路径断了	转换视频为 MP4/H.264；检查视频文件是否在后台存储中；检查局域网是否能访问视频路径
水墨风皮肤显示异常	主题资源文件不完整	重新选择主题并保存；如仍有问题联系 ExhibitionSuite 技术支持
Kiosk 被参观者退到桌面	Kiosk 锁屏模式未开启	在 Kiosk 设置里开启锁屏模式，以实际配置为准

---

内容制作 vs. 软件部署的工作量分配

这个展项新手最容易低估的是内容制作时间，不是软件部署时间。软件部署如果环境顺畅，半天跑通不难；但一本100页的画册，每页图片裁切、规格统一、热区设计和制作，加上甲方反复修改，轻松吃掉一周。

在项目排期时，把内容制作和软件部署分开估工期：

阶段	典型工作量参考	注意
素材准备（裁图/导出/重命名）	按每100页计算，与图片来源质量有关	甲方提供的印刷 PDF 可能需要补清晰度，以实际素材为准
后台导入 + 页序核查	相对固定，与页数成正比	导入后每一页都要抽查
热区设计 + 制作 + 素材准备	根据热区数量，最耗时	视频素材须提前制作到位
Kiosk 安装 + 联调	环境顺畅时较快	多预留半天给现场调屏和手势测试

---

学会之后你能做出什么——效果与应用场景

前面把内容制作、热区、Kiosk 部署一路走下来，你手里已经攥着一整套"把一本书搬上触摸屏"的活儿了。别小看这个展项——它看着简单，但甲方那本压箱底的画册、地方志、楼书，往往是他们最想炫、又最没地方放的东西。你能把它做成一台参观者愿意上手翻的终端，就是实打实的交付物。

把这个展项能给甲方的"效果"拆开看，每一种都落在你前面学的那几步上：

想要的效果	靠这一节的哪一步做到
一本印刷画册原样搬上屏，翻起来像翻实体书	按页面规格裁切素材（RGB、宽高比统一、页码命名）→ 后台批量导入 → 仿真翻页动效
重点图片点一下放大看细节	在该页画热区 → 触发动作选"弹出大图"，另传一张高清局部图
户型页 / 工艺页点一下播视频	视频热区，MP4/H.264 本地化上传，点击弹窗播放
封面当目录，点章节标题直接跳过去	跳转页热区做成"电子书目录"，每个标题绑一个目标页码
党史 / 史志类项目要"有历史味"	外观套水墨国风模板，展柜前触摸翻阅，不怕磨损还能嵌历史照片视频
一台机器里放好几本书让参观者挑	后台管理多本书 → 开"书架"界面，Kiosk 启动先选书
老人小孩都会用、不站人也不乱退	封面加"向左滑动翻页"手势引导 + Kiosk 锁屏模式防退桌面

看明白没有：所谓"电子翻书展项"，本质就是**"素材规格 + 热区交互 + Kiosk 部署"**这三件事的组合，效果好不好，八成看你内容制作那一步抠得细不细。

这套活儿用在哪些展厅：

• 企业展厅 / 品牌馆：把企业画册、年报、产品图册电子化，招商中心、展会展台一台顶一摞纸质册子，还带不走。
• 党史馆 / 地方志展厅 / 博物馆：珍贵史志、老档案做成书页配水墨皮肤，展柜前触摸翻阅，比玻璃柜里摆一本真书好用，也不怕手汗磨损。
• 售楼部 / 项目展馆：楼书户型页埋热区，点开全景漫游、弹价格表，信息量比纸质楼书大得多。

同一套本事，换个内容照样能用：今天做的是画册，明天甲方拿来一本菜谱、一本校史、一本产品目录，你不用重学——素材规格、热区规则、Kiosk 部署这套流程原封不动搬过去就行。BookFlip 练熟了，"把任何一本纸质书变成互动展项"这件事对你就是标准动作。

---

动手挑战

1. 用一本公司宣传册（或任意有图文的 PDF）导出5~10页书页图片，按规格裁切后导入 BookFlip 后台，在触摸屏上跑一遍翻页体验。
2. 给其中一页加一个"弹出大图"热区和一个"跳转到最后一页"热区，验证两种热区都能正常触发。
3. 故意把视频热区的视频文件删掉（或路径改错），观察 Kiosk 端的报错状态，再修复——积累一次视频热区失效的排查经验。

---

本节学到的知识

• BookFlip = 把平面书页做成仿真翻页的数字展项，触摸屏上左右滑动翻页，每页可埋热区点开大图 / 视频 / 跳章节。
• 三类典型用法：企业画册·年报电子化、地方史志·文化典籍数字化、楼盘楼书·项目介绍册。
• 内容制作是工作量最大的一环，不是软件部署；一本 100 页画册的裁图 + 热区 + 甲方改稿轻松吃掉一周。
• 页面素材四条规格：分辨率不低于展示屏原始尺寸、整本书宽高比必须统一（否则翻页跳动）、颜色模式转成 RGB（印刷的 CMYK 直接上屏会偏色）、按 page-001.jpg 这样页码顺序命名方便批量导入排序。
• 从 PDF 导出书页要用"页面大小"而不是"纸张大小"裁切，否则出血边距会让书四周带一圈白框。
• 热区（Hotspot）四种触发动作：弹出大图、播放视频、跳转页、弹出文字；封面用跳转页热区可做"电子书目录"。
• 热区规划经验：区域别小于手指指肚（防误触）、每页 3~5 个为佳（贪多参观者不知点哪）。
• 视频热区必须本地化：展厅常没外网，交付前把所有视频文件上传到后台本地存储、用本地路径引用，别依赖在线 URL。
• 部署四步：后台服务部署导入书页 → 配热区 → 配外观（水墨风模板 / 翻页动效 / 书架界面）→ 触摸屏装 Kiosk 并开锁屏防退。
• 翻页动效吃 GPU，卡顿先查设备独显 / 集显和图片体积；翻页流畅度要到现场屏实测，办公室显示器看不准。
• 封面加一句"向左滑动翻页"手势引导，能挡掉大量老年参观者"不会用"的差评，做成静态文字即可、不需额外功能。
• Kiosk 安装方式、后台端口、热区参数、授权激活等操作细节以你拿到的 ExhibitionSuite 版本和部署文档为准。

---

小结 · 你现在掌握了什么

• 你清楚了 BookFlip 的三类典型应用（企业画册/史志典籍/楼书）以及各自的内容制作侧重点。
• 你知道了书页素材的规格原则（分辨率/宽高比统一/RGB颜色模式/文件命名规范），以及从印刷文件转数字素材时的常见坑。
• 你会在后台导入书页、配置热区（大图/视频/跳转/文字），并在触摸屏上安装 Kiosk 端跑通翻页手势。
• 你拿到了一张制作和部署两类问题合并的故障排查表，能在现场快速定位是内容制作问题还是部署连接问题。

要了解 BookFlip 的授权差异和完整热区交互能力，查看 ExhibitionSuite BookFlip 产品页。

下一节：用 GoMagicWall 做魔墙/树形图/数字地球大屏，把互动大屏展项的三种形态一次搞清楚。