SuperAPI AI 工具集

ux-design-principles

设计与创作

查看项目

更新于 10-15 17:27

技能介绍

ux-design-principles 是一份 UI/UX 设计原则集合,适合设计师与前端工程师在构建界面时作为参考。

用途与核心思想:该资料围绕一条总原则展开——用户做出任何操作时都应有响应,点击、悬停、聚焦、报错、加载、成功等每种交互都需有可见且有目的的反馈。

主要能力(章节主题):可供性与意符(通过外观传达用法)、视觉层级(用大小、位置、颜色控制视觉优先级)、栅格布局与间距、字体排印(建议单一无衬线字体、最多 6 种字号)、色彩理论(品牌色加语义色与色阶)、深色模式(以明度而非阴影表达层级)、阴影(低不透明度、高模糊)、图标与按钮(尺寸与行高匹配、幽灵按钮等)、反馈与状态(按钮至少 4 种状态)、微交互(用动效确认操作)、叠加层(渐变加渐进模糊)。

十条设计法则:每次交互都要有响应;对比创造层级;留白即设计(区块间距默认 32px);颜色承载含义(蓝=信任、红=危险、黄=警告、绿=成功);一种字体足够;图标尺寸匹配行高;阴影不应成为最先被注意到的元素;图像总能改善层级;深色模式用更亮的表面表达高度;线性渐变优于纯色覆盖。

使用方式:资料包含面向工程师的与 AI 助手沟通示例,强调用精确术语描述界面,例如“为按钮添加 hover、active/pressed 和 disabled 状态,次按钮使用幽灵按钮样式”。同时提供 engineering-rules.md 快速参考与词汇表。

限制:资料未说明授权、平台可用性或具体价格信息,这些暂未提供。