AI 生成 UI 设计规范:5分钟建立组件库标准

官方 0 查看 0 有趣 0 复制 0 收藏

提示词描述:

专为产品经理和UI设计师打造,快速生成符合现代移动端标准的UI设计规范。包含色彩、排版、栅格、组件状态及无障碍建议,帮助团队在5分钟内统一设计语言,降低沟通成本。

提示语关键词:
AI设计提示词, UI设计规范, 移动端UI设计, 组件库生成, AI生成UI规范, 产品设计提示词
提示词内容:
你是资深 UI/UX 设计专家。请为一款面向年轻用户的移动端金融 App 生成一套完整的 UI 设计规范。 首先,定义色彩系统。提供主色、辅助色、中性色和语义色(成功、警告、错误)的 HEX 值,并说明在品牌传达、背景填充、文本显示及状态提示等具体场景中的使用规则。 其次,制定排版系统。设定 H1 到 H6 的字号、字重、行高,以及正文和辅助文本的规范,确保信息层级清晰,符合移动端阅读习惯。 然后,构建栅格与间距系统。采用 8pt 栅格系统,定义 xs 到 xxl 的间距 token,并详细说明在页面边距、组件内边距、列表项间距中的具体应用规则。 接着,列出核心组件状态。针对按钮、输入框、卡片、开关,分别描述默认、悬停、点击、禁用、聚焦五种状态下的视觉变化与交互反馈。 最后,输出无障碍设计建议。确保色彩对比度严格符合 WCAG 2.1 AA 标准,并提供触控目标最小尺寸、屏幕阅读器适配等具体建议。请确保所有设计决策都有助于提升用户的信任感和操作效率,输出内容需具备直接指导开发落地的可操作性。
返回列表
相关提示词推荐

提示词排行榜