SuperAPI AI 工具集

paper-ds-options-component

设计与创作

查看项目

更新于 10-16 12:29

技能介绍

用途:为单个组件绘制选项表,设定组件的表格格式。由 paper-ds-options 在组件层级调用。

主要能力:从 TEMPLATE 克隆 Sheet Component;横向三列,每列 320 x 200 舞台,每个主题每个选项一个舞台;间距与字体取自系统 token(见 paper-ds-setup/references/template.md)。三列是行容量而非强制数量,六个方向用两行;Current/Proposed 用两帧;状态检查用真实状态。每个舞台居中显示组件的真实像素尺寸,绝不放大组件填满舞台。每个舞台固定并重复同一内容:相同标签、相同数值、相同状态。仅当选择依赖状态时,在舞台下方加状态条,展示组件真实具有的状态(default、long text、empty、error、loading),选最能压测结构的两个,五个看起来相同的状态就是噪音。

结构探索轴(状态检查、修订、响应式对比则保持设计不变):主图形的位置与大小;次要数据由什么承载(文字、字形、条形、无);如何限定边界(卡片、分隔线、字段、无);颜色如何使用(无、边缘、填充、仅图标);同一想法的密集版与宽松版算一个想法。

检查:舞台颜色必须与组件表面不同,否则组件没有可见边缘;在表面舞台上组件使用 raised 角色。长内容:用一个选项渲染数据中最长的真实值,若溢出须在表上标注。清单中存在真实组件时使用真实组件,并说明哪些部分为重新绘制。若某选项依赖 Paper 无法渲染的效果,标注为近似并加入 divergences。