用途:为 Stitch 提示词编写提供视觉词汇、设计术语与策略参考,适用于需要描述布局模式或视觉风格、统一配色与主题结构、了解各设备约束的场景。
提示词结构:推荐使用四段式 [Context & Style] + [Layout Structure] + [Component Details] + [Content & Data]。
主要内容:
- 配色变体(colorVariant)共 9 种,如 MONOCHROME、NEUTRAL、TONAL_SPOT、VIBRANT、EXPRESSIVE、FIDELITY、CONTENT、RAINBOW、FRUIT_SALAD,按用途选择。
- 间距尺度(spacingScale)为整数 0-3:0 紧凑、1 密集、2 常规、3 宽松。
- DesignTheme 字段参考,包括 colorMode、customColor、headlineFont/bodyFont/labelFont、roundness、namedColors、designMd 等,其中 font 字段已弃用。
- 布局模式:移动端(垂直滚动信息流、标签导航、底部弹层等)、桌面端(左侧栏+主区、顶部导航、分屏、仪表盘网格等)、通用(瀑布流、便当网格、Hero 区、卡片网格)。
- 视觉风格:扁平、Material、新拟态、玻璃拟态、粗野主义、极简主义、赛博朋克等。
- 配色结构公式:[领域/情绪描述] + 背景色 + 主色 + 辅色 + 文字色 + 美学情绪。
- 设备指南:MOBILE(约 375px)、DESKTOP(约 1440px)、TABLET(约 768-1024px)、AGNOSTIC(流式)。
- 可访问性写法:高对比、WCAG AA、44px 触控目标等。
- 建议使用精确组件名,如浮动操作按钮(FAB)、分段控件、底部弹层、骨架屏等。
模型选择:GEMINI_3_1_PRO 为推荐默认;GEMINI_3_FLASH 用于快速迭代;GEMINI_3_PRO 已弃用。
限制:本技能为参考指南,不执行操作;官方价格、安装命令等信息暂未提供。