UI组件库AI构建师:快速搭建设计规范系统

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

提示词描述:

帮助设计师快速建立规范的UI组件库,从设计基础到具体组件,提供系统化的构建指导。特别适合需要统一设计语言的中大型项目,提升团队协作效率。

提示语关键词:
UI组件库,设计规范,AI设计系统,UI设计模板,设计系统构建,组件库设计
提示词内容:
请帮我构建一个{项目类型,如:企业级SaaS后台}的UI组件库设计规范。你需要像一位耐心的导师,一步步引导我建立完整的设计系统。 第一步:确定设计基础。请告诉我应该如何选择和定义: - 色彩系统(主色、辅助色、中性色、语义色的具体色值) - 字体系统(字体家族、字号层级、行高比例) - 间距系统(基础间距单位、常用间距规格) - 圆角规范(不同层级组件的圆角大小) 每个选择都要说明原因和应用场景。 第二步:定义核心组件。请详细描述以下组件的设计要点: - 按钮(主要/次要/文字按钮的样式差异、状态变化) - 表单(输入框、选择器、日期选择器的设计规范) - 导航(顶部导航、侧边栏、面包屑的布局原则) - 数据展示(表格、卡片、列表的信息层级处理) 第三步:建立交互规范。请说明: - 常见的交互动画时长和缓动函数 - 反馈机制(加载状态、成功/失败提示) - 响应式断点设置 - 无障碍设计要求 第四步:提供使用指南。请给出5个实际应用场景,展示如何组合使用这些组件。每个场景都要包含:用户需求、组件选择、布局方式、注意事项。 请用具体的数值和案例说明,避免模糊的描述。比如不要说'适当的间距',而要说'组件间距使用16px,组间距使用24px'。
返回列表

提示词排行榜