十一屏原型与 P0 上手序列
原型可操作；五段动效录像、设计规范两页、四套走查脚本随附。
概念产品 · 移动端 C 端体验
粤见 · 广府非遗体验小程序
广府非遗的多数接触停在展柜前的一次路过。粤见把一次体验做完整：在展厅看懂一件，在工坊约到一课，把手作收进自己的「手泽」册。我独立完成了从题材研究、信息架构到十一屏高保真原型的全部设计与走查。
- 角色
- 题材研究、信息架构、十一屏视觉与动效、走查脚本，独立完成
- 输入
- 粤绣等广府非遗品类资料，工坊课单与手作收下场景；390×844 小程序载体
- 贡献
- 四 tab 信息架构、八种页型、八种动作原语、四色设计令牌、P0 上手序列
- 输出
- 十一屏可操作原型、五段动效录像、设计规范两页、四套走查脚本
- 阶段
- 高保真原型完成；未上线，无业务数据
00 / 先看结果
十一屏走完「看、约、收」一条线
概念产品粤见把一次广府非遗体验拆成三步：看懂一件、约到一课、收下一件手作。这条线上的每个页面都已定稿——四个 tab 根页、器档决三屏详情、一张凭证，凭与册的两个列表变体，以及手泽的单件详情。可操作原型、动效录像、设计规范和走查脚本随附，可以在本页直接看。
看
展厅只陈列，器物与人物各有详情层——结构见 03，语言见 04。
约
课单与凭证是唯一的决策面——翻单与撕票两段动效见 05。
收
手作进「手泽」册，每件收下的都有详情页，可看大图、可分享——02 节从第一针玩起，收下直落册页。
01 / 项目源头
先定载体，再把一条体验线做深
粤绣、扎作、榄雕、广彩——可看的品类很多，多数访客却完成不了其中任何一步体验。粤见要设计的是「完成一次体验」：看懂一件、约到一课、收下一件，而不是再多一个资讯入口。
体验发生在展馆与工坊现场，所以载体定为微信小程序：扫码即用。全部界面先按 390×844 一档真机尺寸做深，多端放到下一步。
同类怎么做，我怎么做
商城那套
首页轮播、分类二级、商品详情、购物车、订单物流、评价晒单、会员权益，一套铺满。
粤见这条线
只做广府非遗一个题材。卖的是工坊里的一场课，三小时、180 元含材料、按人收，钱只在这一处进。
那套结构成立的前提是 SKU 多、复购频繁、履约靠物流，粤见一条都不占。它要解决的是怎么让人从展柜前走到课桌前，让人多买一件不是这里的问题。
拿掉什么，留下什么
留下
四个 tab、一条线。展厅只陈列七件常设，详情页做厚，凭证做成一张能撕的票，撑住到场那一下。
拿掉
购物车与 SKU。一场课一个价，一次只约一场，凑单不成立。
留到下一版
内容社区、公开评价、会员权益。要内容量和运营，第一版都没有，闭环因此只转一圈。
02 / 先玩一把
原型从第一针开始
左边是可操作原型，模拟观众在展馆扫码进入小程序后的第一屏。以粤绣为例，落屏即拖一枚针，缝完钤「手泽」印，点「收下」或「先随便看看」都会进入完整十一屏。右边的录像是这套序列的完整演示。
03 / 产品结构
四个 tab，八种页型，深度不超过三层
L1 只有封、索、课、册四个 tab；详情与结果各层不出现 tabBar，返回按来源——从哪进的就回哪，不是写死的上一页。层级先立住，界面才有地方放。
页型先于一屏一稿。八种页型立起来之后，新页面是选页型、填槽位：新增一件展品只加一行数据。已约凭证页有列表变体「我的课」，册页有详情变体「我的手泽」，手泽再下钻的单件详情页直接套档案页型的骨架，只换数据与槽位——变体不另立页型，页面语言不会散，第十一屏也没有新增一种页型。
封面不设按钮。主视觉整幅就是入口，点它进器物详情；四枚朱砂圈排在题签正下方，换的是展品，不是页。首屏因此只剩一条视线：图、题、圈、tab。
上线前先把状态填满。五个核心页乘三种状态共 15 格状态矩阵，每格的规矩一致：空态必须给一个能按的动作，失败态必须回答停在哪、已输入还在不在。
04 / 视觉语言
四个语义色，一套从题材推导的规矩
纸、墨、朱、人四个色各有实体：纸是版面底色，墨是正文，朱是印章与主操作，人留给标题与人名。对不上实体的颜色，不进色板。
形态只有一条判据：描边是尚未发生，实心是已生效。这条信号只留给唯一的决策面，列表状态用色相分，不再叠加第二套形态语言。呼吸感按页型分配：阅读页（器、档）松，决策页（决）与凭证页（凭）紧。字号立下限：正文不小于 14px，元信息 12px 是下限，装饰字不小于 10px 且对比达到 3:1；题名与正文的主级差保持在 3 倍以上。
匠人头像用 42px 圆头照片，印章只作落款与钤印，两个信号不打架。器物页题名「百鸟朝凤」后跟一枚白文竖长印——红底挖空小篆，统一 34×34，跟在末字之后，四屏位置一致。
05 / 交互动效
每个页面给一层纸的动作
动效原语只有八种，互不重复：器展卷、档开裂、决翻课单、凭撕票，封是落，索是拉廊，课与册是落定，课到决是接引——同一张图从工坊卡飞成决的题图，文字不飞，其余内容卷轴下展。原语绑定纸这种中性材料，不绑工艺专属符号——针线隐喻只对粤绣成立，扎作和榄雕用不上，上不了全站。
每条曲线 x1 不超过 x2。第一版四条曲线全违反过：Chrome 按非单调曲线解释，观感是卡住后瞬移，此后成为硬线。动画一律 backwards 填充，.enter 在 1.15 秒后自动移除——结束态零残留，可无限重播。横切 480 毫秒、错峰 26 毫秒。印章一律慢钤：半秒 stampIn 压在每段编排的末尾——印永远是最后落下的那件东西。
06 / 边界与下一步
交付到哪一步，下一步补什么
这是一个概念产品的高保真阶段交付：没有上线，也没有业务数据。
页型与组件直接复用
新增作品只加一行数据；凭证、收藏、空态都有现成语言。
多端断点规范
平板 768 与桌面 1280 的排列变化规则，这一项完全没有动过。
界面中的器物与人物照片是生成示意图，正式版需换实拍并取得授权；可自证的只有点击数审计——主任务「约一节课」两击完成。AI 对话不是这个产品的解法：核心动作是看、约、收，一条清楚的浏览路径比一个聊天框贴题。