用途:运行 paper-ds-options 流程,为区块(block)绘制选项表。区块指由多个组件构成的区段,如定价表、设置卡片、空状态、引导步骤或数据区。此技能统一区块的选项表格式。
主要能力与格式:从 TEMPLATE 克隆 Sheet Block。每个选项横向排列两个,画布为 480 x 320 的 stage,每个主题每个选项各一个 stage。stage 宽度应等于区块真实的容器宽度,不得把区块拉伸得比它实际发布时更宽。围绕区块用 surface 角色的扁平条和边缘两条发丝线来占位页面,使区块读起来像页面的一部分;不要绘制真实页面外壳,因为它会与区块争夺注意力。
区块选项决定什么:对于结构性备选方案,每个选项最多改变以下两项之一:部件顺序;分组方式(单一列表、分节、标签页、列);主操作的位置;什么直接展示、什么藏在点击之后;密度(每项一行、每项一卡片、表格)。对于修订、状态或响应式检查,改用对比指南中的固定变量。
内容与槽位:固定内容,保持相同的项目、相同的数量、相同的标签。包含一个长标签和一个空状态或加载状态,让结构暴露其边界。区块常有可选部件(图标、徽章、页脚),在 stage 上以 Optional <name> 图层显示,让用户看到有和没有该部件时的样子;不要为了让区块看起来完成而把可选部件设为必需。
检查:用 manifest 组件组成区块,手绘拼凑的区块无法反映真实产品。检查产品发布的每个主题,surface 上的弱化文字在深色主题下最容易失败。如果产品会调整尺寸,检查区块在最窄容器宽度下的表现;只有当某个选项在该宽度下出问题,才额外画第二个 stage。
限制:资料未提供官方文本、收费、平台与具体使用命令等信息。