真实界面当主角
片中所有 App 页面都来自自如提供的截图和录屏，不用 AI 生成界面。手机和笔记本只是外框，讲到哪个功能，对应的那一页就飞进手机或被放大；截图里的真实姓名、地址、电话都换成了虚拟信息。
品牌与产品
自如科技赋能视频
用近五分钟，把自如的四款科技产品和背后的数据，讲成一条从找房、出租、运营到管家服务的完整链条。
01 / 项目背景
十五周年的舞台上，怎样把一家公司的科技讲清楚？
这是为自如 15 周年活动制作的科技宣传片，在活动现场播放。片子要讲清“自如AI科技平台”的四款产品：服务租房客户的自如 App、服务一套房业主的自如业主 App、服务一栋楼或一个社区业主的自如资管 PMS，以及一线管家用的超级楼盘。
难的是信息量：四款产品、几十张产品页面、二十多组数据，要在五分钟里讲清楚、看着不累。我们让真实的产品界面当主角，配上实拍和 AI 生成的生活场景，每一句旁白都有对应的画面；从拿到脚本到交付完整版和大屏宽幅版，用了两天。
02 / 创意亮点
真实界面、简洁版式、统一配色，让信息多也不乱。
一镜只讲一件事
灰白底配自如品牌红点缀，每一镜只留一个主体、一个重点。看房单讲到哪个节点，哪个节点就变红放大；资管 PMS 的三个运营阶段用一条红色增长曲线串起来；旁白已经说清的字，画面上不再重复写一遍。
二十多组数据，一个配色规矩
压在视频画面上的数字和说明一律用白字，配一层柔和投影；浅灰、白底的界面页，数字用品牌红、说明用黑字。全片二十多组数据都照这一条走，观众不用找就知道重点在哪。
AI 补的生活场景，看着像实拍
实拍素材不够的镜头用 AI 生成：咖啡馆里看直播看房的女生、带孩子进门的妈妈、擦桌子的保洁员。人物按生活里的普通人来写，皮肤有纹理，光从窗户和台灯来，和自如的实拍素材剪在一起不出戏。
03 / 片段解读
六段，看懂自如的四款科技产品。
原片 · 00:07—00:34
开篇：从城市讲到平台
玻璃楼群上冒出标签和连线，光流顺着马路穿过城市，画面正中落下“15 年 · 100 万间房屋”；接着四张白卡片并排亮出自如的四款 App 和各自的三组数据，最后落在“自如AI科技平台”。
楼群长出标签，光流穿城而过
航拍的玻璃楼群上冒出一个个标签和连线，两道光流顺着马路一路向前，旁白讲城市居住进入机构化时代。
四张卡片，四款产品
浅灰底上四张白卡片依次排开：自如 App、自如业主 App、自如资管 PMS、超级楼盘，每张卡片下面滚出三组红色数据。
原片 · 00:34—01:41
篇章一：自如 App，让客户找房更高效
从街头人群和城市俯瞰讲到找房，用一张看房单讲清看房前、中、后，再讲签约支付，最后是入住后的智能门锁和保洁。
人群头顶冒出 App 图标
街头的行人头顶冒出自如 App 图标，右边升起“1.7 亿+ 自如 App 累计下载量”；闪白后切到城市俯瞰和地图找房的真实录屏。
咖啡馆里直播看房
咖啡馆里一位女生捧着手机看直播看房，屏幕里是真实的直播间录屏，旁边的白字数据滚到 1826 万次直播看房，再亮出平均 4.2 天的找房周期。
一张看房单，三个节点
上方的看房前、看房中、看房后由一条连线串起，讲到哪个节点它就变红放大，中间的手机换成对应页面，旁边配一张说明卡。
入住之后：门锁和保洁
妈妈带着孩子开门进屋，右边手机里是门锁和维修保洁页面；接着保洁员擦桌子，左边白字列出保洁次数和上门时间。
原片 · 01:41—02:46
篇章二：自如业主 App，让一套房出租更简单
讲业主怎么委托、怎么拿到出租方案、怎么不到场签约，再到装修焕新全程看得见，最后用租客入住的画面收住出租周期。
四种委托方式收进一部手机
在线委托、在线咨询、400 专线、业主直播间四种方式的真实页面排在手机两边，讲到哪种就收进中间的手机，最后亮出 160 万次直播委托。
行情和案例汇成一份出租方案
小区行情、成交案例、用户画像几张页面汇到一起，生成一份定制化出租方案推进手机，弹出方案已送达的提示。
毛坯到软装，全程看得见
毛坯房里亮出“放线定位”，施工照片从手机里抬起放大，最后是软装完成的客厅；右边手机同步显示装修日记。
14 天租出去
租客拖着行李推门进屋，左边是“租客信用体系”标签，右边白字写着自如管理房源平均出租周期 14 天。
原片 · 02:46—03:28
篇章三：自如资管 PMS，让一栋楼的出租更简单
从实拍的楼栋拉到社区航拍，再用一条红色增长曲线把签约美化期、爬坡期、稳定期串起来，笔记本里放真实的 PMS 界面。
从一栋楼到一个社区
实拍的楼栋切到社区航拍，右边白字依次滚出楼栋数、房间数和出租率。
一条曲线，三个阶段
白底上一条红色增长曲线标出三个阶段，镜头推到“签约 + 出租美化期”，笔记本里是真实的 PMS 页面，最后用红框写下这一阶段的结论。
原片 · 03:28—04:00
篇章四：超级楼盘，让管家服务更从容
从门店和晨会讲到管家手里的超级楼盘 App：服务业主、服务客户、管理库存都在一部手机上，最后用四组数据说明每位管家的工作量。
门店、晨会、管家的手机
自如门店外推进，切到 9:00 的业务晨会，再越肩看管家手机里的超级楼盘 App，屏幕跟着手指往上滑。
服务业主，服务客户
女管家拿着手机，旁边标签写“服务业主 · 从方案到租期”；接着男管家低头看手机，换成“服务客户 · 从找房到安家”。
原片 · 04:00—04:56
收尾：真实的声音，和 AI 的下一步
产品、研发、运营团队的工作画面之后，是业主和客户的真实好评；再用自如的 AI 架构图和四个 AI 助手的对话演示讲到下一步，最后落在“自如AI · 重塑美好租住生活”。
产品、研发、运营
三位同事的工作画面直接切换，代码铺满屏幕时亮出累计代码行数。
来自真实的他们
三张精选好评卡片之后，真实好评铺满画面，中间写着“一份委托，一份信任”，下面是业主平均委托 5.5 年、客户最长租住 15 年。
AI 架构图
标题“自如 AI Ecosystem Platform 架构图”先停在画面中间，再升到顶上，整张架构图一层一层浮上来。
四个 AI 助手
四部手机依次演示 AI 出租、AI 找房、AI 小木、AI 帮帮的对话，名字标在手机上方。
04 / 项目成果
4 分 56 秒，两个版本，在活动现场播放。
成片 4 分 56 秒，1920×1080 横屏，另交付一版 6048×1882 的大屏宽幅版，在自如 15 周年活动现场播放。全片按“开篇、自如 App、自如业主 App、自如资管 PMS、超级楼盘、收尾”六段展开，四个篇章用同一套篇章页开场，二十多组数据和几十张真实产品页面各有各的位置。
项目复盘
炼丹科技 × 自如｜两天，把四款租住科技产品讲成一支片子
自如 15 周年活动前，我们接到一份 27 个镜头的脚本。
要讲的是自如AI科技平台：四款 App、二十多组数据，从租客找房、业主出租，到一栋楼的运营和一线管家的工作。
两天后，一支 4 分 56 秒的宣传片和一版 6048×1882 的大屏宽幅版交到了活动现场。
- 客户
- 自如
- 项目类型
- 企业科技宣传片（产品介绍 + 数据动效）
- 时间
- 2026 年 10 月
- 片长和规格
- 4 分 56 秒 · 1920×1080 横屏 · 30 帧；另有 6048×1882 大屏宽幅版
- 交付
- 带字幕成片、大屏宽幅版、SRT 字幕
- 用途
- 自如 15 周年活动现场播放
- 制作方
- 深圳市炼丹科技有限公司（炼丹科技）
01
每一镜一个网页动效，改起来快
片子大部分画面是产品界面、数据和图表。我们把每一镜写成一个网页动画：手机外框、页面切换、数字滚动、曲线生长都用代码画，再逐帧渲染成视频，配上配音和配乐。
拿到脚本两个多小时后，第一版完整样片就出来了。之后客户提了七轮意见，比如“看房单讲到哪个节点，哪个节点就变红放大”，改的是几行代码，几分钟就能重新出这一镜，大多数意见当天就改进了新版。
02
界面全用真的，场景要像实拍
客户定了一条规矩：片中的 App 页面只用自如提供的截图和录屏，不用 AI 生成界面。手机、笔记本只是外框，里面每一屏都是真实产品。截图里的真实姓名、地址和电话，我们一律换成虚拟信息，签约页上手写的就是一个虚拟名字。
实拍素材不够的镜头用 AI 生成：咖啡馆里看直播的女生、带孩子进门的妈妈、擦桌子的保洁员。客户希望人物“更真实、接地气”，我们按生活里的普通人来写人物，不磨皮、不用网红脸，光从窗户和台灯来，和自如的实拍素材剪在一起不出戏。
03
二十多组数据，一个配色规矩
片子里有二十多组数据：1.7 亿+累计下载、每月 500 万+客户在线找房、平均出租周期 14 天……数字一多，颜色一乱，观众就找不到重点。
我们和客户定了一个按场景分的规矩：压在视频画面上的字全部用白字，配一层跟着字形走的柔和投影；浅灰、白底的界面页，数字和单位用自如品牌红，说明用黑字。不垫白底、不加光晕，看不清就把字挪到画面里干净的地方。
04
一镜只讲一件事
客户说画面越简单越好。每一镜只留讲清这句旁白必需的东西：一个主体、一个重点。四个篇章用同一套篇章页开场；六种支付方式排在手机两边，讲到哪张，哪张飞进手机；旁白已经说清的字，画面上不再写一遍。
讲到哪张，哪张飞进手机
惠蕾、企悦会、公积金直付等真实页面排在两边，跟着旁白一张张收进中间的手机。
05
同一支片子，还要上一块超宽大屏
活动现场除了常规的 16:9 屏，还有一块 6048×1882 的宽幅大屏，比例约 3.2:1。我们没有把画面硬拉宽，而是让 16:9 正片居中，两侧用同一画面的虚化延展补满，再放上自如和“十五风华”的标志；到结尾落版时，两侧标志撤掉，只留中间的落版。
大屏宽幅版：开篇
正片居中，两侧是同一画面的虚化延展，左右各放自如和“十五风华”的标志。
06
这个项目的价值
对企业来说，科技能力最难讲：功能多、数据多、界面多。这支片子让真实产品界面当主角，用“找房、出租、运营、管家服务”一条服务链把四款产品串起来，再用统一的配色和版式，让二十多组数据各有位置。
对学 AI 视频的人来说，它展示的是另一种 AI 用法：不只是生成画面，还用 AI 写动效代码、配音、配乐，把一支信息量很大的企业片在两天里做完、改完。
FAQ
常见问题
企业宣传片里的 App 界面，能用 AI 生成吗？
这个项目里不用。自如要求片中的 App 页面全部来自真实截图和录屏，我们只做手机外框、页面切换和放大这些动效；截图里的真实姓名、地址和电话都换成了虚拟信息。
一支产品介绍宣传片从脚本到交付要多久？
自如这支 4 分 56 秒的片子，从拿到 27 个镜头的脚本到交付完整版和大屏宽幅版用了两天；第一版完整样片在拿到脚本两个多小时后就出来了，之后按客户七轮意见逐条修改。
能做活动现场的超宽大屏版本吗？
能。这个项目同时交付了 1920×1080 正片和 6048×1882 宽幅大屏版：正片居中，两侧用同一画面的虚化延展补满，并放上品牌标志。
片子里数据很多，怎么让观众看得清？
按场景统一配色：压在视频画面上的数字和说明一律用白字加柔和投影，浅色界面页的数字用品牌红、说明用黑字，每一镜只突出一个重点。
创作方法
代码写动效，AI 补场景，配音配乐跟着画面走。
每一镜写成一个网页动画：手机外框、页面切换、数字滚动、曲线生长和篇章页都用代码画，再逐帧渲染成视频，改一处只重做那一镜。实拍素材不够的生活场景先用 AI 生成画面，再生成视频。
旁白用 AI 配音，自如客、企悦会这类专有名词按客户给的读法处理；配乐用 AI 生成后按篇章剪辑，和画面节奏对齐。前后接自如统一的 15 周年片头片尾，花字用自如品牌字体，字幕用思源黑体。
继续浏览