SuperAPI AI 工具集

ui-design

设计与创作

查看项目

更新于 10-15 21:49

技能介绍

用途:这是一套面向开发者与非设计师的实用 UI 设计原则,用于创建网页界面、组件、仪表盘、落地页等视觉设计,帮助在没有正式设计训练的情况下做出专业、精致的界面。

主要能力:涵盖视觉层级(用尺寸、字重、颜色区分主次,通过弱化竞争元素来突出重点)、间距与布局(从充足留白开始,使用约 25% 递增的受限间距刻度,如 4、8、12、16、24、32、48、64 等,基于 16px)、排版(受限字号刻度 12 至 72,行宽 45-75 字符,行高与字号和行宽成反比,左对齐为主)、配色(用 HSL 构建调色板,包含 8-10 级灰阶、主色 5-10 级色阶与语义色)、无障碍(正文对比度 4.5:1,大字号 3:1,不单靠颜色传达信息)、深度与阴影(光源来自上方,定义 5 级阴影,可用双段阴影)、图片处理与收尾打磨(替换默认控件、强调边框、空状态设计、减少边框)。

使用方式:建议先设计核心功能而非外壳,采用渐进保真(先草图、再灰度、最后上色),只设计最小可用版本,按“设计→构建→迭代”循环推进。资料未提供具体安装命令或代码调用方式。

适用场景:网页界面、组件、仪表盘、落地页等视觉设计工作。

限制:资料未提供收费、价格、平台支持或效果保证等信息;内容为设计原则指导,不包含可直接运行的代码示例。