
用滚动节奏、分层画面与交互设计,制作更有辨识度的产品网站和作品集。
- 先准备品牌内容
明确页面目的,提供自己的文案、照片与视频。
- 搭建滚动体验
先选择页面结构与关键交互,再使用原版引擎实现。
- 检查并交付
检查手机布局、滚动、按钮和低动效模式,再进行部署。
沉浸式滚动网站36 秒 · 中文字幕
PIKI 自制中文功能讲解;不是实时操作录屏,也不代表所有输入均可得到相同结果。
单独打开视频 ↗你提供
品牌资料、真实产品内容、素材及希望访客完成的动作
你带走
- 完整 Scroll Craft Skill、引擎、脚本与参考文档
- PIKI 中文说明、素材准备表和发布前检查清单
- 功能解说及官方案例入口;不包含客户品牌素材
有效年度权益包含本商品,登录“我的 Skills”下载,无需重复购买。
从一个具体需求开始。
- 01
先准备品牌内容
明确页面目的,提供自己的文案、照片与视频。
- 02
搭建滚动体验
先选择页面结构与关键交互,再使用原版引擎实现。
- 03
检查并交付
检查手机布局、滚动、按钮和低动效模式,再进行部署。
请读取 scroll-craft/SKILL.md,用我的品牌资料和自有素材设计一个滚动驱动的产品网站。先检查环境,确认页面结构与核心交互;保留真实信息,并验证手机、降低动效设置和按钮功能后再交付。
作者、版本和交付边界
原作者 Nate Herk / nateherkai;许可 MIT;固定提交 0b816225945e45380397d6a0487efa3c98916858。原版许可与版权声明保留在交付包内,不受 PIKI 原创商品的禁止再分发条款覆盖。
原作者注明其完整制作流程主要在 Windows 上验证。部署、域名、表单后台及生成媒体服务不包含在商品内;页面交付仍需桌面、手机和低动效模式验收。
PIKI 整理版 v1.0.0。官方案例不等于本站实测结果;具体检查范围以交付包内说明为准。